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

package/dist/index.js

@@ -139,7 +139,6 @@ var ListItemSecondaryAction = require('@material-ui/core/ListItemSecondaryAction
 var GetAppIcon = require('@material-ui/icons/GetApp');
 var reactDropzone = require('react-dropzone');
 var ListSubheader = require('@material-ui/core/ListSubheader');
-var useDeepCompareEffect = require('use-deep-compare-effect');
 var Input = require('@material-ui/core/Input');
 var TableContainer = require('@material-ui/core/TableContainer');
 var vdtVideojsReact = require('@vidispine/vdt-videojs-react');
@@ -330,7 +329,6 @@ var ListItemAvatar__default = /*#__PURE__*/_interopDefaultLegacy(ListItemAvatar)
 var ListItemSecondaryAction__default = /*#__PURE__*/_interopDefaultLegacy(ListItemSecondaryAction);
 var GetAppIcon__default = /*#__PURE__*/_interopDefaultLegacy(GetAppIcon);
 var ListSubheader__default = /*#__PURE__*/_interopDefaultLegacy(ListSubheader);
-var useDeepCompareEffect__default = /*#__PURE__*/_interopDefaultLegacy(useDeepCompareEffect);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var TableContainer__default = /*#__PURE__*/_interopDefaultLegacy(TableContainer);
 var pdfjsWorker__default = /*#__PURE__*/_interopDefaultLegacy(pdfjsWorker);
@@ -17807,6 +17805,11 @@ ImageCollage.defaultProps = {
   }
 };
 
+var Component$J = styles$2A.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 {
@@ -17890,7 +17893,7 @@ function CollectionCardThumbnail(_ref) {
       width: width,
       backgroundColor: thumbnailUrls.length ? undefined : primaryColor
     }
-  }, /*#__PURE__*/React__default["default"].createElement(ImageCollage, _extends__default["default"]({
+  }, /*#__PURE__*/React__default["default"].createElement(Component$J, _extends__default["default"]({
     className: "VdtCollectionCardThumbnail-image",
     urls: thumbnailUrls,
     onError: handleError
@@ -17921,7 +17924,7 @@ CollectionCardThumbnail.propTypes = {
   ImageCollageProps: PropTypes$1.objectOf(PropTypes$1.any)
 };
 CollectionCardThumbnail.defaultProps = {
-  className: undefined,
+  className: '',
   classes: {},
   component: 'div',
   height: 180,
@@ -17933,10 +17936,10 @@ CollectionCardThumbnail.defaultProps = {
   ImageCollageProps: {}
 };
 
-var Component$J = styles$2A.withStyles(styles$1K, {
+var Component$I = styles$2A.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; }
 
@@ -18014,10 +18017,10 @@ CollectionGrid.defaultProps = {
   onCollectionClick: null
 };
 
-var Component$I = styles$2A.withStyles(styles$1J, {
+var Component$H = styles$2A.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"];
 
@@ -18129,10 +18132,10 @@ CollectionRow.defaultProps = {
   TableRowProps: {}
 };
 
-var Component$H = styles$2A.withStyles(styles$1I, {
+var Component$G = styles$2A.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() {
@@ -18201,17 +18204,17 @@ CollectionTable.defaultProps = {
   className: undefined,
   classes: {},
   collectionListType: {},
-  RowComponent: Component$H,
+  RowComponent: Component$G,
   options: [],
   onCheck: undefined,
   selected: undefined,
   onRowClick: undefined
 };
 
-var Component$G = styles$2A.withStyles(styles$1H, {
+var Component$F = styles$2A.withStyles(styles$1H, {
   name: 'VdtCollectionTable'
 })(CollectionTable);
-Component$G.displayName = 'CollectionTable';
+Component$F.displayName = 'CollectionTable';
 
 var LOAD_MORE$1 = 'LOAD_MORE';
 var ITEM$3 = 'ITEM';
@@ -19436,10 +19439,10 @@ function CollectionTreeList(_ref) {
   }) : undefined);
 }
 
-var Component$F = styles$2A.withStyles(styles$1A, {
+var Component$E = styles$2A.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; }
 
@@ -19617,10 +19620,10 @@ CollectionListItem.defaultProps = {
   skeleton: false
 };
 
-var Component$E = styles$2A.withStyles(styles$1z, {
+var Component$D = styles$2A.withStyles(styles$1z, {
   name: 'VdtCollectionListItem'
 })(CollectionListItem);
-Component$E.displayName = 'CollectionListItem';
+Component$D.displayName = 'CollectionListItem';
 
 var styles$1y = function styles() {
   return {
@@ -19663,14 +19666,14 @@ CollectionList.defaultProps = {
   classes: {},
   collectionListType: {},
   onItemClick: undefined,
-  CollectionListItemComponent: Component$E,
+  CollectionListItemComponent: Component$D,
   CollectionListItemProps: {}
 };
 
-var Component$D = styles$2A.withStyles(styles$1y, {
+var Component$C = styles$2A.withStyles(styles$1y, {
   name: 'VdtCollectionList'
 })(CollectionList);
-Component$D.displayName = 'CollectionList';
+Component$C.displayName = 'CollectionList';
 
 function CollectionMetadataEdit(_ref) {
   var collectionId = _ref.collectionId,
@@ -19964,10 +19967,10 @@ CollectionCreateDialog.defaultProps = {
   onSuccess: undefined
 };
 
-var Component$C = styles$2A.withStyles(styles$1x, {
+var Component$B = styles$2A.withStyles(styles$1x, {
   name: 'VdtCollectionCreateDialog'
 })(CollectionCreateDialog);
-Component$C.displayName = 'CollectionCreateDialog';
+Component$B.displayName = 'CollectionCreateDialog';
 
 var styles$1w = function styles(theme) {
   return {
@@ -20235,10 +20238,10 @@ SearchInput.defaultProps = {
   inputRef: undefined
 };
 
-var Component$B = styles$2A.withStyles(styles$1w, {
+var Component$A = styles$2A.withStyles(styles$1w, {
   name: 'VdtSearchInput'
 })(SearchInput);
-Component$B.displayName = 'SearchInput';
+Component$A.displayName = 'SearchInput';
 
 var _excluded$N = ["PaginationComponent"];
 
@@ -20256,7 +20259,7 @@ function PaginationWrapper$1(_ref) {
 
 function SearchInputWrapper$1(props) {
   var isLoading = props.isLoading;
-  return /*#__PURE__*/React__default["default"].createElement(Component$B, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(Component$A, _extends__default["default"]({
     submitting: isLoading
   }, props));
 } // TODO: Rename to SelectCollection
@@ -20267,7 +20270,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,
@@ -20604,10 +20607,10 @@ AddToCollectionDialog.defaultProps = {
   SearchCollectionIcon: SearchIcon__default["default"]
 };
 
-var Component$A = styles$2A.withStyles(styles$1v, {
+var Component$z = styles$2A.withStyles(styles$1v, {
   name: 'VdtAddToCollectionDialog'
 })(AddToCollectionDialog);
-Component$A.displayName = 'AddToCollectionDialog';
+Component$z.displayName = 'AddToCollectionDialog';
 
 var defaultOnConfirm = function defaultOnConfirm(_ref) {
   var collectionId = _ref.collectionId,
@@ -20699,10 +20702,10 @@ RemoveFromCollectionDialog.defaultProps = {
   confirmText: 'Remove'
 };
 
-var Component$z = styles$2A.withStyles(styles$1u, {
+var Component$y = styles$2A.withStyles(styles$1u, {
   name: 'VdtRemoveFromCollectionDialog'
 })(RemoveFromCollectionDialog);
-Component$z.displayName = 'RemoveFromCollectionDialog';
+Component$y.displayName = 'RemoveFromCollectionDialog';
 
 var _excluded$M = ["className", "classes", "ListItemTextComponent", "collectionId", "collectionType", "showUser", "showDate"];
 
@@ -21706,10 +21709,10 @@ function CollectionContent(_ref3) {
   }));
 }
 
-var Component$y = styles$2A.withStyles(styles$1q, {
+var Component$x = styles$2A.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; }
 
@@ -21775,7 +21778,7 @@ function ActionComponent$1(_ref) {
     primary: removeText
   }))), /*#__PURE__*/React__default["default"].createElement(Dialog__default["default"], {
     open: openDialog
-  }, /*#__PURE__*/React__default["default"].createElement(Component$z, {
+  }, /*#__PURE__*/React__default["default"].createElement(Component$y, {
     collectionId: collectionId,
     entityId: itemId,
     entityType: "item",
@@ -21908,7 +21911,7 @@ ItemParentsTab.defaultProps = {
     var message = _ref5.message;
     return console.error(message);
   },
-  CollectionListComponent: Component$D,
+  CollectionListComponent: Component$C,
   CollectionListProps: {},
   collectionListType: {
     collection: _toConsumableArray__default["default"](Array(3).keys()).map(function (id) {
@@ -22045,7 +22048,7 @@ function PaginationWrapper(props) {
 
 function SearchInputWrapper(props) {
   var isLoading = props.isLoading;
-  return /*#__PURE__*/React__default["default"].createElement(Component$B, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(Component$A, _extends__default["default"]({
     submitting: isLoading
   }, props));
 }
@@ -22419,10 +22422,10 @@ ItemListItem.defaultProps = {
   skeleton: false
 };
 
-var Component$x = styles$2A.withStyles(styles$1o, {
+var Component$w = styles$2A.withStyles(styles$1o, {
   name: 'VdtItemListItem'
 })(ItemListItem);
-Component$x.displayName = 'ItemListItem';
+Component$w.displayName = 'ItemListItem';
 
 var styles$1n = function styles() {
   return {
@@ -22460,14 +22463,14 @@ ItemList.defaultProps = {
   className: undefined,
   classes: {},
   itemListType: {},
-  ItemListItemComponent: Component$x,
+  ItemListItemComponent: Component$w,
   ItemListItemProps: {}
 };
 
-var Component$w = styles$2A.withStyles(styles$1n, {
+var Component$v = styles$2A.withStyles(styles$1n, {
   name: 'VdtItemList'
 })(ItemList);
-Component$w.displayName = 'ItemList';
+Component$v.displayName = 'ItemList';
 
 function ItemRelationRemoveDialog(_ref) {
   var open = _ref.open,
@@ -22779,7 +22782,7 @@ ItemRelationsTab.defaultProps = {
     var message = _ref6.message;
     return console.error(message);
   },
-  ItemListComponent: Component$w,
+  ItemListComponent: Component$v,
   ItemListProps: {},
   onRemove: function onRemove() {},
   onAdd: function onAdd() {},
@@ -22964,10 +22967,10 @@ ItemTabs.defaultProps = {
   tabs: []
 };
 
-var Component$v = styles$2A.withStyles(styles$1i, {
+var Component$u = styles$2A.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"];
 
@@ -24209,10 +24212,10 @@ ItemSidecarDialog.defaultProps = {
   ItemSidecarUploadProps: {}
 };
 
-var Component$u = styles$2A.withStyles(styles$1f, {
+var Component$t = styles$2A.withStyles(styles$1f, {
   name: 'VdtItemSidecarDialog'
 })(ItemSidecarDialog);
-Component$u.displayName = 'ItemSidecarDialog';
+Component$t.displayName = 'ItemSidecarDialog';
 
 var styles$1e = function styles() {
   return {
@@ -24667,10 +24670,6 @@ function ItemCompoundMetadataTable(_ref) {
       rowsPerPage = _React$useState6[0],
       setRowsPerPage = _React$useState6[1];
 
-  useDeepCompareEffect__default["default"](function () {
-    setGroupFields(values.group);
-  }, [values]);
-
   var _useCompoundMetadata = vdtReact.useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields, onRefresh, onSuccess, onError),
       tableColumns = _useCompoundMetadata.tableColumns,
       _onChange = _useCompoundMetadata.onChange,
@@ -25366,10 +25365,10 @@ function ItemPlayer(_ref2) {
   }, ItemVideoPlayerProps))));
 }
 
-var Component$t = styles$2A.withStyles(styles$18, {
+var Component$s = styles$2A.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; }
 
@@ -28361,10 +28360,10 @@ SpellCheck.defaultProps = {
   onClick: function onClick() {}
 };
 
-var Component$s = styles$2A.withStyles(styles$Y, {
+var Component$r = styles$2A.withStyles(styles$Y, {
   name: 'VdtSpellCheck'
 })(SpellCheck);
-Component$s.displayName = 'SpellCheck';
+Component$r.displayName = 'SpellCheck';
 
 var _excluded$s = ["isFocused"],
     _excluded2$4 = ["inputRef"];
@@ -28895,6 +28894,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,
@@ -28936,10 +28936,10 @@ SearchField.defaultProps = {
   ProgressProps: {}
 };
 
-var Component$r = styles$2A.withStyles(styles$X, {
+var Component$q = styles$2A.withStyles(styles$X, {
   name: 'VdtSearchField'
 })(SearchField);
-Component$r.displayName = 'SearchField';
+Component$q.displayName = 'SearchField';
 
 var styles$W = function styles() {
   return {
@@ -30981,10 +30981,10 @@ QueryBuilder.defaultProps = {
   QueryEntryProps: {}
 };
 
-var Component$q = styles$2A.withStyles(styles$M, {
+var Component$p = styles$2A.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; }
 
@@ -31046,7 +31046,7 @@ function QueryBuilderCard(_ref) {
     variant: "outlined",
     elevation: 0,
     square: true
-  }, PaperProps), /*#__PURE__*/React__default["default"].createElement(Component$q, _extends__default["default"]({
+  }, PaperProps), /*#__PURE__*/React__default["default"].createElement(Component$p, _extends__default["default"]({
     query: queryBuilderQuery,
     fields: fields,
     groups: groups,
@@ -31108,10 +31108,10 @@ QueryBuilderCard.defaultProps = {
   searchButtonProps: {}
 };
 
-var Component$p = styles$2A.withStyles(styles$L, {
+var Component$o = styles$2A.withStyles(styles$L, {
   name: 'VdtQueryBuilderCard'
 })(QueryBuilderCard);
-Component$p.displayName = 'QueryBuilderCard';
+Component$o.displayName = 'QueryBuilderCard';
 
 var _excluded$j = ["entityType", "entity", "entityComponents"];
 
@@ -31267,7 +31267,7 @@ function EntityTableRow(_ref) {
 
   var isCollection = entityType === 'COLLECTION';
   var isItem = entityType === 'ITEM';
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isCollection && /*#__PURE__*/React__default["default"].createElement(Component$H, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isCollection && /*#__PURE__*/React__default["default"].createElement(Component$G, _extends__default["default"]({
     collectionId: entityId,
     collectionType: entity,
     options: collectionOptions,
@@ -31572,10 +31572,10 @@ EntityDeleteDialog.defaultProps = {
   classes: {}
 };
 
-var Component$o = styles$2A.withStyles(styles$I, {
+var Component$n = styles$2A.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;
@@ -32464,7 +32464,7 @@ BinList.defaultProps = {
   },
   ActionComponent: BinListMenu,
   ActionProps: {},
-  AddToCollectionDialogComponent: Component$A,
+  AddToCollectionDialogComponent: Component$z,
   AddToCollectionDialogProps: {},
   BinContentComponent: BinContentDroppable,
   BinContentProps: {},
@@ -32475,15 +32475,15 @@ BinList.defaultProps = {
   BinProps: {}
 };
 
-var Component$n = styles$2A.withStyles(styles$E, {
+var Component$m = styles$2A.withStyles(styles$E, {
   name: 'VdtBinList'
 })(BinList);
-Component$n.displayName = 'BinList';
+Component$m.displayName = 'BinList';
 
-var Component$m = styles$2A.withStyles(styles$F, {
+var Component$l = styles$2A.withStyles(styles$F, {
   name: 'VdtBinListMenu'
 })(BinListMenu);
-Component$m.displayName = 'BinListMenu';
+Component$l.displayName = 'BinListMenu';
 
 var LoadMoreTreeItem = core.withStyles({}, {
   name: 'VdtLoadMoreTreeItem'
@@ -32580,7 +32580,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,
@@ -33651,7 +33651,7 @@ function UploadCollectionPicker(_ref2) {
     });
   };
 
-  return /*#__PURE__*/React__default["default"].createElement(Component$A, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(Component$z, _extends__default["default"]({
     className: "VdtUploadCollectionPicker-root",
     entities: [],
     titleText: "Upload To Collection",
@@ -34336,10 +34336,10 @@ MediaCardFullWidth.defaultProps = {
   ActionsProps: {}
 };
 
-var Component$l = styles$2A.withStyles(styles$u, {
+var Component$k = styles$2A.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; }
 
@@ -34824,10 +34824,10 @@ UserTable.defaultProps = {
   userColumnLabels: DEFAULT_COLUMN_LABELS
 };
 
-var Component$k = styles$2A.withStyles(styles$r, {
+var Component$j = styles$2A.withStyles(styles$r, {
   name: 'VdtUserTable'
 })(UserTable);
-Component$k.displayName = 'UserTable';
+Component$j.displayName = 'UserTable';
 
 var styles$q = function styles(theme) {
   return {
@@ -35118,10 +35118,10 @@ GroupRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var Component$j = styles$2A.withStyles(styles$q, {
+var Component$i = styles$2A.withStyles(styles$q, {
   name: 'VdtGroupRelationList'
 })(GroupRelationList);
-Component$j.displayName = 'GroupRelationList';
+Component$i.displayName = 'GroupRelationList';
 
 var styles$p = function styles(theme) {
   return {
@@ -35367,19 +35367,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 = styles$2A.withStyles(styles$o, {
+var Component$h = styles$2A.withStyles(styles$o, {
   name: 'VdtUserDetails'
 })(UserDetails);
-Component$i.displayName = 'UserDetails';
+Component$h.displayName = 'UserDetails';
 
 function PasswordField(props) {
   var _React$useState = React__default["default"].useState(false),
@@ -35604,10 +35604,10 @@ CreateUserDialog$1.defaultProps = {
   CreateUserFormProps: {}
 };
 
-var Component$h = styles$2A.withStyles(styles$m, {
+var Component$g = styles$2A.withStyles(styles$m, {
   name: 'VdtCreateUserDialog'
 })(CreateUserDialog$1);
-Component$h.displayName = 'CreateUserDialog';
+Component$g.displayName = 'CreateUserDialog';
 
 var styles$l = function styles(theme) {
   return {
@@ -35739,10 +35739,10 @@ EditUserDialog.defaultProps = {
   }
 };
 
-var Component$g = styles$2A.withStyles(styles$k, {
+var Component$f = styles$2A.withStyles(styles$k, {
   name: 'VdtEditUserDialog'
 })(EditUserDialog);
-Component$g.displayName = 'EditUserDialog';
+Component$f.displayName = 'EditUserDialog';
 
 var styles$j = function styles(theme) {
   return {
@@ -35854,10 +35854,10 @@ CreateUserDialog.defaultProps = {
   onSubmit: undefined
 };
 
-var Component$f = styles$2A.withStyles(styles$i, {
+var Component$e = styles$2A.withStyles(styles$i, {
   name: 'VdtChangeUserPasswordDialog'
 })(CreateUserDialog);
-Component$f.displayName = 'ChangeUserPasswordDialog';
+Component$e.displayName = 'ChangeUserPasswordDialog';
 
 var styles$h = function styles(theme) {
   return {
@@ -36136,10 +36136,10 @@ UserRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var Component$e = styles$2A.withStyles(styles$h, {
+var Component$d = styles$2A.withStyles(styles$h, {
   name: 'VdtUserRelationList'
 })(UserRelationList);
-Component$e.displayName = 'UserRelationList';
+Component$d.displayName = 'UserRelationList';
 
 var styles$g = function styles(theme) {
   return {
@@ -36286,10 +36286,10 @@ UserAvatarButton.defaultProps = {
   localeSelectProps: {}
 };
 
-var Component$d = styles$2A.withStyles(styles$g, {
+var Component$c = styles$2A.withStyles(styles$g, {
   name: 'VdtUserAvatarButton'
 })(UserAvatarButton);
-Component$d.displayName = 'UserAvatarButton';
+Component$c.displayName = 'UserAvatarButton';
 
 var _excluded$2 = ["classes", "group", "columns", "onClick"];
 
@@ -36415,10 +36415,10 @@ GroupTable.defaultProps = {
   }
 };
 
-var Component$c = styles$2A.withStyles(styles$e, {
+var Component$b = styles$2A.withStyles(styles$e, {
   name: 'VdtGroupTable'
 })(GroupTable);
-Component$c.displayName = 'GroupTable';
+Component$b.displayName = 'GroupTable';
 
 var styles$d = function styles(theme) {
   return {
@@ -36710,13 +36710,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: {},
@@ -36724,10 +36724,10 @@ GroupDetails.defaultProps = {
   lockedUsers: ['admin', 'vidinetviewer']
 };
 
-var Component$b = styles$2A.withStyles(styles$c, {
+var Component$a = styles$2A.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; }
 
@@ -37010,10 +37010,10 @@ CreateGroupDialog.defaultProps = {
   CreateGroupFormProps: {}
 };
 
-var Component$a = styles$2A.withStyles(styles$a, {
+var Component$9 = styles$2A.withStyles(styles$a, {
   name: 'VdtCreateGroupDialog'
 })(CreateGroupDialog);
-Component$a.displayName = 'CreateGroupDialog';
+Component$9.displayName = 'CreateGroupDialog';
 
 var styles$9 = function styles(theme) {
   return {
@@ -37131,10 +37131,10 @@ EditGroupDialog.defaultProps = {
   EditGroupFormProps: {}
 };
 
-var Component$9 = styles$2A.withStyles(styles$8, {
+var Component$8 = styles$2A.withStyles(styles$8, {
   name: 'VdtEditGroupDialog'
 })(EditGroupDialog);
-Component$9.displayName = 'EditGroupDialog';
+Component$8.displayName = 'EditGroupDialog';
 
 var styles$7 = function styles() {
   return {
@@ -37282,15 +37282,10 @@ DragScroll.defaultProps = {
   classes: {}
 };
 
-var Component$8 = styles$2A.withStyles(styles$7, {
+var Component$7 = styles$2A.withStyles(styles$7, {
   name: 'VdtDragScroll'
 })(DragScroll);
-Component$8.displayName = 'DragScroll';
-
-var Component$7 = styles$2A.withStyles(styles$1L, {
-  name: 'VdtImageCollage'
-})(ImageCollage);
-Component$7.displayName = 'ImageCollage';
+Component$7.displayName = 'DragScroll';
 
 var actions = {
   DELETE: 'DELETE',
@@ -38308,47 +38303,47 @@ var Component = styles$2A.withStyles(styles, {
 Component.displayName = 'EventTimeline';
 
 exports.AddRelationDialog = AddRelationDialog$1;
-exports.AddToCollectionDialog = Component$A;
+exports.AddToCollectionDialog = Component$z;
 exports.AutocompleteConstraintField = AutocompleteConstraintField$1;
 exports.AutocompleteField = AutocompleteField$1;
 exports.BatonAnalysisDialog = BatonAnalysisDialog$1;
 exports.BatonAnalysisForm = BatonFormComponent;
-exports.BinList = Component$n;
-exports.BinListMenu = Component$m;
+exports.BinList = Component$m;
+exports.BinListMenu = Component$l;
 exports.ChangePasswordDialog = ChangePasswordDialog$1;
 exports.ChangePasswordForm = ChangePasswordForm$1;
-exports.ChangeUserPasswordDialog = Component$f;
+exports.ChangeUserPasswordDialog = Component$e;
 exports.CheckboxField = CheckboxField$1;
 exports.CheckboxGroupField = CheckboxGroupField$1;
 exports.CollectionAccessTab = CollectionAccessTab$1;
 exports.CollectionCard = Component$K;
-exports.CollectionCardThumbnail = Component$J;
-exports.CollectionContent = Component$y;
-exports.CollectionCreateDialog = Component$C;
-exports.CollectionGrid = Component$I;
-exports.CollectionList = Component$D;
-exports.CollectionListItem = Component$E;
+exports.CollectionCardThumbnail = Component$I;
+exports.CollectionContent = Component$x;
+exports.CollectionCreateDialog = Component$B;
+exports.CollectionGrid = Component$H;
+exports.CollectionList = Component$C;
+exports.CollectionListItem = Component$D;
 exports.CollectionMetadataEdit = CollectionMetadataEdit;
 exports.CollectionMetadataTab = CollectionMetadataTab$1;
-exports.CollectionRow = Component$H;
+exports.CollectionRow = Component$G;
 exports.CollectionSearchPicker = CollectionSearchPicker$1;
-exports.CollectionTable = Component$G;
-exports.CollectionTreeList = Component$F;
-exports.CreateGroupDialog = Component$a;
-exports.CreateUserDialog = Component$h;
+exports.CollectionTable = Component$F;
+exports.CollectionTreeList = Component$E;
+exports.CreateGroupDialog = Component$9;
+exports.CreateUserDialog = Component$g;
 exports.DateField = DateField$1;
 exports.DragAndDropContext = DragAndDropContext;
 exports.DragAndDropProvider = DragAndDropProvider;
-exports.DragScroll = Component$8;
+exports.DragScroll = Component$7;
 exports.ENTITY_TREE_COLLECTION = COLLECTION$3;
 exports.ENTITY_TREE_ITEM = ITEM$3;
 exports.ENTITY_TREE_JOIN_CHARACTER = JOIN_CHARACTER$1;
 exports.ENTITY_TREE_ROOT = ROOT;
-exports.EditGroupDialog = Component$9;
-exports.EditUserDialog = Component$g;
+exports.EditGroupDialog = Component$8;
+exports.EditUserDialog = Component$f;
 exports.EntityCard = EntityCard;
 exports.EntityComment = EntityComment$1;
-exports.EntityDeleteDialog = Component$o;
+exports.EntityDeleteDialog = Component$n;
 exports.EntityGrid = EntityGrid;
 exports.EntityGridItemDraggable = EntityGridItemDraggable$1;
 exports.EntityTable = EntityTable;
@@ -38371,10 +38366,10 @@ exports.FilterForm = FilterForm;
 exports.FilterFormLabel = FilterFormLabel$1;
 exports.FolderListTree = FolderListTree;
 exports.FolderTree = FolderTree;
-exports.GroupDetails = Component$b;
-exports.GroupRelationList = Component$j;
-exports.GroupTable = Component$c;
-exports.ImageCollage = Component$7;
+exports.GroupDetails = Component$a;
+exports.GroupRelationList = Component$i;
+exports.GroupTable = Component$b;
+exports.ImageCollage = Component$J;
 exports.ItemAccessTab = ItemAccessTab$1;
 exports.ItemCard = ItemCard;
 exports.ItemCompoundMetadataTab = ItemCompoundMetadataTab$1;
@@ -38384,15 +38379,15 @@ exports.ItemFileShareDialog = ItemFileShareDialog$1;
 exports.ItemGrid = ItemGrid;
 exports.ItemGridDroppable = ItemGridDroppable;
 exports.ItemImagePlayer = ItemImagePlayer$1;
-exports.ItemList = Component$w;
-exports.ItemListItem = Component$x;
+exports.ItemList = Component$v;
+exports.ItemListItem = Component$w;
 exports.ItemMetadataFieldGroupRow = ItemMetadataFieldGroupRow;
 exports.ItemMetadataFieldRow = ItemMetadataFieldRow$1;
 exports.ItemMetadataFormRow = ItemMetadataFieldRow$1;
 exports.ItemMetadataFormTable = ItemMetadataFormTable;
 exports.ItemMetadataTab = ItemMetadataTab$1;
 exports.ItemParentsTab = ItemParentsTab$1;
-exports.ItemPlayer = Component$t;
+exports.ItemPlayer = Component$s;
 exports.ItemPoster = ItemPoster;
 exports.ItemPosterTab = ItemPosterTab;
 exports.ItemRelationRemoveDialog = ItemRelationRemoveDialog$1;
@@ -38401,13 +38396,13 @@ exports.ItemRow = ItemRow;
 exports.ItemSearchPicker = ItemSearchPicker$1;
 exports.ItemShapeTab = ItemShapeTab;
 exports.ItemShapeTable = Component$R;
-exports.ItemSidecarDialog = Component$u;
+exports.ItemSidecarDialog = Component$t;
 exports.ItemSidecarDownload = ItemSidecarDownload;
 exports.ItemSidecarUpload = ItemSidecarUpload;
 exports.ItemSourceTab = ItemSourceTab;
 exports.ItemSourceTable = Component$Q;
 exports.ItemTable = ItemTable;
-exports.ItemTabs = Component$v;
+exports.ItemTabs = Component$u;
 exports.ItemTimespanTab = ItemTimespan;
 exports.ItemTreeItem = ItemTreeItem$1;
 exports.ItemVideoPlayer = ItemVideoPlayer$1;
@@ -38434,7 +38429,7 @@ exports.MediaCardCard = MediaCardCard$1;
 exports.MediaCardCheckbox = MediaCardCheckbox;
 exports.MediaCardContent = MediaCardContent;
 exports.MediaCardDurationLabel = MediaCardDurationLabel;
-exports.MediaCardFullWidth = Component$l;
+exports.MediaCardFullWidth = Component$k;
 exports.MediaCardHeader = MediaCardHeader;
 exports.MediaCardMenu = MediaCardMenu;
 exports.MediaCardThumbnail = Component$O;
@@ -38444,8 +38439,8 @@ exports.PREFIX = PREFIX;
 exports.Pagination = SearchPagination;
 exports.PaginationActions = SearchPaginationActions;
 exports.QueryBetween = QueryBetween;
-exports.QueryBuilder = Component$q;
-exports.QueryBuilderCard = Component$p;
+exports.QueryBuilder = Component$p;
+exports.QueryBuilderCard = Component$o;
 exports.QueryContains = QueryContains;
 exports.QueryEntry = QueryEntry;
 exports.QueryEquals = QueryEquals;
@@ -38454,12 +38449,12 @@ exports.QueryGroup = QueryGroup;
 exports.QueryInput = QueryInput;
 exports.QueryOperator = QueryOperator;
 exports.RadioField = RadioField$1;
-exports.RemoveFromCollectionDialog = Component$z;
+exports.RemoveFromCollectionDialog = Component$y;
 exports.STORAGE = STORAGE;
 exports.SavedSearch = SavedSearch$1;
 exports.SavedSearchFolder = FolderRow$1;
-exports.SearchField = Component$r;
-exports.SearchInput = Component$B;
+exports.SearchField = Component$q;
+exports.SearchInput = Component$A;
 exports.SearchInputFieldSelect = SearchInputFieldSelect$1;
 exports.SearchResultRow = SearchResultRow;
 exports.SearchResultTable = SearchResultTable;
@@ -38476,7 +38471,7 @@ exports.ShapeTagListAccordion = ShapeTagListAccordion$1;
 exports.SliderField = SliderField;
 exports.Sort = Component$S;
 exports.SortMenuItem = SortMenuItem;
-exports.SpellCheck = Component$s;
+exports.SpellCheck = Component$r;
 exports.Storage = Storage;
 exports.StorageList = StorageList;
 exports.StorageListTree = StorageListTree;
@@ -38492,10 +38487,10 @@ exports.Upload = Upload$1;
 exports.UploadEditor = UploadEditor$1;
 exports.UploadForm = UploadForm$1;
 exports.UploadListItem = UploadListItem$1;
-exports.UserAvatarButton = Component$d;
-exports.UserDetails = Component$i;
-exports.UserRelationList = Component$e;
-exports.UserTable = Component$k;
+exports.UserAvatarButton = Component$c;
+exports.UserDetails = Component$h;
+exports.UserRelationList = Component$d;
+exports.UserTable = Component$j;
 exports.extractEntityInfo = extractEntityInfo;
 exports.onGetToken = onGetToken;
 exports.useConfirmationDialog = useConfirmationDialog;