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

package/dist/index.es.js

@@ -50,7 +50,7 @@ import Autocomplete, { createFilterOptions } from '@material-ui/lab/Autocomplete
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { metadatafield, analyzepreset, resource, item, shape, vidinet, utils, user, job, taskdefinition, shapetag, metadata, access, group, fieldgroup, collection, subtitle, vsimport, thumbnail, file, storage, globalmetadata, search } from '@vidispine/vdt-api';
-import { useApi, HasRole, useGetItem, useEntityAccess, useAddMetadataFieldAttributes, GetItem, MetadataType as MetadataType$1, useHoverScrub, useMouseDownPosition, compose, GetCollection, useSearch, SearchCollection, useGetEntity, useGetCollection, useRepresentativeItems, SearchItem, useSavedSearch, useGetSavedSearchFolders, handleMoveEntity, useUploadFiles } from '@vidispine/vdt-react';
+import { useApi, HasRole, useGetItem, useEntityAccess, useAddMetadataFieldAttributes, GetItem, MetadataType as MetadataType$1, useHoverScrub, useMouseDownPosition, compose, GetCollection, useSearch, SearchCollection, useGetEntity, useGetCollection, useRepresentativeItems, SearchItem, useCompoundMetadata, useSavedSearch, useGetSavedSearchFolders, handleMoveEntity, useUploadFiles } from '@vidispine/vdt-react';
 import Box from '@material-ui/core/Box';
 import Button$1 from '@material-ui/core/Button';
 import { FORM_ERROR } from 'final-form';
@@ -129,6 +129,9 @@ import ListItemSecondaryAction$1 from '@material-ui/core/ListItemSecondaryAction
 import ListItemAvatar$1 from '@material-ui/core/ListItemAvatar';
 import { useDropzone } from 'react-dropzone';
 import ListSubheader from '@material-ui/core/ListSubheader';
+import TableContainer$1 from '@material-ui/core/TableContainer';
+import Input$1 from '@material-ui/core/Input';
+import useDeepCompareEffect from 'use-deep-compare-effect';
 import DialogContentText from '@material-ui/core/DialogContentText';
 import TextFieldsIcon from '@material-ui/icons/TextFields';
 import ThumbsUpDownIcon from '@material-ui/icons/ThumbsUpDown';
@@ -6349,11 +6352,14 @@ function JobFooter(_ref) {
       _ref$startTimeFromMin = _ref.startTimeFromMinutes,
       startTimeFromMinutes = _ref$startTimeFromMin === void 0 ? 10 : _ref$startTimeFromMin,
       _ref$JobTableComponen = _ref.JobTableComponent,
-      JobTableComponent = _ref$JobTableComponen === void 0 ? JobTable$1 : _ref$JobTableComponen;
+      JobTableComponent = _ref$JobTableComponen === void 0 ? JobTable$1 : _ref$JobTableComponen,
+      showJobList = _ref.showJobList,
+      setShowJobList = _ref.setShowJobList;
 
   var _useExpand = useExpand(defaultExpanded),
       expanded = _useExpand.expanded,
-      onToggle = _useExpand.onToggle;
+      onToggle = _useExpand.onToggle,
+      onClose = _useExpand.onClose;
 
   var _React$useState = React__default.useState({
     first: 1,
@@ -6389,9 +6395,18 @@ function JobFooter(_ref) {
     return function () {
       return clearInterval(interval);
     };
-  }, [onRefresh, refreshInterval]); // eslint-disable-next-line max-len
+  }, [onRefresh, refreshInterval]);
 
-  if (!hasLoaded || matrixParams.state === ALL_STATES && jobs.length === 0) return null;
+  var onHideJobs = function onHideJobs() {
+    onClose();
+    setShowJobList(false);
+  };
+
+  React__default.useEffect(function () {
+    setShowJobList(true);
+  }, [jobs.length, setShowJobList]); // eslint-disable-next-line max-len
+
+  if (!hasLoaded || !showJobList || matrixParams.state === ALL_STATES && jobs.length === 0) return null;
   return /*#__PURE__*/React__default.createElement(AppBar, {
     color: "inherit",
     position: "fixed",
@@ -6441,7 +6456,9 @@ function JobFooter(_ref) {
   }, jobs.length > 0 ? /*#__PURE__*/React__default.createElement(JobTableComponent, {
     jobs: jobs,
     hideHeader: true
-  }) : /*#__PURE__*/React__default.createElement("span", null, "No jobs found"))));
+  }) : /*#__PURE__*/React__default.createElement("span", null, "No jobs found"), /*#__PURE__*/React__default.createElement(Button$1, {
+    onClick: onHideJobs
+  }, "Close"))));
 }
 
 function SearchPaginationActions(_ref) {
@@ -7936,6 +7953,11 @@ var JobFooterContextProvider = function JobFooterContextProvider(_ref) {
       matrixParams = _React$useState4[0],
       setMatrixParams = _React$useState4[1];
 
+  var _React$useState5 = React__default.useState(true),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      showJobList = _React$useState6[0],
+      setShowJobList = _React$useState6[1];
+
   var _useApi = useApi(job.listJob),
       onListJob = _useApi.request,
       _useApi$data = _useApi.data;
@@ -7995,13 +8017,17 @@ var JobFooterContextProvider = function JobFooterContextProvider(_ref) {
       queryParams: queryParams,
       matrixParams: matrixParams,
       setQueryParams: setQueryParams,
-      setMatrixParams: setMatrixParams
+      setMatrixParams: setMatrixParams,
+      showJobList: showJobList,
+      setShowJobList: setShowJobList
     }
   }, children, /*#__PURE__*/React__default.createElement(JobFooterComponent, _extends({
     jobs: jobs,
     isLoading: isLoading,
     hasLoaded: hasLoaded,
-    onListJob: onListJob // eslint-disable-next-line react/jsx-props-no-spreading
+    onListJob: onListJob,
+    showJobList: showJobList,
+    setShowJobList: setShowJobList // eslint-disable-next-line react/jsx-props-no-spreading
 
   }, JobFooterProps)));
 };
@@ -28916,7 +28942,203 @@ ItemFileShareDialog.defaultProps = {
   onShareFile: defaultOnShareFile
 };
 
-var styles$1q = {
+var _excluded$U = ["classes", "className", "itemId", "groups", "isEditing", "onRefresh", "onSuccess", "onError", "editJoinValue", "formatValue", "rowsPerPageOptions"];
+
+var styles$1q = function styles() {
+  return {
+    root: {
+      width: '100%',
+      overflowX: 'auto',
+      display: 'grid'
+    },
+    table: {
+      maxWidth: '100%'
+    }
+  };
+};
+
+var ItemCompoundMetadataTable = function ItemCompoundMetadataTable(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      itemId = _ref.itemId,
+      _ref$groups = _ref.groups,
+      groups = _ref$groups === void 0 ? [] : _ref$groups,
+      isEditing = _ref.isEditing,
+      onRefresh = _ref.onRefresh,
+      onSuccess = _ref.onSuccess,
+      onError = _ref.onError,
+      editJoinValue = _ref.editJoinValue,
+      formatValue = _ref.formatValue,
+      _ref$rowsPerPageOptio = _ref.rowsPerPageOptions,
+      rowsPerPageOptions = _ref$rowsPerPageOptio === void 0 ? [5, 10, 25] : _ref$rowsPerPageOptio,
+      values = _objectWithoutProperties(_ref, _excluded$U);
+
+  var _React$useState = React__default.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      groupFields = _React$useState2[0],
+      setGroupFields = _React$useState2[1];
+
+  var _React$useState3 = React__default.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      page = _React$useState4[0],
+      setPage = _React$useState4[1];
+
+  var _React$useState5 = React__default.useState(5),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      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,
+      onSubmit = _useCompoundMetadata.onSubmit;
+
+  var handleChangePage = function handleChangePage(event, newPage) {
+    setPage(newPage);
+  };
+
+  var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
+    setRowsPerPage(event.target.value);
+    setPage(0);
+  };
+
+  var getKey = function getKey(name, index) {
+    return "".concat(name, "_").concat(Math.random(), "_").concat(index);
+  };
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, groupFields && groupFields.map(function (group, groupIndex) {
+    return /*#__PURE__*/React__default.createElement(Paper, {
+      className: classes.root,
+      key: getKey(group.name, groupIndex)
+    }, /*#__PURE__*/React__default.createElement(TableContainer$1, {
+      className: classes.table
+    }, /*#__PURE__*/React__default.createElement(Table$1, {
+      size: "medium"
+    }, /*#__PURE__*/React__default.createElement(TableHead$1$1, null, /*#__PURE__*/React__default.createElement(TableRow$3$1, null, tableColumns.map(function (row) {
+      return /*#__PURE__*/React__default.createElement(TableCell$1, {
+        key: row.name
+      }, row.name);
+    }))), /*#__PURE__*/React__default.createElement(TableBody$1, null, group.group.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map(function (row, rowIndex) {
+      return /*#__PURE__*/React__default.createElement(TableRow$3$1, {
+        key: getKey(row.name, rowIndex)
+      }, tableColumns.map(function (field, fieldIndex) {
+        return /*#__PURE__*/React__default.createElement(TableCell$1, {
+          key: getKey(field.name, fieldIndex)
+        }, isEditing ? /*#__PURE__*/React__default.createElement(Input$1, {
+          value: row[field.name],
+          name: field.name,
+          onChange: function onChange(e) {
+            return _onChange(e, row, groupIndex, page * rowsPerPage + fieldIndex);
+          }
+        }) : row[field.name]);
+      }));
+    })))), /*#__PURE__*/React__default.createElement(TablePagination, {
+      rowsPerPageOptions: rowsPerPageOptions,
+      component: "div",
+      count: group.group.length,
+      rowsPerPage: rowsPerPage,
+      page: page,
+      onPageChange: handleChangePage,
+      onRowsPerPageChange: handleChangeRowsPerPage
+    }));
+  }), isEditing && /*#__PURE__*/React__default.createElement(Box$1, {
+    m: 2
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    fullWidth: true,
+    variant: "outlined",
+    onClick: function onClick() {
+      return onSubmit(groupFields);
+    },
+    color: "primary"
+  }, "Save")));
+};
+
+var ItemCompoundMetadataTable$1 = withStyles(styles$1q, {
+  name: 'VdtItemCompoundMetadataTable'
+})(ItemCompoundMetadataTable);
+
+function ItemCompoundMetadataTab(_ref) {
+  var itemId = _ref.itemId,
+      groups = _ref.groups,
+      _ref$editingLabel = _ref.editingLabel,
+      editingLabel = _ref$editingLabel === void 0 ? function (isEditing) {
+    return isEditing ? 'Cancel' : 'Edit';
+  } : _ref$editingLabel,
+      _ref$showEditMetadata = _ref.showEditMetadata,
+      showEditMetadata = _ref$showEditMetadata === void 0 ? true : _ref$showEditMetadata,
+      onError = _ref.onError,
+      _ref$useContentPaths = _ref.useContentPaths,
+      useContentPaths = _ref$useContentPaths === void 0 ? false : _ref$useContentPaths,
+      formatValue = _ref.formatValue;
+  var queryParams = React__default.useMemo(function () {
+    if (useContentPaths) {
+      var groupPathParams = groups ? groups.map(function (g) {
+        return g.name;
+      }).map(function (name) {
+        return "metadata.timespan.group[name=".concat(name, "]");
+      }).join(',') : undefined;
+      return {
+        p: [groupPathParams].join(',')
+      };
+    }
+
+    return {
+      group: groups ? groups.map(function (_ref2) {
+        var name = _ref2.name;
+        return name;
+      }) : [],
+      content: 'metadata'
+    };
+  }, [groups, useContentPaths]);
+
+  var _React$useState = React__default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isEditing = _React$useState2[0],
+      setIsEditing = _React$useState2[1];
+
+  var toggleEdit = function toggleEdit() {
+    return setIsEditing(!isEditing);
+  };
+
+  var _useAddMetadataFieldA = useAddMetadataFieldAttributes({
+    groups: groups
+  }),
+      groupsWithAttributes = _useAddMetadataFieldA.groupsWithAttributes;
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showEditMetadata && /*#__PURE__*/React__default.createElement(Box, {
+    display: "flex",
+    justifyContent: "flex-end"
+  }, /*#__PURE__*/React__default.createElement(FormControlLabel, {
+    control: /*#__PURE__*/React__default.createElement(Switch, {
+      checked: isEditing,
+      onChange: toggleEdit
+    }),
+    label: editingLabel(isEditing),
+    labelPlacement: "start"
+  })), groupsWithAttributes.length > 0 && /*#__PURE__*/React__default.createElement(GetItem, {
+    itemId: itemId,
+    queryParams: queryParams
+  }, /*#__PURE__*/React__default.createElement(MetadataType$1, {
+    joinValue: ", "
+  }, /*#__PURE__*/React__default.createElement(ItemCompoundMetadataTable$1, {
+    itemId: itemId,
+    groups: groupsWithAttributes,
+    formatValue: formatValue,
+    isEditing: isEditing,
+    onSuccess: toggleEdit,
+    onError: onError
+  }))));
+}
+
+var ItemCompoundMetadataTab$1 = withStyles({}, {
+  name: 'VdtItemCompoundMetadataTab'
+})(ItemCompoundMetadataTab);
+
+var styles$1r = {
   root: {
     '& > *': {
       marginTop: '20px',
@@ -29372,11 +29594,11 @@ function Editor(_ref) {
   }, "Delete"))));
 }
 
-var Editor$1 = withStyles(styles$1q, {
+var Editor$1 = withStyles(styles$1r, {
   name: 'VdtFieldGroupEditor'
 })(Editor);
 
-var styles$1r = {
+var styles$1s = {
   iconContainer: {
     width: '40px',
     height: '40px',
@@ -29413,11 +29635,11 @@ function FieldIcon(_ref) {
   }));
 }
 
-var FieldIcon$1 = withStyles(styles$1r, {
+var FieldIcon$1 = withStyles(styles$1s, {
   name: 'VdtFieldGroupIcon'
 })(FieldIcon);
 
-var styles$1s = function styles(theme) {
+var styles$1t = function styles(theme) {
   return {
     fieldTitle: {
       lineHeight: '40px',
@@ -29552,11 +29774,11 @@ function MyField(_ref2) {
   })));
 }
 
-var MyField$1 = withStyles(styles$1s, {
+var MyField$1 = withStyles(styles$1t, {
   name: 'VdtFieldGroupMyField'
 })(MyField);
 
-var styles$1t = {
+var styles$1u = {
   droppable: {
     height: 600
   }
@@ -29606,11 +29828,11 @@ function MyFieldList(_ref) {
   });
 }
 
-var MyFieldList$1 = withStyles(styles$1t, {
+var MyFieldList$1 = withStyles(styles$1u, {
   name: 'VdtFieldGroupMyFieldList'
 })(MyFieldList);
 
-var _excluded$U = ["groupName", "orderedFieldIds"];
+var _excluded$V = ["groupName", "orderedFieldIds"];
 var vFetch = utils.vFetch,
     isRequired = utils.isRequired;
 function updateGroupFieldOrder(_ref) {
@@ -29618,7 +29840,7 @@ function updateGroupFieldOrder(_ref) {
       groupName = _ref$groupName === void 0 ? isRequired() : _ref$groupName,
       _ref$orderedFieldIds = _ref.orderedFieldIds,
       orderedFieldIds = _ref$orderedFieldIds === void 0 ? isRequired() : _ref$orderedFieldIds,
-      props = _objectWithoutProperties(_ref, _excluded$U);
+      props = _objectWithoutProperties(_ref, _excluded$V);
 
   var path = "/API/metadata-field/field-group/".concat(groupName, "/metadata/order");
   return vFetch(_objectSpread2({
@@ -29641,7 +29863,7 @@ function uuidv4$1() {
   });
 }
 
-var styles$1u = {
+var styles$1v = {
   data: {
     display: 'flex',
     width: '100%'
@@ -30380,11 +30602,11 @@ function FieldGroupDesigner(_ref2) {
   }, "Add"))));
 }
 
-var FieldGroupDesigner$1 = withStyles(styles$1u, {
+var FieldGroupDesigner$1 = withStyles(styles$1v, {
   name: 'VdtFieldGroupDesigner'
 })(FieldGroupDesigner);
 
-var _excluded$V = ["entityId", "SelectedFileComponent"],
+var _excluded$W = ["entityId", "SelectedFileComponent"],
     _excluded2$d = ["entityId", "SelectedStorageComponent"],
     _excluded3$5 = ["selected", "SelectedEntities"],
     _excluded4$1 = ["file"],
@@ -30434,7 +30656,7 @@ function SelectedFileWrapper(_ref2) {
   var entityId = _ref2.entityId,
       _ref2$SelectedFileCom = _ref2.SelectedFileComponent,
       SelectedFileComponent = _ref2$SelectedFileCom === void 0 ? SelectedFile : _ref2$SelectedFileCom,
-      props = _objectWithoutProperties(_ref2, _excluded$V);
+      props = _objectWithoutProperties(_ref2, _excluded$W);
 
   var _React$useState = React__default.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -30946,7 +31168,7 @@ function StorageListTree(_ref20) {
   , StorageListProps));
 }
 
-var styles$1v = function styles(theme) {
+var styles$1w = function styles(theme) {
   return {
     popper: {
       backgroundColor: theme.palette.background["default"],
@@ -30998,11 +31220,11 @@ function SearchSuggestions(_ref) {
   }))) : null;
 }
 
-var SearchSuggestions$1 = withStyles(styles$1v, {
+var SearchSuggestions$1 = withStyles(styles$1w, {
   name: 'VdtSearchSuggestions'
 })(SearchSuggestions);
 
-var _excluded$W = ["options", "metadataToProps", "parseMetadataOpts", "selected", "onCheck", "onClick"];
+var _excluded$X = ["options", "metadataToProps", "parseMetadataOpts", "selected", "onCheck", "onClick"];
 
 var metadataToProps$4 = function metadataToProps(_ref) {
   var searchResultEntryType = _ref.searchResultEntryType,
@@ -31040,7 +31262,7 @@ function SearchResultRow(_ref4) {
       selected = _ref4.selected,
       onCheck = _ref4.onCheck,
       onClick = _ref4.onClick,
-      innerProps = _objectWithoutProperties(_ref4, _excluded$W);
+      innerProps = _objectWithoutProperties(_ref4, _excluded$X);
 
   var searchResultEntryType = innerProps.searchResultEntryType;
   var rowValues = React__default.useMemo(function () {
@@ -31078,7 +31300,7 @@ function SearchResultRow(_ref4) {
   }));
 }
 
-var _excluded$X = ["searchResultType", "RowComponent", "options", "onCheck", "onRowClick"];
+var _excluded$Y = ["searchResultType", "RowComponent", "options", "onCheck", "onRowClick"];
 function SearchResultTable(_ref) {
   var _ref$searchResultType = _ref.searchResultType,
       searchResultType = _ref$searchResultType === void 0 ? {} : _ref$searchResultType,
@@ -31088,7 +31310,7 @@ function SearchResultTable(_ref) {
       options = _ref$options === void 0 ? [] : _ref$options,
       onCheck = _ref.onCheck,
       onRowClick = _ref.onRowClick,
-      innerProps = _objectWithoutProperties(_ref, _excluded$X);
+      innerProps = _objectWithoutProperties(_ref, _excluded$Y);
 
   var _searchResultType$ent = searchResultType.entry,
       entryList = _searchResultType$ent === void 0 ? [] : _searchResultType$ent;
@@ -31139,11 +31361,11 @@ function FolderMultipleIcon(props) {
   }, props));
 }
 
-var _excluded$Y = ["collectionId"];
+var _excluded$Z = ["collectionId"];
 
 function SavedSearchAccessList(_ref) {
   var collectionId = _ref.collectionId,
-      props = _objectWithoutProperties(_ref, _excluded$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
 
   var _useEntityAccess = useEntityAccess({
     entityId: collectionId,
@@ -31170,8 +31392,8 @@ function SavedSearchAccessList(_ref) {
   }, props));
 }
 
-var _excluded$Z = ["classes", "collectionId"];
-var styles$1w = {
+var _excluded$_ = ["classes", "collectionId"];
+var styles$1x = {
   actionsSubmit: {
     width: '100%'
   },
@@ -31183,7 +31405,7 @@ var styles$1w = {
 function ShareSearch(_ref) {
   var classes = _ref.classes,
       collectionId = _ref.collectionId,
-      props = _objectWithoutProperties(_ref, _excluded$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
 
   var handleSubmit = function handleSubmit(args) {
     return access.createEntityAccess(_objectSpread2(_objectSpread2({}, args), {}, {
@@ -31207,14 +31429,14 @@ function ShareSearch(_ref) {
   }, props));
 }
 
-var ShareSearch$1 = withStyles(styles$1w, {
+var ShareSearch$1 = withStyles(styles$1x, {
   name: 'VdtShareSearch'
 })(ShareSearch);
 
 var SHARE_MENU = 'SHARE_MENU';
 var LISTACCESS_MENU = 'LISTACCESS_MENU';
 
-var styles$1x = function styles(theme) {
+var styles$1y = function styles(theme) {
   return {
     root: {
       '&:hover $SubmitSearchIcon': {
@@ -31564,12 +31786,12 @@ function SavedSearchRow(_ref) {
   }, ListAccessProps)))));
 }
 
-var SavedSearchRow$1 = withStyles(styles$1x, {
+var SavedSearchRow$1 = withStyles(styles$1y, {
   name: 'VdtSavedSearchRow'
 })(SavedSearchRow);
 
-var _excluded$_ = ["searchProps", "searchPlaceholderText", "onSelect", "onDelete", "onUpdateSearchMetadata", "RowComponent", "RowProps", "accessTranslate"];
-var styles$1y = {};
+var _excluded$$ = ["searchProps", "searchPlaceholderText", "onSelect", "onDelete", "onUpdateSearchMetadata", "RowComponent", "RowProps", "accessTranslate"];
+var styles$1z = {};
 
 function SavedSearchList(_ref) {
   var searchProps = _ref.searchProps,
@@ -31583,7 +31805,7 @@ function SavedSearchList(_ref) {
       _ref$RowProps = _ref.RowProps,
       RowProps = _ref$RowProps === void 0 ? {} : _ref$RowProps,
       accessTranslate = _ref.accessTranslate,
-      props = _objectWithoutProperties(_ref, _excluded$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
 
   return /*#__PURE__*/React__default.createElement(CollectionSearchPicker$1, _extends({
     searchProps: searchProps,
@@ -31623,11 +31845,11 @@ function SavedSearchList(_ref) {
   }, props));
 }
 
-var SavedSearchList$1 = withStyles(styles$1y, {
+var SavedSearchList$1 = withStyles(styles$1z, {
   name: 'VdtSavedSearchList'
 })(SavedSearchList);
 
-var styles$1z = function styles(theme) {
+var styles$1A = function styles(theme) {
   return {
     root: {
       paddingTop: theme.spacing(1),
@@ -31695,11 +31917,11 @@ function SaveSearchForm(_ref) {
   }, saveText));
 }
 
-var SaveSearchForm$1 = withStyles(styles$1z, {
+var SaveSearchForm$1 = withStyles(styles$1A, {
   name: 'VdtSaveSearchForm'
 })(SaveSearchForm);
 
-var styles$1A = function styles(theme) {
+var styles$1B = function styles(theme) {
   return {
     root: {
       padding: theme.spacing(2)
@@ -31768,11 +31990,11 @@ function SavedSearch(_ref) {
   }, SearchListProps)));
 }
 
-var SavedSearch$1 = withStyles(styles$1A, {
+var SavedSearch$1 = withStyles(styles$1B, {
   name: 'VdtSavedSearchList'
 })(SavedSearch);
 
-var styles$1B = function styles(theme) {
+var styles$1C = function styles(theme) {
   return {
     suggestion: {
       '&:hover': {
@@ -31905,7 +32127,7 @@ function SpellCheck(_ref4) {
   }));
 }
 
-var SpellCheck$1 = withStyles(styles$1B, {
+var SpellCheck$1 = withStyles(styles$1C, {
   name: 'VdtSpellCheck'
 })(SpellCheck);
 
@@ -40041,10 +40263,10 @@ var SelectCreatable$1 = makeCreatableSelect(Select);
 var SelectCreatableState = manageState(SelectCreatable$1);
 var AsyncCreatable = makeAsyncSelect(SelectCreatableState);
 
-var _excluded$$ = ["isFocused"],
+var _excluded$10 = ["isFocused"],
     _excluded2$e = ["inputRef"];
 
-var styles$1C = function styles(theme) {
+var styles$1D = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -40117,7 +40339,7 @@ var styles$1C = function styles(theme) {
 
 var createTabelDefaultStyles = function createTabelDefaultStyles(_ref) {
   var isFocused = _ref.isFocused,
-      props = _objectWithoutProperties(_ref, _excluded$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
 
   return function (theme) {
     return _objectSpread2({
@@ -40559,7 +40781,7 @@ function SearchField(_ref5) {
   , SearchIconsProps)));
 }
 
-var SearchField$1 = withStyles(styles$1C, {
+var SearchField$1 = withStyles(styles$1D, {
   withTheme: true,
   name: 'VdtSearchField'
 })(SearchField);
@@ -40615,7 +40837,7 @@ SearchField.defaultProps = {
   ProgressProps: {}
 };
 
-var styles$1D = function styles() {
+var styles$1E = function styles() {
   return {
     root: {
       marginRight: 4,
@@ -40724,11 +40946,11 @@ function AddFolderRow(_ref) {
   }, /*#__PURE__*/React__default.createElement(CancelIcon, null)));
 }
 
-var AddFolderRow$1 = withStyles$1(styles$1D, {
+var AddFolderRow$1 = withStyles$1(styles$1E, {
   name: 'VdtAddFolderRow'
 })(AddFolderRow);
 
-var _excluded$10 = ["classes", "id", "queryParams", "markerProps", "childFolders", "metadata", "itemSearchDocument", "folderDepth", "type", "hideSubFolderSharing", "onSelect", "onRemoveItem", "indentationValues", "indentationProps", "FolderRowContentComponent", "FolderRowContentProps", "AddRowComponent", "AddRowProps", "FolderRowContentWrapperComponent", "FolderRowContentWrapperProps"];
+var _excluded$11 = ["classes", "id", "queryParams", "markerProps", "childFolders", "metadata", "itemSearchDocument", "folderDepth", "type", "hideSubFolderSharing", "onSelect", "onRemoveItem", "indentationValues", "indentationProps", "FolderRowContentComponent", "FolderRowContentProps", "AddRowComponent", "AddRowProps", "FolderRowContentWrapperComponent", "FolderRowContentWrapperProps"];
 var defaultmarkerProps = {
   markerValue: 'savedSearch',
   markerField: 'eidr_referentType'
@@ -40740,7 +40962,7 @@ var defaultIndentationProps = {
   defalutNewRowIndentation: 10
 };
 
-var styles$1E = function styles() {
+var styles$1F = function styles() {
   return {
     root: {
       display: 'flex',
@@ -40833,7 +41055,7 @@ function FolderRow(_ref2) {
       FolderRowContentWrapperComponent = _ref2$FolderRowConten3 === void 0 ? FolderRowContentWrapper : _ref2$FolderRowConten3,
       _ref2$FolderRowConten4 = _ref2.FolderRowContentWrapperProps,
       FolderRowContentWrapperProps = _ref2$FolderRowConten4 === void 0 ? {} : _ref2$FolderRowConten4,
-      props = _objectWithoutProperties(_ref2, _excluded$10);
+      props = _objectWithoutProperties(_ref2, _excluded$11);
 
   var _React$useState = React__default.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -41007,14 +41229,14 @@ function FolderRow(_ref2) {
   }));
 }
 
-var FolderRow$1 = withStyles(styles$1E, {
+var FolderRow$1 = withStyles(styles$1F, {
   name: 'VdtFolderRow'
 })(FolderRow);
 
-var _excluded$11 = ["value", "onChange"],
+var _excluded$12 = ["value", "onChange"],
     _excluded2$f = ["value", "onChange"],
     _excluded3$6 = ["displayType", "withAutocomplete", "autoCompleteHoc", "type"];
-var styles$1F = function styles() {
+var styles$1G = function styles() {
   return {
     root: {
       '& .MuiFormHelperText-root': {
@@ -41040,7 +41262,7 @@ function withUpdateOnBlur(InputComponent) {
   return function (_ref) {
     var value = _ref.value,
         onChange = _ref.onChange,
-        props = _objectWithoutProperties(_ref, _excluded$11);
+        props = _objectWithoutProperties(_ref, _excluded$12);
 
     var _React$useState = React__default.useState(value),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -41172,12 +41394,12 @@ QueryInput.defaultProps = {
   autoCompleteHoc: function autoCompleteHoc() {}
 };
 
-var QueryInput$1 = withStyles(styles$1F, {
+var QueryInput$1 = withStyles(styles$1G, {
   name: 'VdtQueryInput'
 })(QueryInput);
 
-var _excluded$12 = ["classes", "className", "field", "onChange", "InputComponent"];
-var styles$1G = function styles(theme) {
+var _excluded$13 = ["classes", "className", "field", "onChange", "InputComponent"];
+var styles$1H = function styles(theme) {
   return {
     root: {
       width: '50%'
@@ -41195,7 +41417,7 @@ function QueryBetween(_ref) {
       field = _ref.field,
       _onChange = _ref.onChange,
       InputComponent = _ref.InputComponent,
-      props = _objectWithoutProperties(_ref, _excluded$12);
+      props = _objectWithoutProperties(_ref, _excluded$13);
 
   var betweenField = function betweenField(min, max) {
     return {
@@ -41264,12 +41486,12 @@ QueryBetween.defaultProps = {
   InputComponent: QueryInput$1
 };
 
-var QueryBetween$1 = withStyles(styles$1G, {
+var QueryBetween$1 = withStyles(styles$1H, {
   name: 'VdtQueryBetween'
 })(QueryBetween);
 
-var _excluded$13 = ["classes", "className", "field", "onChange", "InputComponent"];
-var styles$1H = function styles() {
+var _excluded$14 = ["classes", "className", "field", "onChange", "InputComponent"];
+var styles$1I = function styles() {
   return {
     root: {}
   };
@@ -41280,7 +41502,7 @@ function QueryEquals(_ref) {
       field = _ref.field,
       _onChange = _ref.onChange,
       InputComponent = _ref.InputComponent,
-      props = _objectWithoutProperties(_ref, _excluded$13);
+      props = _objectWithoutProperties(_ref, _excluded$14);
 
   var equalsField = function equalsField(value) {
     return {
@@ -41334,12 +41556,12 @@ QueryEquals.defaultProps = {
   InputComponent: QueryInput$1
 };
 
-var QueryEquals$1 = withStyles(styles$1H, {
+var QueryEquals$1 = withStyles(styles$1I, {
   name: 'VdtQueryEquals'
 })(QueryEquals);
 
-var _excluded$14 = ["classes", "className", "field", "onChange", "InputComponent"];
-var styles$1I = function styles() {
+var _excluded$15 = ["classes", "className", "field", "onChange", "InputComponent"];
+var styles$1J = function styles() {
   return {
     root: {}
   };
@@ -41350,7 +41572,7 @@ function QueryContains(_ref) {
       field = _ref.field,
       _onChange = _ref.onChange,
       InputComponent = _ref.InputComponent,
-      props = _objectWithoutProperties(_ref, _excluded$14);
+      props = _objectWithoutProperties(_ref, _excluded$15);
 
   var equalsField = function equalsField(value) {
     return {
@@ -41404,11 +41626,11 @@ QueryContains.defaultProps = {
   InputComponent: QueryInput$1
 };
 
-var QueryContains$1 = withStyles(styles$1I, {
+var QueryContains$1 = withStyles(styles$1J, {
   name: 'VdtQueryContains'
 })(QueryContains);
 
-var _excluded$15 = ["value", "options", "onChange", "equalsText", "containsText", "betweenText"];
+var _excluded$16 = ["value", "options", "onChange", "equalsText", "containsText", "betweenText"];
 var defaultPredicates = {
   equals: {
     label: 'Equals',
@@ -41512,7 +41734,7 @@ function PredicatePicker(_ref2) {
       equalsText = _ref2.equalsText,
       containsText = _ref2.containsText,
       betweenText = _ref2.betweenText,
-      props = _objectWithoutProperties(_ref2, _excluded$15);
+      props = _objectWithoutProperties(_ref2, _excluded$16);
 
   return /*#__PURE__*/React__default.createElement(Select$1, _extends({
     value: value,
@@ -41530,7 +41752,7 @@ function PredicatePicker(_ref2) {
   }));
 }
 
-var styles$1J = function styles(theme) {
+var styles$1K = function styles(theme) {
   return {
     root: {
       '& > *': {
@@ -41755,7 +41977,7 @@ QueryField.defaultProps = {
   PredicateComponentProps: {}
 };
 
-var QueryField$1 = withStyles(styles$1J, {
+var QueryField$1 = withStyles(styles$1K, {
   name: 'VdtQueryField'
 })(QueryField);
 
@@ -41766,7 +41988,7 @@ var stopProp = function stopProp(f) {
   };
 };
 
-var styles$1K = function styles(theme) {
+var styles$1L = function styles(theme) {
   return {
     root: {},
     errorButton: {
@@ -41937,7 +42159,7 @@ QueryGroup.defaultProps = {
   }
 };
 
-var QueryGroup$1 = withStyles(styles$1K, {
+var QueryGroup$1 = withStyles(styles$1L, {
   name: 'VdtQueryGroup'
 })(QueryGroup);
 
@@ -41948,7 +42170,7 @@ var stopProp$1 = function stopProp(f) {
   };
 };
 
-var styles$1L = function styles(theme) {
+var styles$1M = function styles(theme) {
   return {
     root: {},
     errorButton: {
@@ -42116,7 +42338,7 @@ QueryOperator.defaultProps = {
   onChangeOperation: undefined
 };
 
-var QueryOperator$1 = withStyles(styles$1L, {
+var QueryOperator$1 = withStyles(styles$1M, {
   name: 'VdtQueryOperator'
 })(QueryOperator);
 
@@ -42194,9 +42416,9 @@ var useQueryBuilder = function useQueryBuilder(path) {
   };
 };
 
-var _excluded$16 = ["canExpandpath", "path", "fields", "groups", "defaultField", "defaultGroup", "not", "nodeId", "canExpand", "parentGroup", "onRemove"],
+var _excluded$17 = ["canExpandpath", "path", "fields", "groups", "defaultField", "defaultGroup", "not", "nodeId", "canExpand", "parentGroup", "onRemove"],
     _excluded2$g = ["uuid"];
-var styles$1M = function styles(theme) {
+var styles$1N = function styles(theme) {
   return {
     root: {
       '&:focus > .MuiTreeItem-content .MuiTreeItem-label': {
@@ -42245,7 +42467,7 @@ function QueryEntry(_ref) {
       canExpand = _ref.canExpand,
       parentGroup = _ref.parentGroup,
       onRemove = _ref.onRemove,
-      props = _objectWithoutProperties(_ref, _excluded$16);
+      props = _objectWithoutProperties(_ref, _excluded$17);
 
   var expandNode = props.expandNode,
       OperatorComponent = props.OperatorComponent,
@@ -42468,13 +42690,13 @@ QueryEntry.defaultProps = {
   onRemove: undefined
 };
 
-var QueryEntry$1 = withStyles(styles$1M, {
+var QueryEntry$1 = withStyles(styles$1N, {
   name: 'VdtQueryEntry'
 })(QueryEntry);
 
-var _excluded$17 = ["uuid"],
+var _excluded$18 = ["uuid"],
     _excluded2$h = ["uuid", "predicate"];
-var styles$1N = function styles(theme) {
+var styles$1O = function styles(theme) {
   return {
     root: {},
     treeRoot: {
@@ -42491,7 +42713,7 @@ var styles$1N = function styles(theme) {
 var queryToItemSearchDocument = function queryToItemSearchDocument(query) {
   function toGroupOrOperator(_ref) {
     var uuid = _ref.uuid,
-        entry = _objectWithoutProperties(_ref, _excluded$17);
+        entry = _objectWithoutProperties(_ref, _excluded$18);
 
     var isOperator = entry.operation;
 
@@ -42665,11 +42887,11 @@ QueryBuilder.defaultProps = {
   QueryEntryProps: {}
 };
 
-var QueryBuilder$1 = withStyles(styles$1N, {
+var QueryBuilder$1 = withStyles(styles$1O, {
   name: 'VdtQueryBuilder'
 })(QueryBuilder);
 
-var styles$1O = function styles(theme) {
+var styles$1P = function styles(theme) {
   return {
     root: {
       padding: theme.spacing(1)
@@ -42796,7 +43018,7 @@ QueryBuilderCard.defaultProps = {
   searchButtonProps: {}
 };
 
-var index$4 = withStyles(styles$1O, {
+var index$4 = withStyles(styles$1P, {
   name: 'VdtQueryBuilderCard'
 })(QueryBuilderCard);
 
@@ -42863,7 +43085,7 @@ var BinListMenu$1 = withStyles({}, {
   name: 'VdtBinListMenu'
 })(BinListMenu);
 
-var _excluded$18 = ["entityType", "entity", "entityComponents"];
+var _excluded$19 = ["entityType", "entity", "entityComponents"];
 
 var _defaultEntityCompone;
 var ITEM$1 = 'item';
@@ -42874,7 +43096,7 @@ function EntityCard(_ref) {
       entity = _ref.entity,
       _ref$entityComponents = _ref.entityComponents,
       entityComponents = _ref$entityComponents === void 0 ? defaultEntityComponents : _ref$entityComponents,
-      props = _objectWithoutProperties(_ref, _excluded$18);
+      props = _objectWithoutProperties(_ref, _excluded$19);
 
   if (!entityType) return null;
 
@@ -42895,7 +43117,7 @@ function EntityCard(_ref) {
   , entityProps);
 }
 
-var _excluded$19 = ["children", "classes", "className"];
+var _excluded$1a = ["children", "classes", "className"];
 var BIN_ENTITY_TYPE = 'BIN';
 
 var BinItemMenu = function BinItemMenu(_ref) {
@@ -42914,7 +43136,7 @@ var BinContent = function BinContent(_ref2) {
   var children = _ref2.children,
       classes = _ref2.classes,
       className = _ref2.className,
-      props = _objectWithoutProperties(_ref2, _excluded$19);
+      props = _objectWithoutProperties(_ref2, _excluded$1a);
 
   return /*#__PURE__*/React__default.createElement("div", _extends({
     className: clsx(className, classes.root)
@@ -42952,7 +43174,7 @@ var entityCardDraggableStyles = {
 var EntityCardDraggable = compose(withStyles(entityCardDraggableStyles, {
   name: 'VdtEntityCardDraggable'
 }), withDrag)(EntityCard);
-var styles$1P = {
+var styles$1Q = {
   root: {
     minWidth: 340
   }
@@ -43141,11 +43363,11 @@ function BinList(_ref3) {
   }, AddToCollectionDialogProps))));
 }
 
-var BinList$1 = withStyles(styles$1P, {
+var BinList$1 = withStyles(styles$1Q, {
   name: 'VdtBinList'
 })(BinList);
 
-var _excluded$1a = ["entityType", "entityId", "entity", "index", "CollectionCardComponent", "ItemCardComponent", "CollectionCardProps", "ItemCardProps"];
+var _excluded$1b = ["entityType", "entityId", "entity", "index", "CollectionCardComponent", "ItemCardComponent", "CollectionCardProps", "ItemCardProps"];
 function EntityGridItem(_ref) {
   var entityType = _ref.entityType,
       entityId = _ref.entityId,
@@ -43159,7 +43381,7 @@ function EntityGridItem(_ref) {
       CollectionCardProps = _ref$CollectionCardPr === void 0 ? {} : _ref$CollectionCardPr,
       _ref$ItemCardProps = _ref.ItemCardProps,
       ItemCardProps = _ref$ItemCardProps === void 0 ? {} : _ref$ItemCardProps,
-      props = _objectWithoutProperties(_ref, _excluded$1a);
+      props = _objectWithoutProperties(_ref, _excluded$1b);
 
   var isCollection = entityType === 'COLLECTION';
   var isItem = entityType === 'ITEM';
@@ -43180,8 +43402,8 @@ function EntityGridItem(_ref) {
   }, ItemCardProps)));
 }
 
-var _excluded$1b = ["className", "classes", "isDragging"];
-var styles$1Q = {
+var _excluded$1c = ["className", "classes", "isDragging"];
+var styles$1R = {
   root: {},
   rootIsDragging: {
     opacity: 0.5,
@@ -43193,7 +43415,7 @@ var EntityGridItemDraggable = function EntityGridItemDraggable(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
       isDragging = _ref.isDragging,
-      props = _objectWithoutProperties(_ref, _excluded$1b);
+      props = _objectWithoutProperties(_ref, _excluded$1c);
 
   return /*#__PURE__*/React__default.createElement(EntityGridItem, _extends({
     className: clsx(classes.root, 'VdtEntityGridItemDraggable-root', isDragging && classes.rootIsDragging, isDragging && 'VdtEntityGridItemDraggable-rootIsDragging', className) // eslint-disable-next-line react/jsx-props-no-spreading
@@ -43201,7 +43423,7 @@ var EntityGridItemDraggable = function EntityGridItemDraggable(_ref) {
   }, props));
 };
 
-var EntityGridItemDraggable$1 = compose(withDrag, withStyles$1(styles$1Q, {
+var EntityGridItemDraggable$1 = compose(withDrag, withStyles$1(styles$1R, {
   name: 'VdtEntityGridItemDraggable'
 }))(EntityGridItemDraggable);
 
@@ -43252,7 +43474,7 @@ function EntityGrid(_ref) {
   }));
 }
 
-var _excluded$1c = ["entityType", "entityId", "entity", "collectionOptions", "itemOptions", "onCollectionClick", "onItemClick"];
+var _excluded$1d = ["entityType", "entityId", "entity", "collectionOptions", "itemOptions", "onCollectionClick", "onItemClick"];
 function EntityTableRow(_ref) {
   var entityType = _ref.entityType,
       entityId = _ref.entityId,
@@ -43263,7 +43485,7 @@ function EntityTableRow(_ref) {
       itemOptions = _ref$itemOptions === void 0 ? [] : _ref$itemOptions,
       onCollectionClick = _ref.onCollectionClick,
       onItemClick = _ref.onItemClick,
-      props = _objectWithoutProperties(_ref, _excluded$1c);
+      props = _objectWithoutProperties(_ref, _excluded$1d);
 
   var isCollection = entityType === 'COLLECTION';
   var isItem = entityType === 'ITEM';
@@ -43282,8 +43504,8 @@ function EntityTableRow(_ref) {
   }, props)));
 }
 
-var _excluded$1d = ["className", "classes", "isDragging"];
-var styles$1R = {
+var _excluded$1e = ["className", "classes", "isDragging"];
+var styles$1S = {
   root: {},
   rootIsDragging: {
     opacity: 0.5,
@@ -43295,7 +43517,7 @@ var EntityTableRowDraggable = function EntityTableRowDraggable(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
       isDragging = _ref.isDragging,
-      props = _objectWithoutProperties(_ref, _excluded$1d);
+      props = _objectWithoutProperties(_ref, _excluded$1e);
 
   return /*#__PURE__*/React__default.createElement(EntityTableRow, _extends({
     className: clsx(classes.root, 'VdtEntityTableRowDraggable-root', isDragging && classes.rootIsDragging, isDragging && 'VdtEntityTableRowDraggable-rootIsDragging', className) // eslint-disable-next-line react/jsx-props-no-spreading
@@ -43303,7 +43525,7 @@ var EntityTableRowDraggable = function EntityTableRowDraggable(_ref) {
   }, props));
 };
 
-var EntityTableRowDraggable$1 = compose(withDrag, withStyles$1(styles$1R, {
+var EntityTableRowDraggable$1 = compose(withDrag, withStyles$1(styles$1S, {
   name: 'VdtEntityTableRowDraggable'
 }))(EntityTableRowDraggable);
 
@@ -43376,7 +43598,7 @@ function EntityTable(_ref) {
   }) : null));
 }
 
-var styles$1S = function styles() {
+var styles$1T = function styles() {
   return {
     root: {},
     entityCard: {
@@ -43512,7 +43734,7 @@ function EntityDeleteDialog(_ref) {
   }, confirmButtonText)));
 }
 
-var EntityDeleteDialog$1 = withStyles(styles$1S, 'VdtEntityDeleteDialog')(EntityDeleteDialog);
+var EntityDeleteDialog$1 = withStyles(styles$1T, 'VdtEntityDeleteDialog')(EntityDeleteDialog);
 EntityDeleteDialog.propTypes = {
   open: propTypes.bool,
   onClose: propTypes.func,
@@ -43741,7 +43963,7 @@ var useComments = function useComments(_ref) {
   };
 };
 
-var styles$1T = function styles(theme) {
+var styles$1U = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -43867,7 +44089,7 @@ function EntityCommentCard(_ref) {
   })))));
 }
 
-var EntityCommentCard$1 = withStyles(styles$1T, {
+var EntityCommentCard$1 = withStyles(styles$1U, {
   name: 'VdtEntityCommentCard'
 })(EntityCommentCard);
 EntityCommentCard.propTypes = {
@@ -43895,7 +44117,7 @@ EntityCommentCard.defaultProps = {
   UserIconComponent: UserIcon
 };
 
-var styles$1U = function styles(theme) {
+var styles$1V = function styles(theme) {
   return {
     root: {
       paddingTop: theme.spacing(2)
@@ -44047,7 +44269,7 @@ function EntityComment(_ref) {
   }) : null));
 }
 
-var EntityComment$1 = withStyles(styles$1U, {
+var EntityComment$1 = withStyles(styles$1V, {
   name: 'VdtEntityComment'
 })(EntityComment);
 EntityComment.propTypes = {
@@ -44338,7 +44560,7 @@ var EntityTreeList = function EntityTreeList(_ref3) {
   }, DropZoneProps)));
 };
 
-var _excluded$1e = ["entry"];
+var _excluded$1f = ["entry"];
 var defaultSearchState = {
   interval: 'generic',
   queryParams: {
@@ -44369,7 +44591,7 @@ var defaultSearchState = {
     }]
   }
 };
-var styles$1V = {
+var styles$1W = {
   root: {}
 };
 
@@ -44462,7 +44684,7 @@ var EntityTree = function EntityTree(_ref) {
 
         var _data$entry = data.entry,
             newEntries = _data$entry === void 0 ? [] : _data$entry,
-            newEntryProps = _objectWithoutProperties(data, _excluded$1e);
+            newEntryProps = _objectWithoutProperties(data, _excluded$1f);
 
         setSearchResultType(function (old) {
           return _objectSpread2(_objectSpread2({}, newEntryProps), {}, {
@@ -44534,7 +44756,7 @@ var EntityTree = function EntityTree(_ref) {
   }, EntityTreeListProps))));
 };
 
-var EntityTree$1 = withStyles$1(styles$1V, {
+var EntityTree$1 = withStyles$1(styles$1W, {
   name: 'VdtEntityTree'
 })(EntityTree);
 
@@ -44557,7 +44779,7 @@ function LinearProgressWithLabel(props) {
   }, "".concat(Math.round(value), "%"))));
 }
 
-var styles$1W = function styles(theme) {
+var styles$1X = function styles(theme) {
   return {
     fileListItemSecondaryAction: {
       visibility: 'hidden'
@@ -44736,15 +44958,15 @@ function UploadListItem(_ref) {
   }, /*#__PURE__*/React__default.createElement(DeleteIcon$1, null))));
 }
 
-var UploadListItem$1 = withStyles(styles$1W, {
+var UploadListItem$1 = withStyles(styles$1X, {
   name: 'VdtUploadListItem'
 })(UploadListItem);
 
-var _excluded$1f = ["path", "files"];
+var _excluded$1g = ["path", "files"];
 function UploadListFolder(_ref) {
   var path = _ref.path,
       descendants = _ref.files,
-      props = _objectWithoutProperties(_ref, _excluded$1f);
+      props = _objectWithoutProperties(_ref, _excluded$1g);
 
   var totalBytes = descendants.reduce(function (total, f) {
     return total + f.file.size || 0;
@@ -44771,7 +44993,7 @@ function UploadListFolder(_ref) {
   }, props));
 }
 
-var styles$1X = function styles(theme) {
+var styles$1Y = function styles(theme) {
   return {
     form: {
       '& > *': {
@@ -44846,11 +45068,11 @@ function UploadForm(_ref) {
   })));
 }
 
-var UploadForm$1 = withStyles(styles$1X, {
+var UploadForm$1 = withStyles(styles$1Y, {
   name: 'VdtUploadForm'
 })(UploadForm);
 
-var styles$1Y = function styles(theme) {
+var styles$1Z = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.action.selected,
@@ -44908,11 +45130,11 @@ function UploadEditor(_ref) {
   }, UploadFormProps))));
 }
 
-var UploadEditor$1 = withStyles(styles$1Y, {
+var UploadEditor$1 = withStyles(styles$1Z, {
   name: 'VdtUploadEditor'
 })(UploadEditor);
 
-var _excluded$1g = ["fileTree", "files"];
+var _excluded$1h = ["fileTree", "files"];
 
 function fileToPathTree(file) {
   var result = {};
@@ -44939,7 +45161,7 @@ function parseFilesIntoTree(files) {
 function FileTreeNode(_ref) {
   var fileTree = _ref.fileTree,
       files = _ref.files,
-      props = _objectWithoutProperties(_ref, _excluded$1g);
+      props = _objectWithoutProperties(_ref, _excluded$1h);
 
   var clickFile = props.clickFile,
       removeFile = props.removeFile,
@@ -45154,10 +45376,10 @@ var SplitButton$1 = withStyles({}, {
   name: 'VdtSplitButton'
 })(SplitButton);
 
-var _excluded$1h = ["selected", "startIndex", "onClickFile", "removeFiles"],
+var _excluded$1i = ["selected", "startIndex", "onClickFile", "removeFiles"],
     _excluded2$i = ["onSubmit"];
 
-var styles$1Z = function styles(theme) {
+var styles$1_ = function styles(theme) {
   return {
     root: {
       paddingLeft: theme.spacing(2),
@@ -45231,7 +45453,7 @@ function ExtendedFileTree(_ref) {
       startIndex = _ref$startIndex === void 0 ? 0 : _ref$startIndex,
       onClickFile = _ref.onClickFile,
       removeFiles = _ref.removeFiles,
-      rest = _objectWithoutProperties(_ref, _excluded$1h);
+      rest = _objectWithoutProperties(_ref, _excluded$1i);
 
   var handleClickFile = function handleClickFile(idx) {
     return onClickFile(idx + startIndex);
@@ -45545,15 +45767,15 @@ function Upload(_ref4) {
   }, UploadCollectionPickerProps))));
 }
 
-var Upload$1 = withStyles(styles$1Z, {
+var Upload$1 = withStyles(styles$1_, {
   name: 'VdtUpload'
 })(Upload);
 
-var _excluded$1i = ["children"];
+var _excluded$1j = ["children"];
 var MediaCardContext = /*#__PURE__*/React__default.createContext();
 var MediaCardProvider = function MediaCardProvider(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1i);
+      props = _objectWithoutProperties(_ref, _excluded$1j);
 
   return /*#__PURE__*/React__default.createElement(MediaCardContext.Provider, {
     value: props
@@ -45569,9 +45791,9 @@ var useMediaCardContext = function useMediaCardContext() {
   return context;
 };
 
-var _excluded$1j = ["classes", "className", "title", "titleTypographyProps", "subheader", "subheaderTypographyProps"];
+var _excluded$1k = ["classes", "className", "title", "titleTypographyProps", "subheader", "subheaderTypographyProps"];
 
-var styles$1_ = function styles(theme) {
+var styles$1$ = function styles(theme) {
   return {
     root: {
       paddingLeft: theme.spacing(2),
@@ -45599,7 +45821,7 @@ function MediaCardFullWidthHeader(_ref) {
       subheaderTypographyProps = _ref$subheaderTypogra === void 0 ? {
     noWrap: true
   } : _ref$subheaderTypogra,
-      props = _objectWithoutProperties(_ref, _excluded$1j);
+      props = _objectWithoutProperties(_ref, _excluded$1k);
 
   return /*#__PURE__*/React__default.createElement(CardHeader$1, _extends({
     className: className,
@@ -45615,11 +45837,11 @@ function MediaCardFullWidthHeader(_ref) {
   }, props));
 }
 
-var MediaCardFullWidthHeader$1 = withStyles(styles$1_, {
+var MediaCardFullWidthHeader$1 = withStyles(styles$1$, {
   name: 'MediaCardFullWidthHeader'
 })(MediaCardFullWidthHeader);
 
-var styles$1$ = function styles(theme) {
+var styles$20 = function styles(theme) {
   return {
     root: {
       paddingBottom: theme.spacing(1),
@@ -45671,13 +45893,13 @@ function MediaCardFullWidthContent(_ref) {
   }, TypographyProps), content)));
 }
 
-var MediaCardFullWidthContent$1 = withStyles(styles$1$, {
+var MediaCardFullWidthContent$1 = withStyles(styles$20, {
   name: 'VdtMediaCardFullWidthContent'
 })(MediaCardFullWidthContent);
 
-var _excluded$1k = ["className", "classes", "selected", "children"];
+var _excluded$1l = ["className", "classes", "selected", "children"];
 
-var styles$20 = function styles(theme) {
+var styles$21 = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -45697,7 +45919,7 @@ function MediaCardFullWidthCard(_ref) {
       classes = _ref.classes,
       selected = _ref.selected,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1k);
+      props = _objectWithoutProperties(_ref, _excluded$1l);
 
   return /*#__PURE__*/React__default.createElement(Card$1, _extends({
     className: clsx(classes.root, _defineProperty({}, classes.selected, selected), 'VdtMediaCardFullWidthCard-root', className),
@@ -45706,11 +45928,11 @@ function MediaCardFullWidthCard(_ref) {
   }, props), children);
 }
 
-var MediaCardFullWidthCard$1 = withStyles(styles$20, {
+var MediaCardFullWidthCard$1 = withStyles(styles$21, {
   name: 'VdtMediaCardFullWidthCard'
 })(MediaCardFullWidthCard);
 
-var styles$21 = function styles(theme) {
+var styles$22 = function styles(theme) {
   return {
     root: {
       height: '100%',
@@ -45748,12 +45970,12 @@ function MediaCardExpand(_ref) {
   })));
 }
 
-var MediaCardExpand$1 = withStyles(styles$21, {
+var MediaCardExpand$1 = withStyles(styles$22, {
   name: 'VdtMediaCardExpand'
 })(MediaCardExpand);
 
-var _excluded$1l = ["className", "classes", "onClick", "onExpand", "expanded", "defaultExpanded", "onSelect", "selected", "defaultSelected", "title", "subheader", "image", "content", "expandedContent", "CardComponent", "CardProps", "HeaderComponent", "HeaderProps", "ThumbnailComponent", "ThumbnailProps", "ContentComponent", "ContentProps", "ExpandedContentComponent", "ExpandedContentProps", "ExpandComponent", "ExpandProps", "ActionsComponent", "ActionsProps"];
-var styles$22 = function styles(theme) {
+var _excluded$1m = ["className", "classes", "onClick", "onExpand", "expanded", "defaultExpanded", "onSelect", "selected", "defaultSelected", "title", "subheader", "image", "content", "expandedContent", "CardComponent", "CardProps", "HeaderComponent", "HeaderProps", "ThumbnailComponent", "ThumbnailProps", "ContentComponent", "ContentProps", "ExpandedContentComponent", "ExpandedContentProps", "ExpandComponent", "ExpandProps", "ActionsComponent", "ActionsProps"];
+var styles$23 = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -45799,7 +46021,7 @@ function MediaCardFullWidth(_ref) {
       ExpandProps = _ref.ExpandProps,
       ActionsComponent = _ref.ActionsComponent,
       ActionsProps = _ref.ActionsProps,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
 
   var _useToggleOnClick = useToggleOnClick(defaultExpanded, onExpand, controlledExpanded),
       _useToggleOnClick2 = _slicedToArray(_useToggleOnClick, 2),
@@ -45968,7 +46190,7 @@ MediaCardFullWidth.defaultProps = {
   ActionsProps: {}
 };
 
-var index$5 = withStyles(styles$22, {
+var index$5 = withStyles(styles$23, {
   name: 'VdtMediaCardFullWidth'
 })(MediaCardFullWidth);
 
@@ -46028,7 +46250,7 @@ function reducer(state, action) {
   }
 }
 
-var styles$23 = function styles(theme) {
+var styles$24 = function styles(theme) {
   return {
     root: {},
     FormControl: {
@@ -46294,13 +46516,13 @@ ChangePasswordForm.defaultProps = {
   noPwdTxt: 'No password set',
   noUserTxt: 'Cannot determine username'
 };
-var ChangePasswordForm$1 = withStyles(styles$23, {
+var ChangePasswordForm$1 = withStyles(styles$24, {
   name: 'VdtChangePasswordForm'
 })(ChangePasswordForm);
 
-var _excluded$1m = ["classes", "username", "onClose", "onSuccess", "changePasswordTxt"];
+var _excluded$1n = ["classes", "username", "onClose", "onSuccess", "changePasswordTxt"];
 
-var styles$24 = function styles(theme) {
+var styles$25 = function styles(theme) {
   return {
     DialogTitle: {
       margin: 0,
@@ -46322,7 +46544,7 @@ function ChangePasswordDialog(_ref) {
       _onSuccess = _ref.onSuccess,
       _ref$changePasswordTx = _ref.changePasswordTxt,
       changePasswordTxt = _ref$changePasswordTx === void 0 ? 'Change Password' : _ref$changePasswordTx,
-      props = _objectWithoutProperties(_ref, _excluded$1m);
+      props = _objectWithoutProperties(_ref, _excluded$1n);
 
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DialogTitle$1, {
     disableTypography: true,
@@ -46345,11 +46567,11 @@ function ChangePasswordDialog(_ref) {
   }, props))));
 }
 
-var ChangePasswordDialog$1 = withStyles(styles$24, {
+var ChangePasswordDialog$1 = withStyles(styles$25, {
   name: 'VdtChangePasswordDialog'
 })(ChangePasswordDialog);
 
-var _excluded$1n = ["user", "columns", "onClick"];
+var _excluded$1o = ["user", "columns", "onClick"];
 
 function UserRow(_ref) {
   var _ref$user = _ref.user,
@@ -46357,7 +46579,7 @@ function UserRow(_ref) {
       _ref$columns = _ref.columns,
       columns = _ref$columns === void 0 ? [] : _ref$columns,
       onClick = _ref.onClick,
-      TableRowProps = _objectWithoutProperties(_ref, _excluded$1n);
+      TableRowProps = _objectWithoutProperties(_ref, _excluded$1o);
 
   return /*#__PURE__*/React__default.createElement(TableRow$3, _extends({
     onClick: onClick !== undefined ? function () {
@@ -46397,7 +46619,7 @@ var DEFAULT_COLUMN_LABELS$2 = {
   realName: 'Real name',
   disabled: 'Status'
 };
-var styles$25 = function styles() {
+var styles$26 = function styles() {
   return {
     root: {}
   };
@@ -46455,11 +46677,11 @@ UserTable.defaultProps = {
   userColumnLabels: DEFAULT_COLUMN_LABELS$2
 };
 
-var index$6 = withStyles(styles$25, {
+var index$6 = withStyles(styles$26, {
   name: 'VdtUserTable'
 })(UserTable);
 
-var styles$26 = function styles(theme) {
+var styles$27 = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -46767,11 +46989,11 @@ GroupRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var GroupRealtionList = withStyles(styles$26, {
+var GroupRealtionList = withStyles(styles$27, {
   name: 'VdtGroupRelationList'
 })(GroupRelationList);
 
-var styles$27 = function styles(theme) {
+var styles$28 = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -46824,11 +47046,11 @@ function UserData(_ref2) {
   }))));
 }
 
-var UserData$1 = withStyles(styles$27, {
+var UserData$1 = withStyles(styles$28, {
   name: 'VdtUserData'
 })(UserData);
 
-var _excluded$1o = ["user", "onToggleDisabled", "onEdit", "onChangePassword", "onDelete", "editUserText", "changePasswordText", "deleteUserText", "enableUsertext", "disableUsertext"];
+var _excluded$1p = ["user", "onToggleDisabled", "onEdit", "onChangePassword", "onDelete", "editUserText", "changePasswordText", "deleteUserText", "enableUsertext", "disableUsertext"];
 function UserMenu(_ref) {
   var user = _ref.user,
       onToggleDisabled = _ref.onToggleDisabled,
@@ -46845,7 +47067,7 @@ function UserMenu(_ref) {
       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$1o);
+      props = _objectWithoutProperties(_ref, _excluded$1p);
 
   return (
     /*#__PURE__*/
@@ -46870,7 +47092,7 @@ function UserMenu(_ref) {
   );
 }
 
-var styles$28 = function styles(theme) {
+var styles$29 = function styles(theme) {
   return {
     root: {
       display: 'grid',
@@ -47037,7 +47259,7 @@ UserDetails.defaultProps = {
   lockedUsers: ['admin', 'vidinetviewer']
 };
 
-var index$7 = withStyles(styles$28, {
+var index$7 = withStyles(styles$29, {
   name: 'VdtUserDetails'
 })(UserDetails);
 
@@ -47064,7 +47286,7 @@ function PasswordField$1(props) {
   }, props));
 }
 
-var styles$29 = function styles(theme) {
+var styles$2a = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -47189,11 +47411,11 @@ function CreateUserForm(_ref) {
   }, submitText))));
 }
 
-var CreateUserForm$1 = withStyles$1(styles$29, {
+var CreateUserForm$1 = withStyles$1(styles$2a, {
   name: 'VdtCreateUserForm'
 })(CreateUserForm);
 
-var styles$2a = function styles() {
+var styles$2b = function styles() {
   return {
     root: {},
     DialogTitle: {},
@@ -47268,11 +47490,11 @@ CreateUserDialog.defaultProps = {
   CreateUserFormProps: {}
 };
 
-var index$8 = withStyles(styles$2a, {
+var index$8 = withStyles(styles$2b, {
   name: 'VdtCreateUserDialog'
 })(CreateUserDialog);
 
-var styles$2b = function styles(theme) {
+var styles$2c = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -47341,11 +47563,11 @@ function EditUserForm(_ref) {
   }, submitText)));
 }
 
-var EditUserForm$1 = withStyles$1(styles$2b, {
+var EditUserForm$1 = withStyles$1(styles$2c, {
   name: 'VdtEditUserForm'
 })(EditUserForm);
 
-var styles$2c = function styles() {
+var styles$2d = function styles() {
   return {
     root: {}
   };
@@ -47380,11 +47602,11 @@ CreateUserDialog$1.defaultProps = {
   classes: {}
 };
 
-var index$9 = withStyles(styles$2c, {
+var index$9 = withStyles(styles$2d, {
   name: 'VdtEditUserDialog'
 })(CreateUserDialog$1);
 
-var styles$2d = function styles(theme) {
+var styles$2e = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -47449,11 +47671,11 @@ function UserPasswordForm(_ref) {
   }, submitText)));
 }
 
-var UserPasswordForm$1 = withStyles$1(styles$2d, {
+var UserPasswordForm$1 = withStyles$1(styles$2e, {
   name: 'VdtUserPasswordForm'
 })(UserPasswordForm);
 
-var styles$2e = function styles() {
+var styles$2f = function styles() {
   return {
     root: {}
   };
@@ -47494,11 +47716,11 @@ CreateUserDialog$2.defaultProps = {
   onSubmit: undefined
 };
 
-var index$a = withStyles(styles$2e, {
+var index$a = withStyles(styles$2f, {
   name: 'VdtChangeUserPasswordDialog'
 })(CreateUserDialog$2);
 
-var styles$2f = function styles(theme) {
+var styles$2g = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -47794,13 +48016,13 @@ UserRelationList.defaultProps = {
   addButtonText: 'Add'
 };
 
-var UserRelationList$1 = withStyles(styles$2f, {
+var UserRelationList$1 = withStyles(styles$2g, {
   name: 'VdtUserRelationList'
 })(UserRelationList);
 
-var _excluded$1p = ["classes", "group", "columns", "onClick"];
+var _excluded$1q = ["classes", "group", "columns", "onClick"];
 
-var styles$2g = function styles() {
+var styles$2h = function styles() {
   return {
     TableRow: {},
     TableCell: {}
@@ -47814,7 +48036,7 @@ function GroupRow(_ref) {
       _ref$columns = _ref.columns,
       columns = _ref$columns === void 0 ? [] : _ref$columns,
       onClick = _ref.onClick,
-      TableRowProps = _objectWithoutProperties(_ref, _excluded$1p);
+      TableRowProps = _objectWithoutProperties(_ref, _excluded$1q);
 
   return /*#__PURE__*/React__default.createElement(TableRow$3, _extends({
     onClick: onClick !== undefined ? function () {
@@ -47835,11 +48057,11 @@ function GroupRow(_ref) {
   }));
 }
 
-var GroupRow$1 = withStyles(styles$2g, {
+var GroupRow$1 = withStyles(styles$2h, {
   name: 'VdtGroupRow'
 })(GroupRow);
 
-var styles$2h = function styles() {
+var styles$2i = function styles() {
   return {
     root: {},
     TableContainer: {},
@@ -47924,11 +48146,11 @@ GroupTable.defaultProps = {
   }
 };
 
-var index$b = withStyles(styles$2h, {
+var index$b = withStyles(styles$2i, {
   name: 'VdtGroupTable'
 })(GroupTable);
 
-var styles$2i = function styles(theme) {
+var styles$2j = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -47998,11 +48220,11 @@ function GroupData(_ref) {
   })));
 }
 
-var GroupData$1 = withStyles(styles$2i, {
+var GroupData$1 = withStyles(styles$2j, {
   name: 'VdtGroupData'
 })(GroupData);
 
-var _excluded$1q = ["groupType", "onEdit", "onDelete", "editGroupText", "deleteGroupText"];
+var _excluded$1r = ["groupType", "onEdit", "onDelete", "editGroupText", "deleteGroupText"];
 function GroupMenu(_ref) {
   var groupType = _ref.groupType,
       onEdit = _ref.onEdit,
@@ -48011,7 +48233,7 @@ function GroupMenu(_ref) {
       editGroupText = _ref$editGroupText === void 0 ? 'Edit Group' : _ref$editGroupText,
       _ref$deleteGroupText = _ref.deleteGroupText,
       deleteGroupText = _ref$deleteGroupText === void 0 ? 'Delete Group' : _ref$deleteGroupText,
-      props = _objectWithoutProperties(_ref, _excluded$1q);
+      props = _objectWithoutProperties(_ref, _excluded$1r);
 
   return (
     /*#__PURE__*/
@@ -48028,7 +48250,7 @@ function GroupMenu(_ref) {
   );
 }
 
-var styles$2j = function styles(theme) {
+var styles$2k = function styles(theme) {
   return {
     root: {
       display: 'grid',
@@ -48247,11 +48469,11 @@ GroupDetails.defaultProps = {
   lockedUsers: ['admin', 'vidinetviewer']
 };
 
-var index$c = withStyles(styles$2j, {
+var index$c = withStyles(styles$2k, {
   name: 'VdtGroupDetails'
 })(GroupDetails);
 
-var styles$2k = function styles(theme) {
+var styles$2l = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -48443,11 +48665,11 @@ function CreateGroupForm(_ref) {
   }, submitText)));
 }
 
-var CreateGroupForm$1 = withStyles$1(styles$2k, {
+var CreateGroupForm$1 = withStyles$1(styles$2l, {
   name: 'VdtCreateGroupForm'
 })(CreateGroupForm);
 
-var styles$2l = function styles() {
+var styles$2m = function styles() {
   return {
     root: {},
     DialogTitle: {},
@@ -48533,11 +48755,11 @@ CreateGroupDialog.defaultProps = {
   CreateGroupFormProps: {}
 };
 
-var index$d = withStyles(styles$2l, {
+var index$d = withStyles(styles$2m, {
   name: 'VdtCreateGroupDialog'
 })(CreateGroupDialog);
 
-var styles$2m = function styles(theme) {
+var styles$2n = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -48596,11 +48818,11 @@ function EditGroupForm(_ref) {
   }, submitText)));
 }
 
-var EditGroupForm$1 = withStyles$1(styles$2m, {
+var EditGroupForm$1 = withStyles$1(styles$2n, {
   name: 'VdtEditGroupForm'
 })(EditGroupForm);
 
-var styles$2n = function styles() {
+var styles$2o = function styles() {
   return {
     root: {},
     DialogTitle: {},
@@ -48654,8 +48876,8 @@ CreateUserDialog$3.defaultProps = {
   EditGroupFormProps: {}
 };
 
-var index$e = withStyles(styles$2n, {
+var index$e = withStyles(styles$2o, {
   name: 'VdtEditGroupDialog'
 })(CreateUserDialog$3);
 
-export { AddRelationDialog$1 as AddRelationDialog, AddToCollectionDialog$1 as AddToCollectionDialog, AutocompleteConstraintField$1 as AutocompleteConstraintField, AutocompleteField$1 as AutocompleteField, BatonAnalysisDialog$1 as BatonAnalysisDialog, BatonFormComponent as BatonAnalysisForm, BinList$1 as BinList, BinListMenu$1 as BinListMenu, ChangePasswordDialog$1 as ChangePasswordDialog, ChangePasswordForm$1 as ChangePasswordForm, index$a as ChangeUserPasswordDialog, CheckboxField$1 as CheckboxField, CheckboxGroupField$1 as CheckboxGroupField, CollectionAccessTab$1 as CollectionAccessTab, CollectionCard, CollectionCardThumbnail$1 as CollectionCardThumbnail, CollectionContent$1 as CollectionContent, CollectionCreateDialog$1 as CollectionCreateDialog, CollectionGrid, CollectionList$1 as CollectionList, CollectionMetadataEdit, CollectionMetadataTab$1 as CollectionMetadataTab, CollectionRow, CollectionSearchPicker$1 as CollectionSearchPicker, CollectionTable, CollectionTreeList$1 as CollectionTreeList, index$d as CreateGroupDialog, index$8 as CreateUserDialog, DateField$1 as DateField, DragAndDropContext, DragAndDropProvider, COLLECTION$1 as ENTITY_TREE_COLLECTION, ITEM as ENTITY_TREE_ITEM, JOIN_CHARACTER as ENTITY_TREE_JOIN_CHARACTER, ROOT as ENTITY_TREE_ROOT, index$e as EditGroupDialog, index$9 as EditUserDialog, EntityCard, EntityComment$1 as EntityComment, EntityDeleteDialog$1 as EntityDeleteDialog, EntityGrid, EntityGridItemDraggable$1 as EntityGridItemDraggable, EntityTable, EntityTableRowDraggable$1 as EntityTableRowDraggable, EntityTree$1 as EntityTree, EntityTreeContext, EntityTreeList, Event$1 as Event, EventContainer$1 as EventContainer, EventMarker$1 as EventMarker, EventMarkerThumbnail$1 as EventMarkerThumbnail, EventMarkerTimeline$1 as EventMarkerTimeline, index$3 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, index$c as GroupDetails, GroupRealtionList as GroupRelationList, index$b as GroupTable, ItemAccessTab$1 as ItemAccessTab, ItemCard, ItemFieldGroupTab$1 as ItemFieldGroupTab, ItemFileShareDialog$1 as ItemFileShareDialog, ItemGrid, ItemGridDroppable, ItemImagePlayer$1 as ItemImagePlayer, ItemList$1 as ItemList, ItemListItem$1 as ItemListItem, ItemMetadataFieldGroupRow, ItemMetadataFieldRow$1 as ItemMetadataFieldRow, ItemMetadataFieldRow$1 as ItemMetadataFormRow, ItemMetadataFormTable, ItemMetadataTab$1 as ItemMetadataTab, ItemParentsTab$1 as ItemParentsTab, ItemPlayer, ItemPoster, ItemPosterTab, ItemRelationRemoveDialog$1 as ItemRelationRemoveDialog, ItemRelationsTab$1 as ItemRelationsTab, ItemRow, ItemSearchPicker$1 as ItemSearchPicker, ItemShapeTab, ItemShapeTable$1 as ItemShapeTable, index$2 as ItemSidecarDialog, ItemSidecarDownload$1 as ItemSidecarDownload, ItemSidecarUpload$1 as ItemSidecarUpload, ItemSourceTab, ItemSourceTable$1 as ItemSourceTable, ItemTable, index$1 as ItemTabs, ItemTimespan$1 as ItemTimespanTab, ItemTreeItem$1 as ItemTreeItem, ItemVideoPlayer$1 as ItemVideoPlayer, JOIN_CHARACTER$1 as 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$1 as LOAD_MORE, LayoutButtonGroup$1 as LayoutButtonGroup, LoginForm, MediaBadge$1 as MediaBadge, MediaBadges$1 as MediaBadges, MediaCard$1 as MediaCard, MediaCardActions, MediaCardAvatar$1 as MediaCardAvatar, MediaCardCard$1 as MediaCardCard, MediaCardCheckbox, MediaCardContent, MediaCardDurationLabel, index$5 as MediaCardFullWidth, MediaCardHeader, MediaCardMenu, MediaCardThumbnail$1 as MediaCardThumbnail, MediaCardThumbnailLabel$1 as MediaCardThumbnailLabel, MimeTypeIcon$1 as MimeTypeIcon, PREFIX, SearchPagination as Pagination, SearchPaginationActions as PaginationActions, QueryBetween$1 as QueryBetween, QueryBuilder$1 as QueryBuilder, index$4 as QueryBuilderCard, QueryContains$1 as QueryContains, QueryEntry$1 as QueryEntry, QueryEquals$1 as QueryEquals, QueryField$1 as QueryField, QueryGroup$1 as QueryGroup, QueryInput$1 as QueryInput, QueryOperator$1 as QueryOperator, RadioField$1 as RadioField, RemoveFromCollectionDialog, STORAGE, SavedSearch$1 as SavedSearch, FolderRow$1 as SavedSearchFolder, SearchField$1 as SearchField, SearchInput$1 as SearchInput, SearchInputFieldSelect$1 as SearchInputFieldSelect, SearchResultRow, SearchResultTable, SearchSuggestions$1 as SearchSuggestions, SelectField$1 as SelectField, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, SelectedToolbar$1 as SelectedToolbar, ShapeTagCard$1 as ShapeTagCard, ShapeTagListAccordion$1 as ShapeTagListAccordion, SliderField, Sort$1 as Sort, SortMenuItem, SpellCheck$1 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, UserAvatarButton$1 as UserAvatarButton, index$7 as UserDetails, UserRelationList$1 as UserRelationList, index$6 as UserTable, extractEntityInfo, onGetToken, useConfirmationDialog, useDraggedComponent, useMediaCardContext, useMenu, useSnackbarAlert, useThemeContext, withDrag, withDrop };
+export { AddRelationDialog$1 as AddRelationDialog, AddToCollectionDialog$1 as AddToCollectionDialog, AutocompleteConstraintField$1 as AutocompleteConstraintField, AutocompleteField$1 as AutocompleteField, BatonAnalysisDialog$1 as BatonAnalysisDialog, BatonFormComponent as BatonAnalysisForm, BinList$1 as BinList, BinListMenu$1 as BinListMenu, ChangePasswordDialog$1 as ChangePasswordDialog, ChangePasswordForm$1 as ChangePasswordForm, index$a as ChangeUserPasswordDialog, CheckboxField$1 as CheckboxField, CheckboxGroupField$1 as CheckboxGroupField, CollectionAccessTab$1 as CollectionAccessTab, CollectionCard, CollectionCardThumbnail$1 as CollectionCardThumbnail, CollectionContent$1 as CollectionContent, CollectionCreateDialog$1 as CollectionCreateDialog, CollectionGrid, CollectionList$1 as CollectionList, CollectionMetadataEdit, CollectionMetadataTab$1 as CollectionMetadataTab, CollectionRow, CollectionSearchPicker$1 as CollectionSearchPicker, CollectionTable, CollectionTreeList$1 as CollectionTreeList, index$d as CreateGroupDialog, index$8 as CreateUserDialog, DateField$1 as DateField, DragAndDropContext, DragAndDropProvider, COLLECTION$1 as ENTITY_TREE_COLLECTION, ITEM as ENTITY_TREE_ITEM, JOIN_CHARACTER as ENTITY_TREE_JOIN_CHARACTER, ROOT as ENTITY_TREE_ROOT, index$e as EditGroupDialog, index$9 as EditUserDialog, EntityCard, EntityComment$1 as EntityComment, EntityDeleteDialog$1 as EntityDeleteDialog, EntityGrid, EntityGridItemDraggable$1 as EntityGridItemDraggable, EntityTable, EntityTableRowDraggable$1 as EntityTableRowDraggable, EntityTree$1 as EntityTree, EntityTreeContext, EntityTreeList, Event$1 as Event, EventContainer$1 as EventContainer, EventMarker$1 as EventMarker, EventMarkerThumbnail$1 as EventMarkerThumbnail, EventMarkerTimeline$1 as EventMarkerTimeline, index$3 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, index$c as GroupDetails, GroupRealtionList as GroupRelationList, index$b as GroupTable, 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, ItemList$1 as ItemList, ItemListItem$1 as ItemListItem, ItemMetadataFieldGroupRow, ItemMetadataFieldRow$1 as ItemMetadataFieldRow, ItemMetadataFieldRow$1 as ItemMetadataFormRow, ItemMetadataFormTable, ItemMetadataTab$1 as ItemMetadataTab, ItemParentsTab$1 as ItemParentsTab, ItemPlayer, ItemPoster, ItemPosterTab, ItemRelationRemoveDialog$1 as ItemRelationRemoveDialog, ItemRelationsTab$1 as ItemRelationsTab, ItemRow, ItemSearchPicker$1 as ItemSearchPicker, ItemShapeTab, ItemShapeTable$1 as ItemShapeTable, index$2 as ItemSidecarDialog, ItemSidecarDownload$1 as ItemSidecarDownload, ItemSidecarUpload$1 as ItemSidecarUpload, ItemSourceTab, ItemSourceTable$1 as ItemSourceTable, ItemTable, index$1 as ItemTabs, ItemTimespan$1 as ItemTimespanTab, ItemTreeItem$1 as ItemTreeItem, ItemVideoPlayer$1 as ItemVideoPlayer, JOIN_CHARACTER$1 as 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$1 as LOAD_MORE, LayoutButtonGroup$1 as LayoutButtonGroup, LoginForm, MediaBadge$1 as MediaBadge, MediaBadges$1 as MediaBadges, MediaCard$1 as MediaCard, MediaCardActions, MediaCardAvatar$1 as MediaCardAvatar, MediaCardCard$1 as MediaCardCard, MediaCardCheckbox, MediaCardContent, MediaCardDurationLabel, index$5 as MediaCardFullWidth, MediaCardHeader, MediaCardMenu, MediaCardThumbnail$1 as MediaCardThumbnail, MediaCardThumbnailLabel$1 as MediaCardThumbnailLabel, MimeTypeIcon$1 as MimeTypeIcon, PREFIX, SearchPagination as Pagination, SearchPaginationActions as PaginationActions, QueryBetween$1 as QueryBetween, QueryBuilder$1 as QueryBuilder, index$4 as QueryBuilderCard, QueryContains$1 as QueryContains, QueryEntry$1 as QueryEntry, QueryEquals$1 as QueryEquals, QueryField$1 as QueryField, QueryGroup$1 as QueryGroup, QueryInput$1 as QueryInput, QueryOperator$1 as QueryOperator, RadioField$1 as RadioField, RemoveFromCollectionDialog, STORAGE, SavedSearch$1 as SavedSearch, FolderRow$1 as SavedSearchFolder, SearchField$1 as SearchField, SearchInput$1 as SearchInput, SearchInputFieldSelect$1 as SearchInputFieldSelect, SearchResultRow, SearchResultTable, SearchSuggestions$1 as SearchSuggestions, SelectField$1 as SelectField, SelectedEntityWrapper, SelectedFile, SelectedFileWrapper, SelectedStorage, SelectedStorageWrapper, SelectedToolbar$1 as SelectedToolbar, ShapeTagCard$1 as ShapeTagCard, ShapeTagListAccordion$1 as ShapeTagListAccordion, SliderField, Sort$1 as Sort, SortMenuItem, SpellCheck$1 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, UserAvatarButton$1 as UserAvatarButton, index$7 as UserDetails, UserRelationList$1 as UserRelationList, index$6 as UserTable, extractEntityInfo, onGetToken, useConfirmationDialog, useDraggedComponent, useMediaCardContext, useMenu, useSnackbarAlert, useThemeContext, withDrag, withDrop };