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

package/dist/index.es.js

@@ -136,7 +136,6 @@ import ListItemSecondaryAction$1 from '@material-ui/core/ListItemSecondaryAction
 import GetAppIcon from '@material-ui/icons/GetApp';
 import { useDropzone } from 'react-dropzone';
 import ListSubheader from '@material-ui/core/ListSubheader';
-import useDeepCompareEffect from 'use-deep-compare-effect';
 import Input from '@material-ui/core/Input';
 import TableContainer$1 from '@material-ui/core/TableContainer';
 import { VideoPlayer } from '@vidispine/vdt-videojs-react';
@@ -17616,6 +17615,11 @@ ImageCollage.defaultProps = {
   }
 };
 
+var Component$J = withStyles(styles$1L, {
+  name: 'VdtImageCollage'
+})(ImageCollage);
+Component$J.displayName = 'ImageCollage';
+
 var _excluded$T = ["classes", "className", "component", "height", "width", "primaryColor", "onClick", "onError", "innerProps", "ImageCollageProps"];
 var styles$1K = function styles() {
   return {
@@ -17699,7 +17703,7 @@ function CollectionCardThumbnail(_ref) {
       width: width,
       backgroundColor: thumbnailUrls.length ? undefined : primaryColor
     }
-  }, /*#__PURE__*/React__default.createElement(ImageCollage, _extends$4({
+  }, /*#__PURE__*/React__default.createElement(Component$J, _extends$4({
     className: "VdtCollectionCardThumbnail-image",
     urls: thumbnailUrls,
     onError: handleError
@@ -17730,7 +17734,7 @@ CollectionCardThumbnail.propTypes = {
   ImageCollageProps: PropTypes$1.objectOf(PropTypes$1.any)
 };
 CollectionCardThumbnail.defaultProps = {
-  className: undefined,
+  className: '',
   classes: {},
   component: 'div',
   height: 180,
@@ -17742,10 +17746,10 @@ CollectionCardThumbnail.defaultProps = {
   ImageCollageProps: {}
 };
 
-var Component$J = withStyles(styles$1K, {
+var Component$I = withStyles(styles$1K, {
   name: 'VdtCollectionCardThumbnail'
 })(CollectionCardThumbnail);
-Component$J.displayName = 'CollectionCardThumbnail';
+Component$I.displayName = 'CollectionCardThumbnail';
 
 function ownKeys$y(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; }
 
@@ -17823,10 +17827,10 @@ CollectionGrid.defaultProps = {
   onCollectionClick: null
 };
 
-var Component$I = withStyles(styles$1J, {
+var Component$H = withStyles(styles$1J, {
   name: 'VdtCollectionGrid'
 })(CollectionGrid);
-Component$I.displayName = 'CollectionGrid';
+Component$H.displayName = 'CollectionGrid';
 
 var _excluded$S = ["classes", "className", "options", "metadataToProps", "parseMetadataOpts", "selected", "onCheck", "onClick", "TableRowProps"];
 
@@ -17938,10 +17942,10 @@ CollectionRow.defaultProps = {
   TableRowProps: {}
 };
 
-var Component$H = withStyles(styles$1I, {
+var Component$G = withStyles(styles$1I, {
   name: 'VdtCollectionRow'
 })(CollectionRow);
-Component$H.displayName = 'CollectionRow';
+Component$G.displayName = 'CollectionRow';
 
 var _excluded$R = ["classes", "className", "collectionListType", "RowComponent", "options", "onCheck", "selected", "onRowClick"];
 var styles$1H = function styles() {
@@ -18010,17 +18014,17 @@ CollectionTable.defaultProps = {
   className: undefined,
   classes: {},
   collectionListType: {},
-  RowComponent: Component$H,
+  RowComponent: Component$G,
   options: [],
   onCheck: undefined,
   selected: undefined,
   onRowClick: undefined
 };
 
-var Component$G = withStyles(styles$1H, {
+var Component$F = withStyles(styles$1H, {
   name: 'VdtCollectionTable'
 })(CollectionTable);
-Component$G.displayName = 'CollectionTable';
+Component$F.displayName = 'CollectionTable';
 
 var LOAD_MORE$1 = 'LOAD_MORE';
 var ITEM$3 = 'ITEM';
@@ -19245,10 +19249,10 @@ function CollectionTreeList(_ref) {
   }) : undefined);
 }
 
-var Component$F = withStyles(styles$1A, {
+var Component$E = withStyles(styles$1A, {
   name: 'VdtCollectionTreeList'
 })(CollectionTreeList);
-Component$F.displayName = 'CollectionTreeList';
+Component$E.displayName = 'CollectionTreeList';
 
 function ownKeys$t(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; }
 
@@ -19426,10 +19430,10 @@ CollectionListItem.defaultProps = {
   skeleton: false
 };
 
-var Component$E = withStyles(styles$1z, {
+var Component$D = withStyles(styles$1z, {
   name: 'VdtCollectionListItem'
 })(CollectionListItem);
-Component$E.displayName = 'CollectionListItem';
+Component$D.displayName = 'CollectionListItem';
 
 var styles$1y = function styles() {
   return {
@@ -19472,14 +19476,14 @@ CollectionList.defaultProps = {
   classes: {},
   collectionListType: {},
   onItemClick: undefined,
-  CollectionListItemComponent: Component$E,
+  CollectionListItemComponent: Component$D,
   CollectionListItemProps: {}
 };
 
-var Component$D = withStyles(styles$1y, {
+var Component$C = withStyles(styles$1y, {
   name: 'VdtCollectionList'
 })(CollectionList);
-Component$D.displayName = 'CollectionList';
+Component$C.displayName = 'CollectionList';
 
 function CollectionMetadataEdit(_ref) {
   var collectionId = _ref.collectionId,
@@ -19773,10 +19777,10 @@ CollectionCreateDialog.defaultProps = {
   onSuccess: undefined
 };
 
-var Component$C = withStyles(styles$1x, {
+var Component$B = withStyles(styles$1x, {
   name: 'VdtCollectionCreateDialog'
 })(CollectionCreateDialog);
-Component$C.displayName = 'CollectionCreateDialog';
+Component$B.displayName = 'CollectionCreateDialog';
 
 var styles$1w = function styles(theme) {
   return {
@@ -20044,10 +20048,10 @@ SearchInput.defaultProps = {
   inputRef: undefined
 };
 
-var Component$B = withStyles(styles$1w, {
+var Component$A = withStyles(styles$1w, {
   name: 'VdtSearchInput'
 })(SearchInput);
-Component$B.displayName = 'SearchInput';
+Component$A.displayName = 'SearchInput';
 
 var _excluded$N = ["PaginationComponent"];
 
@@ -20065,7 +20069,7 @@ function PaginationWrapper$1(_ref) {
 
 function SearchInputWrapper$1(props) {
   var isLoading = props.isLoading;
-  return /*#__PURE__*/React__default.createElement(Component$B, _extends$4({
+  return /*#__PURE__*/React__default.createElement(Component$A, _extends$4({
     submitting: isLoading
   }, props));
 } // TODO: Rename to SelectCollection
@@ -20076,7 +20080,7 @@ function CollectionSearchPicker(_ref2) {
       _ref2$onCheck = _ref2.onCheck,
       onCheck = _ref2$onCheck === void 0 ? function () {} : _ref2$onCheck,
       _ref2$CollectionTable = _ref2.CollectionTableComponent,
-      CollectionTableComponent = _ref2$CollectionTable === void 0 ? Component$G : _ref2$CollectionTable,
+      CollectionTableComponent = _ref2$CollectionTable === void 0 ? Component$F : _ref2$CollectionTable,
       _ref2$CollectionTable2 = _ref2.CollectionTableProps,
       CollectionTableProps = _ref2$CollectionTable2 === void 0 ? {} : _ref2$CollectionTable2,
       searchProps = _ref2.searchProps,
@@ -20413,10 +20417,10 @@ AddToCollectionDialog.defaultProps = {
   SearchCollectionIcon: SearchIcon
 };
 
-var Component$A = withStyles(styles$1v, {
+var Component$z = withStyles(styles$1v, {
   name: 'VdtAddToCollectionDialog'
 })(AddToCollectionDialog);
-Component$A.displayName = 'AddToCollectionDialog';
+Component$z.displayName = 'AddToCollectionDialog';
 
 var defaultOnConfirm = function defaultOnConfirm(_ref) {
   var collectionId = _ref.collectionId,
@@ -20508,10 +20512,10 @@ RemoveFromCollectionDialog.defaultProps = {
   confirmText: 'Remove'
 };
 
-var Component$z = withStyles(styles$1u, {
+var Component$y = withStyles(styles$1u, {
   name: 'VdtRemoveFromCollectionDialog'
 })(RemoveFromCollectionDialog);
-Component$z.displayName = 'RemoveFromCollectionDialog';
+Component$y.displayName = 'RemoveFromCollectionDialog';
 
 var _excluded$M = ["className", "classes", "ListItemTextComponent", "collectionId", "collectionType", "showUser", "showDate"];
 
@@ -21515,10 +21519,10 @@ function CollectionContent(_ref3) {
   }));
 }
 
-var Component$y = withStyles(styles$1q, {
+var Component$x = withStyles(styles$1q, {
   name: 'VdtCollectionContent'
 })(CollectionContent);
-Component$y.displayName = 'CollectionContent';
+Component$x.displayName = 'CollectionContent';
 
 function ownKeys$q(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; }
 
@@ -21584,7 +21588,7 @@ function ActionComponent$1(_ref) {
     primary: removeText
   }))), /*#__PURE__*/React__default.createElement(Dialog$1, {
     open: openDialog
-  }, /*#__PURE__*/React__default.createElement(Component$z, {
+  }, /*#__PURE__*/React__default.createElement(Component$y, {
     collectionId: collectionId,
     entityId: itemId,
     entityType: "item",
@@ -21717,7 +21721,7 @@ ItemParentsTab.defaultProps = {
     var message = _ref5.message;
     return console.error(message);
   },
-  CollectionListComponent: Component$D,
+  CollectionListComponent: Component$C,
   CollectionListProps: {},
   collectionListType: {
     collection: _toConsumableArray(Array(3).keys()).map(function (id) {
@@ -21854,7 +21858,7 @@ function PaginationWrapper(props) {
 
 function SearchInputWrapper(props) {
   var isLoading = props.isLoading;
-  return /*#__PURE__*/React__default.createElement(Component$B, _extends$4({
+  return /*#__PURE__*/React__default.createElement(Component$A, _extends$4({
     submitting: isLoading
   }, props));
 }
@@ -22228,10 +22232,10 @@ ItemListItem.defaultProps = {
   skeleton: false
 };
 
-var Component$x = withStyles(styles$1o, {
+var Component$w = withStyles(styles$1o, {
   name: 'VdtItemListItem'
 })(ItemListItem);
-Component$x.displayName = 'ItemListItem';
+Component$w.displayName = 'ItemListItem';
 
 var styles$1n = function styles() {
   return {
@@ -22269,14 +22273,14 @@ ItemList.defaultProps = {
   className: undefined,
   classes: {},
   itemListType: {},
-  ItemListItemComponent: Component$x,
+  ItemListItemComponent: Component$w,
   ItemListItemProps: {}
 };
 
-var Component$w = withStyles(styles$1n, {
+var Component$v = withStyles(styles$1n, {
   name: 'VdtItemList'
 })(ItemList);
-Component$w.displayName = 'ItemList';
+Component$v.displayName = 'ItemList';
 
 function ItemRelationRemoveDialog(_ref) {
   var open = _ref.open,
@@ -22588,7 +22592,7 @@ ItemRelationsTab.defaultProps = {
     var message = _ref6.message;
     return console.error(message);
   },
-  ItemListComponent: Component$w,
+  ItemListComponent: Component$v,
   ItemListProps: {},
   onRemove: function onRemove() {},
   onAdd: function onAdd() {},
@@ -22773,10 +22777,10 @@ ItemTabs.defaultProps = {
   tabs: []
 };
 
-var Component$v = withStyles(styles$1i, {
+var Component$u = withStyles(styles$1i, {
   name: 'VdtItemTabs'
 })(ItemTabs);
-Component$v.displayName = 'ItemTabs';
+Component$u.displayName = 'ItemTabs';
 
 var _excluded$E = ["itemType", "MediaCardComponent", "metadataToProps", "parseMetadataOpts", "parseHighlightOpts", "titleSelector", "subheaderSelector", "imageSelector", "contentSelector", "avatarSelector", "labelRightBottomSelector", "ThumbnailProps"];
 
@@ -24018,10 +24022,10 @@ ItemSidecarDialog.defaultProps = {
   ItemSidecarUploadProps: {}
 };
 
-var Component$u = withStyles(styles$1f, {
+var Component$t = withStyles(styles$1f, {
   name: 'VdtItemSidecarDialog'
 })(ItemSidecarDialog);
-Component$u.displayName = 'ItemSidecarDialog';
+Component$t.displayName = 'ItemSidecarDialog';
 
 var styles$1e = function styles() {
   return {
@@ -24476,10 +24480,6 @@ function ItemCompoundMetadataTable(_ref) {
       rowsPerPage = _React$useState6[0],
       setRowsPerPage = _React$useState6[1];
 
-  useDeepCompareEffect(function () {
-    setGroupFields(values.group);
-  }, [values]);
-
   var _useCompoundMetadata = useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields, onRefresh, onSuccess, onError),
       tableColumns = _useCompoundMetadata.tableColumns,
       _onChange = _useCompoundMetadata.onChange,
@@ -25175,10 +25175,10 @@ function ItemPlayer(_ref2) {
   }, ItemVideoPlayerProps))));
 }
 
-var Component$t = withStyles(styles$18, {
+var Component$s = withStyles(styles$18, {
   name: 'VdtItemPlayer'
 })(ItemPlayer);
-Component$t.displayName = 'ItemPlayer';
+Component$s.displayName = 'ItemPlayer';
 
 function ownKeys$j(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; }
 
@@ -28170,10 +28170,10 @@ SpellCheck.defaultProps = {
   onClick: function onClick() {}
 };
 
-var Component$s = withStyles(styles$Y, {
+var Component$r = withStyles(styles$Y, {
   name: 'VdtSpellCheck'
 })(SpellCheck);
-Component$s.displayName = 'SpellCheck';
+Component$r.displayName = 'SpellCheck';
 
 var _excluded$s = ["isFocused"],
     _excluded2$4 = ["inputRef"];
@@ -28704,6 +28704,7 @@ SearchField.propTypes = {
    */
   className: PropTypes$1.string,
   theme: PropTypes$1.objectOf(PropTypes$1.any),
+  // eslint-disable-next-line react/forbid-prop-types
   defaultValue: PropTypes$1.arrayOf(PropTypes$1.object),
   modifiers: PropTypes$1.arrayOf(PropTypes$1.any),
   loadOptions: PropTypes$1.func,
@@ -28745,10 +28746,10 @@ SearchField.defaultProps = {
   ProgressProps: {}
 };
 
-var Component$r = withStyles(styles$X, {
+var Component$q = withStyles(styles$X, {
   name: 'VdtSearchField'
 })(SearchField);
-Component$r.displayName = 'SearchField';
+Component$q.displayName = 'SearchField';
 
 var styles$W = function styles() {
   return {
@@ -30790,10 +30791,10 @@ QueryBuilder.defaultProps = {
   QueryEntryProps: {}
 };
 
-var Component$q = withStyles(styles$M, {
+var Component$p = withStyles(styles$M, {
   name: 'VdtQueryBuilder'
 })(QueryBuilder);
-Component$q.displayName = 'QueryBuilder';
+Component$p.displayName = 'QueryBuilder';
 
 function ownKeys$a(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; }
 
@@ -30855,7 +30856,7 @@ function QueryBuilderCard(_ref) {
     variant: "outlined",
     elevation: 0,
     square: true
-  }, PaperProps), /*#__PURE__*/React__default.createElement(Component$q, _extends$4({
+  }, PaperProps), /*#__PURE__*/React__default.createElement(Component$p, _extends$4({
     query: queryBuilderQuery,
     fields: fields,
     groups: groups,
@@ -30917,10 +30918,10 @@ QueryBuilderCard.defaultProps = {
   searchButtonProps: {}
 };
 
-var Component$p = withStyles(styles$L, {
+var Component$o = withStyles(styles$L, {
   name: 'VdtQueryBuilderCard'
 })(QueryBuilderCard);
-Component$p.displayName = 'QueryBuilderCard';
+Component$o.displayName = 'QueryBuilderCard';
 
 var _excluded$j = ["entityType", "entity", "entityComponents"];
 
@@ -31076,7 +31077,7 @@ function EntityTableRow(_ref) {
 
   var isCollection = entityType === 'COLLECTION';
   var isItem = entityType === 'ITEM';
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isCollection && /*#__PURE__*/React__default.createElement(Component$H, _extends$4({
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isCollection && /*#__PURE__*/React__default.createElement(Component$G, _extends$4({
     collectionId: entityId,
     collectionType: entity,
     options: collectionOptions,
@@ -31381,10 +31382,10 @@ EntityDeleteDialog.defaultProps = {
   classes: {}
 };
 
-var Component$o = withStyles(styles$I, {
+var Component$n = withStyles(styles$I, {
   name: 'VdtEntityDeleteDialog'
 })(EntityDeleteDialog);
-Component$o.displayName = 'EntityDeleteDialog';
+Component$n.displayName = 'EntityDeleteDialog';
 
 var getPlayerFromRef = function getPlayerFromRef(playerRef) {
   if (!playerRef || !playerRef.current) return undefined;
@@ -32273,7 +32274,7 @@ BinList.defaultProps = {
   },
   ActionComponent: BinListMenu,
   ActionProps: {},
-  AddToCollectionDialogComponent: Component$A,
+  AddToCollectionDialogComponent: Component$z,
   AddToCollectionDialogProps: {},
   BinContentComponent: BinContentDroppable,
   BinContentProps: {},
@@ -32284,15 +32285,15 @@ BinList.defaultProps = {
   BinProps: {}
 };
 
-var Component$n = withStyles(styles$E, {
+var Component$m = withStyles(styles$E, {
   name: 'VdtBinList'
 })(BinList);
-Component$n.displayName = 'BinList';
+Component$m.displayName = 'BinList';
 
-var Component$m = withStyles(styles$F, {
+var Component$l = withStyles(styles$F, {
   name: 'VdtBinListMenu'
 })(BinListMenu);
-Component$m.displayName = 'BinListMenu';
+Component$l.displayName = 'BinListMenu';
 
 var LoadMoreTreeItem = withStyles$1({}, {
   name: 'VdtLoadMoreTreeItem'
@@ -32389,7 +32390,7 @@ function EntityTreeList(_ref3) {
     return null;
   } : _ref3$onAdjustHits,
       _ref3$CollectionListC = _ref3.CollectionListComponent,
-      CollectionListComponent = _ref3$CollectionListC === void 0 ? Component$F : _ref3$CollectionListC,
+      CollectionListComponent = _ref3$CollectionListC === void 0 ? Component$E : _ref3$CollectionListC,
       _ref3$ItemComponent = _ref3.ItemComponent,
       ItemComponent = _ref3$ItemComponent === void 0 ? ItemTreeItem$1 : _ref3$ItemComponent,
       _ref3$LoadMoreCompone = _ref3.LoadMoreComponent,
@@ -33460,7 +33461,7 @@ function UploadCollectionPicker(_ref2) {
     });
   };
 
-  return /*#__PURE__*/React__default.createElement(Component$A, _extends$4({
+  return /*#__PURE__*/React__default.createElement(Component$z, _extends$4({
     className: "VdtUploadCollectionPicker-root",
     entities: [],
     titleText: "Upload To Collection",
@@ -34145,10 +34146,10 @@ MediaCardFullWidth.defaultProps = {
   ActionsProps: {}
 };
 
-var Component$l = withStyles(styles$u, {
+var Component$k = withStyles(styles$u, {
   name: 'VdtMediaCardFullWidth'
 })(MediaCardFullWidth);
-Component$l.displayName = 'MediaCardFullWidth';
+Component$k.displayName = 'MediaCardFullWidth';
 
 function ownKeys$1(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; }
 
@@ -34633,10 +34634,10 @@ UserTable.defaultProps = {
   userColumnLabels: DEFAULT_COLUMN_LABELS
 };
 
-var Component$k = withStyles(styles$r, {
+var Component$j = withStyles(styles$r, {
   name: 'VdtUserTable'
 })(UserTable);
-Component$k.displayName = 'UserTable';
+Component$j.displayName = 'UserTable';
 
 var styles$q = function styles(theme) {
   return {
@@ -34927,10 +34928,10 @@ GroupRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var Component$j = withStyles(styles$q, {
+var Component$i = withStyles(styles$q, {
   name: 'VdtGroupRelationList'
 })(GroupRelationList);
-Component$j.displayName = 'GroupRelationList';
+Component$i.displayName = 'GroupRelationList';
 
 var styles$p = function styles(theme) {
   return {
@@ -35176,19 +35177,19 @@ UserDetails.defaultProps = {
   onChangePassword: undefined,
   DetailsComponent: UserData$1,
   DetailsProps: {},
-  GroupsComponent: Component$j,
+  GroupsComponent: Component$i,
   GroupsProps: {},
-  RolesComponent: Component$j,
+  RolesComponent: Component$i,
   RolesProps: {},
   MenuComponent: UserMenu,
   MenuProps: {},
   lockedUsers: ['admin', 'vidinetviewer']
 };
 
-var Component$i = withStyles(styles$o, {
+var Component$h = withStyles(styles$o, {
   name: 'VdtUserDetails'
 })(UserDetails);
-Component$i.displayName = 'UserDetails';
+Component$h.displayName = 'UserDetails';
 
 function PasswordField(props) {
   var _React$useState = React__default.useState(false),
@@ -35413,10 +35414,10 @@ CreateUserDialog$1.defaultProps = {
   CreateUserFormProps: {}
 };
 
-var Component$h = withStyles(styles$m, {
+var Component$g = withStyles(styles$m, {
   name: 'VdtCreateUserDialog'
 })(CreateUserDialog$1);
-Component$h.displayName = 'CreateUserDialog';
+Component$g.displayName = 'CreateUserDialog';
 
 var styles$l = function styles(theme) {
   return {
@@ -35548,10 +35549,10 @@ EditUserDialog.defaultProps = {
   }
 };
 
-var Component$g = withStyles(styles$k, {
+var Component$f = withStyles(styles$k, {
   name: 'VdtEditUserDialog'
 })(EditUserDialog);
-Component$g.displayName = 'EditUserDialog';
+Component$f.displayName = 'EditUserDialog';
 
 var styles$j = function styles(theme) {
   return {
@@ -35663,10 +35664,10 @@ CreateUserDialog.defaultProps = {
   onSubmit: undefined
 };
 
-var Component$f = withStyles(styles$i, {
+var Component$e = withStyles(styles$i, {
   name: 'VdtChangeUserPasswordDialog'
 })(CreateUserDialog);
-Component$f.displayName = 'ChangeUserPasswordDialog';
+Component$e.displayName = 'ChangeUserPasswordDialog';
 
 var styles$h = function styles(theme) {
   return {
@@ -35945,10 +35946,10 @@ UserRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var Component$e = withStyles(styles$h, {
+var Component$d = withStyles(styles$h, {
   name: 'VdtUserRelationList'
 })(UserRelationList);
-Component$e.displayName = 'UserRelationList';
+Component$d.displayName = 'UserRelationList';
 
 var styles$g = function styles(theme) {
   return {
@@ -36095,10 +36096,10 @@ UserAvatarButton.defaultProps = {
   localeSelectProps: {}
 };
 
-var Component$d = withStyles(styles$g, {
+var Component$c = withStyles(styles$g, {
   name: 'VdtUserAvatarButton'
 })(UserAvatarButton);
-Component$d.displayName = 'UserAvatarButton';
+Component$c.displayName = 'UserAvatarButton';
 
 var _excluded$2 = ["classes", "group", "columns", "onClick"];
 
@@ -36224,10 +36225,10 @@ GroupTable.defaultProps = {
   }
 };
 
-var Component$c = withStyles(styles$e, {
+var Component$b = withStyles(styles$e, {
   name: 'VdtGroupTable'
 })(GroupTable);
-Component$c.displayName = 'GroupTable';
+Component$b.displayName = 'GroupTable';
 
 var styles$d = function styles(theme) {
   return {
@@ -36519,13 +36520,13 @@ GroupDetails.defaultProps = {
   onRemoveFromParent: undefined,
   DetailsComponent: GroupData$1,
   DetailsProps: {},
-  UsersComponent: Component$e,
+  UsersComponent: Component$d,
   UsersProps: {},
-  RolesComponent: Component$j,
+  RolesComponent: Component$i,
   RolesProps: {},
-  ParentGroupsComponent: Component$j,
+  ParentGroupsComponent: Component$i,
   ParentGroupsProps: {},
-  ChildGroupsComponent: Component$j,
+  ChildGroupsComponent: Component$i,
   ChildGroupsProps: {},
   MenuComponent: GroupMenu,
   MenuProps: {},
@@ -36533,10 +36534,10 @@ GroupDetails.defaultProps = {
   lockedUsers: ['admin', 'vidinetviewer']
 };
 
-var Component$b = withStyles(styles$c, {
+var Component$a = withStyles(styles$c, {
   name: 'VdtGroupDetails'
 })(GroupDetails);
-Component$b.displayName = 'GroupDetails';
+Component$a.displayName = 'GroupDetails';
 
 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; }
 
@@ -36819,10 +36820,10 @@ CreateGroupDialog.defaultProps = {
   CreateGroupFormProps: {}
 };
 
-var Component$a = withStyles(styles$a, {
+var Component$9 = withStyles(styles$a, {
   name: 'VdtCreateGroupDialog'
 })(CreateGroupDialog);
-Component$a.displayName = 'CreateGroupDialog';
+Component$9.displayName = 'CreateGroupDialog';
 
 var styles$9 = function styles(theme) {
   return {
@@ -36940,10 +36941,10 @@ EditGroupDialog.defaultProps = {
   EditGroupFormProps: {}
 };
 
-var Component$9 = withStyles(styles$8, {
+var Component$8 = withStyles(styles$8, {
   name: 'VdtEditGroupDialog'
 })(EditGroupDialog);
-Component$9.displayName = 'EditGroupDialog';
+Component$8.displayName = 'EditGroupDialog';
 
 var styles$7 = function styles() {
   return {
@@ -37091,15 +37092,10 @@ DragScroll.defaultProps = {
   classes: {}
 };
 
-var Component$8 = withStyles(styles$7, {
+var Component$7 = withStyles(styles$7, {
   name: 'VdtDragScroll'
 })(DragScroll);
-Component$8.displayName = 'DragScroll';
-
-var Component$7 = withStyles(styles$1L, {
-  name: 'VdtImageCollage'
-})(ImageCollage);
-Component$7.displayName = 'ImageCollage';
+Component$7.displayName = 'DragScroll';
 
 var actions = {
   DELETE: 'DELETE',
@@ -38116,4 +38112,4 @@ var Component = withStyles(styles, {
 })(EventTimeline);
 Component.displayName = 'EventTimeline';
 
-export { AddRelationDialog$1 as AddRelationDialog, Component$A as AddToCollectionDialog, AutocompleteConstraintField$1 as AutocompleteConstraintField, AutocompleteField$1 as AutocompleteField, BatonAnalysisDialog$1 as BatonAnalysisDialog, BatonFormComponent as BatonAnalysisForm, Component$n as BinList, Component$m as BinListMenu, ChangePasswordDialog$1 as ChangePasswordDialog, ChangePasswordForm$1 as ChangePasswordForm, Component$f as ChangeUserPasswordDialog, CheckboxField$1 as CheckboxField, CheckboxGroupField$1 as CheckboxGroupField, CollectionAccessTab$1 as CollectionAccessTab, Component$K as CollectionCard, Component$J as CollectionCardThumbnail, Component$y as CollectionContent, Component$C as CollectionCreateDialog, Component$I as CollectionGrid, Component$D as CollectionList, Component$E as CollectionListItem, CollectionMetadataEdit, CollectionMetadataTab$1 as CollectionMetadataTab, Component$H as CollectionRow, CollectionSearchPicker$1 as CollectionSearchPicker, Component$G as CollectionTable, Component$F as CollectionTreeList, Component$a as CreateGroupDialog, Component$h as CreateUserDialog, DateField$1 as DateField, DragAndDropContext, DragAndDropProvider, Component$8 as DragScroll, COLLECTION$3 as ENTITY_TREE_COLLECTION, ITEM$3 as ENTITY_TREE_ITEM, JOIN_CHARACTER$1 as ENTITY_TREE_JOIN_CHARACTER, ROOT as ENTITY_TREE_ROOT, Component$9 as EditGroupDialog, Component$g as EditUserDialog, EntityCard, EntityComment$1 as EntityComment, Component$o as EntityDeleteDialog, EntityGrid, EntityGridItemDraggable$1 as EntityGridItemDraggable, EntityTable, EntityTableRowDraggable$1 as EntityTableRowDraggable, EntityTree$1 as EntityTree, EntityTreeContext, EntityTreeList, Component$5 as Event, Component$4 as EventContainer, Component$3 as EventMarker, Component$2 as EventMarkerThumbnail, Component$1 as EventMarkerTimeline, Component as EventTimeline, ExpandedFormControlLabel$1 as ExpandedFormControlLabel, FILE, FieldGroupDesigner$1 as FieldGroupDesigner, FieldIcon$1 as FieldIcon, FilterCard$1 as FilterCard, FilterForm, FilterFormLabel$1 as FilterFormLabel, FolderListTree, FolderTree, Component$b as GroupDetails, Component$j as GroupRelationList, Component$c as GroupTable, Component$7 as ImageCollage, ItemAccessTab$1 as ItemAccessTab, ItemCard, ItemCompoundMetadataTab$1 as ItemCompoundMetadataTab, ItemCompoundMetadataTable$1 as ItemCompoundMetadataTable, ItemFieldGroupTab$1 as ItemFieldGroupTab, ItemFileShareDialog$1 as ItemFileShareDialog, ItemGrid, ItemGridDroppable, ItemImagePlayer$1 as ItemImagePlayer, Component$w as ItemList, Component$x as ItemListItem, ItemMetadataFieldGroupRow, ItemMetadataFieldRow$1 as ItemMetadataFieldRow, ItemMetadataFieldRow$1 as ItemMetadataFormRow, ItemMetadataFormTable, ItemMetadataTab$1 as ItemMetadataTab, ItemParentsTab$1 as ItemParentsTab, Component$t as ItemPlayer, ItemPoster, ItemPosterTab, ItemRelationRemoveDialog$1 as ItemRelationRemoveDialog, ItemRelationsTab$1 as ItemRelationsTab, ItemRow, ItemSearchPicker$1 as ItemSearchPicker, ItemShapeTab, Component$R as ItemShapeTable, Component$u as ItemSidecarDialog, ItemSidecarDownload, ItemSidecarUpload, ItemSourceTab, Component$Q as ItemSourceTable, ItemTable, Component$v as ItemTabs, ItemTimespan as ItemTimespanTab, ItemTreeItem$1 as ItemTreeItem, ItemVideoPlayer$1 as ItemVideoPlayer, JOIN_CHARACTER, JobCard$1 as JobCard, JobDataTable$1 as JobDataTable, JobFooter, JobFooterContext, JobFooterContextProvider, JobList$1 as JobList, JobRow$1 as JobRow, JobRowButton, JobTable$1 as JobTable, JobTaskTable$1 as JobTaskTable, LOAD_MORE, LayoutButtonGroup$1 as LayoutButtonGroup, Component$T as LoginForm, MediaBadge$1 as MediaBadge, MediaBadges$1 as MediaBadges, Component$L as MediaCard, MediaCardActions, Component$M as MediaCardAvatar, MediaCardCard$1 as MediaCardCard, MediaCardCheckbox, MediaCardContent, MediaCardDurationLabel, Component$l as MediaCardFullWidth, MediaCardHeader, MediaCardMenu, Component$O as MediaCardThumbnail, Component$P as MediaCardThumbnailLabel, Component$N as MimeTypeIcon, PREFIX, SearchPagination as Pagination, SearchPaginationActions as PaginationActions, QueryBetween, Component$q as QueryBuilder, Component$p as QueryBuilderCard, QueryContains, QueryEntry, QueryEquals, QueryField, QueryGroup, QueryInput, QueryOperator, RadioField$1 as RadioField, Component$z as RemoveFromCollectionDialog, STORAGE, SavedSearch$1 as SavedSearch, FolderRow$1 as SavedSearchFolder, Component$r as SearchField, Component$B as SearchInput, SearchInputFieldSelect$1 as SearchInputFieldSelect, SearchResultRow, SearchResultTable, SearchSuggestions$1 as SearchSuggestions, SelectField$1 as SelectField, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, Component$6 as SelectedToolbar, ShapeTagCard$1 as ShapeTagCard, ShapeTagListAccordion$1 as ShapeTagListAccordion, SliderField, Component$S as Sort, SortMenuItem, Component$s as SpellCheck, Storage, StorageList, StorageListTree, StorageTree, SubmitButton, SwitchField$1 as SwitchField, TagField$1 as TagField, TextField$1 as TextField, ThemeContext, ThemeProvider, TranscodeDialog$1 as TranscodeDialog, Upload$1 as Upload, UploadEditor$1 as UploadEditor, UploadForm$1 as UploadForm, UploadListItem$1 as UploadListItem, Component$d as UserAvatarButton, Component$i as UserDetails, Component$e as UserRelationList, Component$k as UserTable, extractEntityInfo, onGetToken, useConfirmationDialog, useDraggedComponent, useMediaCardContext, useMenu, useSnackbarAlert, useThemeContext, withDrag, withDrop };
+export { AddRelationDialog$1 as AddRelationDialog, Component$z as AddToCollectionDialog, AutocompleteConstraintField$1 as AutocompleteConstraintField, AutocompleteField$1 as AutocompleteField, BatonAnalysisDialog$1 as BatonAnalysisDialog, BatonFormComponent as BatonAnalysisForm, Component$m as BinList, Component$l as BinListMenu, ChangePasswordDialog$1 as ChangePasswordDialog, ChangePasswordForm$1 as ChangePasswordForm, Component$e as ChangeUserPasswordDialog, CheckboxField$1 as CheckboxField, CheckboxGroupField$1 as CheckboxGroupField, CollectionAccessTab$1 as CollectionAccessTab, Component$K as CollectionCard, Component$I as CollectionCardThumbnail, Component$x as CollectionContent, Component$B as CollectionCreateDialog, Component$H as CollectionGrid, Component$C as CollectionList, Component$D as CollectionListItem, CollectionMetadataEdit, CollectionMetadataTab$1 as CollectionMetadataTab, Component$G as CollectionRow, CollectionSearchPicker$1 as CollectionSearchPicker, Component$F as CollectionTable, Component$E as CollectionTreeList, Component$9 as CreateGroupDialog, Component$g as CreateUserDialog, DateField$1 as DateField, DragAndDropContext, DragAndDropProvider, Component$7 as DragScroll, COLLECTION$3 as ENTITY_TREE_COLLECTION, ITEM$3 as ENTITY_TREE_ITEM, JOIN_CHARACTER$1 as ENTITY_TREE_JOIN_CHARACTER, ROOT as ENTITY_TREE_ROOT, Component$8 as EditGroupDialog, Component$f as EditUserDialog, EntityCard, EntityComment$1 as EntityComment, Component$n as EntityDeleteDialog, EntityGrid, EntityGridItemDraggable$1 as EntityGridItemDraggable, EntityTable, EntityTableRowDraggable$1 as EntityTableRowDraggable, EntityTree$1 as EntityTree, EntityTreeContext, EntityTreeList, Component$5 as Event, Component$4 as EventContainer, Component$3 as EventMarker, Component$2 as EventMarkerThumbnail, Component$1 as EventMarkerTimeline, Component as EventTimeline, ExpandedFormControlLabel$1 as ExpandedFormControlLabel, FILE, FieldGroupDesigner$1 as FieldGroupDesigner, FieldIcon$1 as FieldIcon, FilterCard$1 as FilterCard, FilterForm, FilterFormLabel$1 as FilterFormLabel, FolderListTree, FolderTree, Component$a as GroupDetails, Component$i as GroupRelationList, Component$b as GroupTable, Component$J as ImageCollage, ItemAccessTab$1 as ItemAccessTab, ItemCard, ItemCompoundMetadataTab$1 as ItemCompoundMetadataTab, ItemCompoundMetadataTable$1 as ItemCompoundMetadataTable, ItemFieldGroupTab$1 as ItemFieldGroupTab, ItemFileShareDialog$1 as ItemFileShareDialog, ItemGrid, ItemGridDroppable, ItemImagePlayer$1 as ItemImagePlayer, Component$v as ItemList, Component$w as ItemListItem, ItemMetadataFieldGroupRow, ItemMetadataFieldRow$1 as ItemMetadataFieldRow, ItemMetadataFieldRow$1 as ItemMetadataFormRow, ItemMetadataFormTable, ItemMetadataTab$1 as ItemMetadataTab, ItemParentsTab$1 as ItemParentsTab, Component$s as ItemPlayer, ItemPoster, ItemPosterTab, ItemRelationRemoveDialog$1 as ItemRelationRemoveDialog, ItemRelationsTab$1 as ItemRelationsTab, ItemRow, ItemSearchPicker$1 as ItemSearchPicker, ItemShapeTab, Component$R as ItemShapeTable, Component$t as ItemSidecarDialog, ItemSidecarDownload, ItemSidecarUpload, ItemSourceTab, Component$Q as ItemSourceTable, ItemTable, Component$u as ItemTabs, ItemTimespan as ItemTimespanTab, ItemTreeItem$1 as ItemTreeItem, ItemVideoPlayer$1 as ItemVideoPlayer, JOIN_CHARACTER, JobCard$1 as JobCard, JobDataTable$1 as JobDataTable, JobFooter, JobFooterContext, JobFooterContextProvider, JobList$1 as JobList, JobRow$1 as JobRow, JobRowButton, JobTable$1 as JobTable, JobTaskTable$1 as JobTaskTable, LOAD_MORE, LayoutButtonGroup$1 as LayoutButtonGroup, Component$T as LoginForm, MediaBadge$1 as MediaBadge, MediaBadges$1 as MediaBadges, Component$L as MediaCard, MediaCardActions, Component$M as MediaCardAvatar, MediaCardCard$1 as MediaCardCard, MediaCardCheckbox, MediaCardContent, MediaCardDurationLabel, Component$k as MediaCardFullWidth, MediaCardHeader, MediaCardMenu, Component$O as MediaCardThumbnail, Component$P as MediaCardThumbnailLabel, Component$N as MimeTypeIcon, PREFIX, SearchPagination as Pagination, SearchPaginationActions as PaginationActions, QueryBetween, Component$p as QueryBuilder, Component$o as QueryBuilderCard, QueryContains, QueryEntry, QueryEquals, QueryField, QueryGroup, QueryInput, QueryOperator, RadioField$1 as RadioField, Component$y as RemoveFromCollectionDialog, STORAGE, SavedSearch$1 as SavedSearch, FolderRow$1 as SavedSearchFolder, Component$q as SearchField, Component$A as SearchInput, SearchInputFieldSelect$1 as SearchInputFieldSelect, SearchResultRow, SearchResultTable, SearchSuggestions$1 as SearchSuggestions, SelectField$1 as SelectField, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, Component$6 as SelectedToolbar, ShapeTagCard$1 as ShapeTagCard, ShapeTagListAccordion$1 as ShapeTagListAccordion, SliderField, Component$S as Sort, SortMenuItem, Component$r as SpellCheck, Storage, StorageList, StorageListTree, StorageTree, SubmitButton, SwitchField$1 as SwitchField, TagField$1 as TagField, TextField$1 as TextField, ThemeContext, ThemeProvider, TranscodeDialog$1 as TranscodeDialog, Upload$1 as Upload, UploadEditor$1 as UploadEditor, UploadForm$1 as UploadForm, UploadListItem$1 as UploadListItem, Component$c as UserAvatarButton, Component$h as UserDetails, Component$d as UserRelationList, Component$j as UserTable, extractEntityInfo, onGetToken, useConfirmationDialog, useDraggedComponent, useMediaCardContext, useMenu, useSnackbarAlert, useThemeContext, withDrag, withDrop };