@vidispine/vdt-materialui 22.3.0-pre.3 → 22.3.0

package/dist/index.es.js

@@ -39,12 +39,12 @@ import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { metadatafield, analyzepreset, resource, item, component, 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, useCompoundMetadata, useSavedSearch, useGetSavedSearchFolders, handleMoveEntity, useUploadFiles } from '@vidispine/vdt-react';
+import { useApi, HasRole, useGetItem, useEntityAccess, useAddMetadataFieldAttributes, GetItem, MetadataType as MetadataType$1, useHoverScrub, useMouseDownPosition, compose, GetEntityMetadata, useSearch, SearchCollection, useGetEntity, useGetCollection, useRepresentativeItems, SearchItem, useCompoundMetadata, useSavedSearch, useGetSavedSearchFolders, GetCollection, 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';
 import Paper from '@material-ui/core/Paper';
-import { parseFacetType, parseNowDate, formatSeconds, roles, parseShapeType, parseTranscodePreset, parseTimespan, formatTimeBase, formatSmpte, createMetadataType, formatTimeCodeText, formatTimeCodeType, parseMetadataType, parseAudioComponent, parseContainerComponent, parseVideoComponent, parseSimpleMetadataType, findNearestThumbnail, parseHighlightTimespanList, metadataTypeToWebVtt, filterShapeSource, getShapeMediaType, getDocumentType } from '@vidispine/vdt-js';
+import { parseFacetType, parseNowDate, formatTimeCodeSeconds, roles, parseShapeType, parseTranscodePreset, parseTimespan, createTimeBase, formatTimeCodeSmpte, createMetadataType, formatTimeCodeText, formatTimeCodeType, parseMetadataType, parseAudioComponent, parseContainerComponent, parseVideoComponent, parseSimpleMetadataType, findNearestThumbnail, parseHighlightTimespanList, metadataTypeToWebVtt, filterShapeSource, getShapeMediaType, getDocumentType } from '@vidispine/vdt-js';
 import IconButton from '@material-ui/core/IconButton';
 import CancelIcon from '@material-ui/icons/Cancel';
 import { Cancel, CheckCircle, Replay, ExpandLess, Label, Search, Delete, Block, ExpandMore, Folder, ArrowDropUp, ArrowDropDown, Wallpaper, Add, Visibility as Visibility$1, VisibilityOff as VisibilityOff$1 } from '@material-ui/icons';
@@ -241,9 +241,7 @@ function ThemeProvider(_ref) {
     var newPaletteKey = paletteKeys[0];
 
     if (paletteKeys.length > 0 && palette === paletteKeys[0]) {
-      var _paletteKeys = _slicedToArray(paletteKeys, 2);
-
-      newPaletteKey = _paletteKeys[1];
+      newPaletteKey = paletteKeys[1];
     }
 
     updatePalette(newPaletteKey);
@@ -359,9 +357,9 @@ function ConfirmationDialog(_ref) {
   });
 }
 
-function ownKeys$2U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function useConfirmationDialog() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -393,7 +391,7 @@ function useConfirmationDialog() {
 
       setActiveDialog(function () {
         return function (dialogProps) {
-          return /*#__PURE__*/jsx(DialogComponent, _objectSpread$2U(_objectSpread$2U({
+          return /*#__PURE__*/jsx(DialogComponent, _objectSpread$2X(_objectSpread$2X({
             open: true,
             onConfirm: onConfirm,
             onReject: onReject
@@ -443,9 +441,9 @@ var useMenu = function useMenu() {
 
 var _excluded$1q = ["AlertProps"];
 
-function ownKeys$2T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2z = function styles() {
   return {};
@@ -472,14 +470,14 @@ function useSnackbarAlert() {
         var AlertProps = _ref2.AlertProps,
             props = _objectWithoutProperties(_ref2, _excluded$1q);
 
-        return /*#__PURE__*/jsx(Snackbar, _objectSpread$2T(_objectSpread$2T({
+        return /*#__PURE__*/jsx(Snackbar, _objectSpread$2W(_objectSpread$2W({
           open: true,
           autoHideDuration: 6000,
           onClose: function onClose() {
             return setAlert(EmptyComponent);
           }
         }, props), {}, {
-          children: /*#__PURE__*/jsx(Alert, _objectSpread$2T(_objectSpread$2T({
+          children: /*#__PURE__*/jsx(Alert, _objectSpread$2W(_objectSpread$2W({
             severity: severity
           }, AlertProps), {}, {
             children: message.toString ? message.toString() : message
@@ -1600,9 +1598,9 @@ var PropTypes$1 = propTypes$1.exports;
 var _excluded$1p = ["checked", "name", "onChange"],
     _excluded2$i = ["input", "meta", "label", "classes", "className", "FormControlProps", "FormControlLabelProps", "FormControlHelperTextProps"];
 
-function ownKeys$2S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2y = function styles(theme) {
   return {
@@ -1639,14 +1637,14 @@ function CheckboxField(_ref) {
       FormControlHelperTextProps = _ref$FormControlHelpe === void 0 ? {} : _ref$FormControlHelpe,
       props = _objectWithoutProperties(_ref, _excluded2$i);
 
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2S(_objectSpread$2S({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2V(_objectSpread$2V({
     error: (error || submitError) && touched,
     hiddenLabel: true,
     className: clsx(classes.root, 'VdtCheckboxField-root', className)
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(FormControlLabel, _objectSpread$2S({
+    children: [/*#__PURE__*/jsx(FormControlLabel, _objectSpread$2V({
       label: label,
-      control: /*#__PURE__*/jsx(Checkbox, _objectSpread$2S(_objectSpread$2S({}, props), {}, {
+      control: /*#__PURE__*/jsx(Checkbox, _objectSpread$2V(_objectSpread$2V({}, props), {}, {
         name: name,
         inputProps: inputProps,
         onChange: onChange,
@@ -1654,7 +1652,7 @@ function CheckboxField(_ref) {
         className: clsx(classes.checkbox, 'VdtCheckboxField-checkbox')
       })),
       className: clsx(classes.formControlLabel, 'VdtCheckboxField-formControlLabel')
-    }, FormControlLabelProps)), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2S(_objectSpread$2S({
+    }, FormControlLabelProps)), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2V(_objectSpread$2V({
       margin: "dense",
       className: clsx(classes.formHelperText, 'VdtCheckboxField-formHelperText')
     }, FormControlHelperTextProps), {}, {
@@ -1671,9 +1669,9 @@ var _excluded$1o = ["label"],
     _excluded2$h = ["value", "name", "onChange"],
     _excluded3$6 = ["value", "label"];
 
-function ownKeys$2R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2x = function styles(theme) {
   return {
@@ -1688,7 +1686,7 @@ function DefaultFormLabel(_ref) {
   var label = _ref.label,
       props = _objectWithoutProperties(_ref, _excluded$1o);
 
-  return /*#__PURE__*/jsx(FormLabel, _objectSpread$2R(_objectSpread$2R({
+  return /*#__PURE__*/jsx(FormLabel, _objectSpread$2U(_objectSpread$2U({
     component: "legend"
   }, props), {}, {
     children: label
@@ -1780,17 +1778,17 @@ function CheckboxGroupField(_ref2) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [checkedValues.length, value]);
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2R(_objectSpread$2R({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2U(_objectSpread$2U({
     component: "fieldset",
     error: (error || submitError) && touched,
     className: clsx(classes.root, 'VdtCheckboxGroupField-root', className)
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(FormLabelComponent, _objectSpread$2R({
+    children: [/*#__PURE__*/jsx(FormLabelComponent, _objectSpread$2U({
       className: clsx(classes.formLabel, 'VdtCheckboxGroupField-formLabel'),
       label: label,
       options: options,
       onChange: onChange
-    }, FormLabelProps)), /*#__PURE__*/jsx(FormGroup, _objectSpread$2R(_objectSpread$2R({
+    }, FormLabelProps)), /*#__PURE__*/jsx(FormGroup, _objectSpread$2U(_objectSpread$2U({
       name: name,
       onChange: handleOnChange,
       className: clsx(classes.formGroup, 'VdtCheckboxGroupField-formGroup')
@@ -1800,9 +1798,9 @@ function CheckboxGroupField(_ref2) {
             optionLabel = _ref3.label,
             optionProps = _objectWithoutProperties(_ref3, _excluded3$6);
 
-        return /*#__PURE__*/jsx(FormControlLabelComponent, _objectSpread$2R(_objectSpread$2R({
+        return /*#__PURE__*/jsx(FormControlLabelComponent, _objectSpread$2U(_objectSpread$2U({
           label: optionLabel,
-          control: /*#__PURE__*/jsx(Checkbox, _objectSpread$2R({
+          control: /*#__PURE__*/jsx(Checkbox, _objectSpread$2U({
             name: optionValue,
             value: optionValue,
             inputProps: inputProps,
@@ -1812,7 +1810,7 @@ function CheckboxGroupField(_ref2) {
           className: clsx(classes.formControlLabel, 'VdtCheckboxGroupField-formControlLabel')
         }, FormControlLabelProps), optionProps), "".concat(name, "-").concat(optionValue));
       })
-    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2R(_objectSpread$2R({
+    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2U(_objectSpread$2U({
       className: clsx(classes.formHelperText, 'VdtCheckboxGroupField-formHelperText')
     }, FormHelperTextProps), {}, {
       children: error || submitError
@@ -1826,9 +1824,9 @@ var CheckboxGroupField$1 = withStyles(styles$2x, {
 
 var _excluded$1n = ["value", "label"];
 
-function ownKeys$2Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2w = function styles(theme) {
   return {
@@ -1869,17 +1867,17 @@ function RadioField(_ref) {
       FormHelperTextProps = _ref$FormHelperTextPr === void 0 ? {} : _ref$FormHelperTextPr,
       _ref$FormControlLabel2 = _ref.FormControlLabelComponent,
       FormControlLabelComponent = _ref$FormControlLabel2 === void 0 ? FormControlLabel : _ref$FormControlLabel2;
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2Q(_objectSpread$2Q({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2T(_objectSpread$2T({
     component: "fieldset",
     error: (error || submitError) && touched,
     className: clsx(classes.root, 'VdtRadioField-root', className)
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(FormLabel, _objectSpread$2Q(_objectSpread$2Q({
+    children: [/*#__PURE__*/jsx(FormLabel, _objectSpread$2T(_objectSpread$2T({
       component: "legend",
       className: clsx(classes.formLabel, 'VdtRadioField-formLabel')
     }, FormLabelProps), {}, {
       children: label
-    })), /*#__PURE__*/jsx(RadioGroup, _objectSpread$2Q(_objectSpread$2Q({
+    })), /*#__PURE__*/jsx(RadioGroup, _objectSpread$2T(_objectSpread$2T({
       name: name,
       value: value,
       onChange: onChange,
@@ -1890,16 +1888,16 @@ function RadioField(_ref) {
             optionLabel = _ref2.label,
             optionProps = _objectWithoutProperties(_ref2, _excluded$1n);
 
-        return /*#__PURE__*/jsx(FormControlLabelComponent, _objectSpread$2Q(_objectSpread$2Q({
+        return /*#__PURE__*/jsx(FormControlLabelComponent, _objectSpread$2T(_objectSpread$2T({
           label: optionLabel,
-          control: /*#__PURE__*/jsx(Radio, _objectSpread$2Q({
+          control: /*#__PURE__*/jsx(Radio, _objectSpread$2T({
             value: optionValue,
             className: clsx(classes.radio, 'VdtRadioField-radio')
           }, RadioProps)),
           className: clsx(classes.formControlLabel, 'VdtRadioField-formControlLabel')
         }, FormControlLabelProps), optionProps), optionValue);
       })
-    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2Q(_objectSpread$2Q({
+    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2T(_objectSpread$2T({
       className: clsx(classes.formHelperTextProps, 'VdtRadioField-formHelperTextProps')
     }, FormHelperTextProps), {}, {
       children: error || submitError
@@ -1914,9 +1912,9 @@ var RadioField$1 = withStyles(styles$2w, {
 var _excluded$1m = ["input", "meta", "options", "label", "classes", "className", "FormControlProps", "InputLabelProps", "MenuItemProps", "FormHelperTextProps"],
     _excluded2$g = ["value", "label"];
 
-function ownKeys$2P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2v = function styles(theme) {
   return {
@@ -1966,16 +1964,16 @@ function SelectField(_ref) {
       FormHelperTextProps = _ref$FormHelperTextPr === void 0 ? {} : _ref$FormHelperTextPr,
       props = _objectWithoutProperties(_ref, _excluded$1m);
 
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2P(_objectSpread$2P({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2S(_objectSpread$2S({
     error: (error || submitError) && touched,
     className: clsx(classes.root, 'VdtSelectField-root', className)
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(InputLabel, _objectSpread$2P(_objectSpread$2P({
+    children: [/*#__PURE__*/jsx(InputLabel, _objectSpread$2S(_objectSpread$2S({
       htmlFor: name,
       className: clsx(classes.inputLabel, 'VdtSelectField-inputLabel')
     }, InputLabelProps), {}, {
       children: label
-    })), /*#__PURE__*/jsx(Select, _objectSpread$2P(_objectSpread$2P({
+    })), /*#__PURE__*/jsx(Select, _objectSpread$2S(_objectSpread$2S({
       name: name,
       onChange: onChange,
       value: multiple && !value ? [] : value,
@@ -1987,14 +1985,14 @@ function SelectField(_ref) {
             optionLabel = _ref2.label,
             optionProps = _objectWithoutProperties(_ref2, _excluded2$g);
 
-        return /*#__PURE__*/jsx(MenuItem, _objectSpread$2P(_objectSpread$2P(_objectSpread$2P({
+        return /*#__PURE__*/jsx(MenuItem, _objectSpread$2S(_objectSpread$2S(_objectSpread$2S({
           value: optionValue,
           className: clsx(classes.menuItem, 'VdtSelectField-menuItem')
         }, MenuItemProps), optionProps), {}, {
           children: optionLabel
         }), optionValue);
       })
-    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2P(_objectSpread$2P({
+    })), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2S(_objectSpread$2S({
       className: clsx(classes.formHelperText, 'VdtSelectField-formHelperText')
     }, FormHelperTextProps), {}, {
       children: touched && (error || submitError) ? error || submitError : ''
@@ -2009,9 +2007,9 @@ var SelectField$1 = withStyles(styles$2v, {
 var _excluded$1l = ["name", "onChange", "value"],
     _excluded2$f = ["input", "meta", "helperText", "classes", "className", "FormControlProps"];
 
-function ownKeys$2O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2u = function styles(theme) {
   return {
@@ -2052,10 +2050,10 @@ function TextField(_ref) {
       FormControlProps = _ref$FormControlProps === void 0 ? {} : _ref$FormControlProps,
       props = _objectWithoutProperties(_ref, _excluded2$f);
 
-  return /*#__PURE__*/jsx(FormControl, _objectSpread$2O(_objectSpread$2O({
+  return /*#__PURE__*/jsx(FormControl, _objectSpread$2R(_objectSpread$2R({
     className: clsx(classes.root, 'VdtTextField-root', className)
   }, FormControlProps), {}, {
-    children: /*#__PURE__*/jsx(TextField$2, _objectSpread$2O({
+    children: /*#__PURE__*/jsx(TextField$2, _objectSpread$2R({
       className: clsx(classes.text, 'VdtTextField-text'),
       name: name,
       helperText: touched && (error || submitError) ? error || submitError : helperText,
@@ -2073,9 +2071,9 @@ var TextField$1 = withStyles(styles$2u, {
 
 var _excluded$1k = ["input", "meta", "options", "label", "min", "max", "isRange", "step", "showMarks", "classes", "className", "FormControlProps", "FormLabelProps", "FormHelperTextProps", "exclude"];
 
-function ownKeys$2N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2t = function styles(theme) {
   return {
@@ -2153,16 +2151,16 @@ function Slider(_ref) {
   var sliderMax = Number(max) || optionsMax; // value = '' || undefined => error
 
   var initialValue = isRange ? [sliderMin, sliderMax] : null;
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2N(_objectSpread$2N({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2Q(_objectSpread$2Q({
     error: (error || submitError) && touched,
     className: clsx(classes.root, 'VdtSliderField-root', className)
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(FormLabel, _objectSpread$2N(_objectSpread$2N({
+    children: [/*#__PURE__*/jsx(FormLabel, _objectSpread$2Q(_objectSpread$2Q({
       component: "legend",
       className: clsx(classes.FormLabel, 'VdtSliderField-formLabel')
     }, FormLabelProps), {}, {
       children: label
-    })), /*#__PURE__*/jsx(MUISlider, _objectSpread$2N({
+    })), /*#__PURE__*/jsx(MUISlider, _objectSpread$2Q({
       name: name,
       value: value || initialValue,
       min: sliderMin,
@@ -2175,7 +2173,7 @@ function Slider(_ref) {
         return _onChange(v);
       },
       className: clsx((_clsx = {}, _defineProperty(_clsx, classes.slider, true), _defineProperty(_clsx, 'VdtSliderField-slider', true), _defineProperty(_clsx, classes.sliderWithoutThumb, !value), _clsx))
-    }, props)), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2N(_objectSpread$2N({
+    }, props)), /*#__PURE__*/jsx(FormHelperText, _objectSpread$2Q(_objectSpread$2Q({
       className: clsx(classes.formHelperText, 'VdtSliderField-formHelperText')
     }, FormHelperTextProps), {}, {
       children: error || submitError
@@ -2189,9 +2187,9 @@ var SliderField = withStyles(styles$2t, {
 
 var _excluded$1j = ["input", "meta", "options", "label", "classes", "className", "FormControlProps", "TextFieldProps", "InputLabelProps", "FormHelperTextProps", "AutocompleteProps"];
 
-function ownKeys$2M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2s = function styles(theme) {
   return {
@@ -2303,12 +2301,12 @@ function TagField(_ref) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [selectedValues, value]);
-  return /*#__PURE__*/jsxs(FormControl$1, _objectSpread$2M(_objectSpread$2M({
+  return /*#__PURE__*/jsxs(FormControl$1, _objectSpread$2P(_objectSpread$2P({
     component: "fieldset",
     className: clsx(classes.root, 'VdtTagField-root', className),
     error: (error || submitError) && touched
   }, FormControlProps), {}, {
-    children: [/*#__PURE__*/jsx(Autocomplete, _objectSpread$2M(_objectSpread$2M({
+    children: [/*#__PURE__*/jsx(Autocomplete, _objectSpread$2P(_objectSpread$2P({
       className: clsx(classes.root, 'VdtTagField-root', className),
       id: name,
       value: selectedValues,
@@ -2324,14 +2322,14 @@ function TagField(_ref) {
       freeSolo: freeSolo,
       multiple: multiple,
       renderInput: function renderInput(params) {
-        return /*#__PURE__*/jsx(TextField$2, _objectSpread$2M(_objectSpread$2M({
+        return /*#__PURE__*/jsx(TextField$2, _objectSpread$2P(_objectSpread$2P({
           label: label,
           className: clsx(classes.text, 'VdtTagField-text'),
           error: (error || submitError) && touched,
           InputLabelProps: InputLabelProps
         }, params), TextFieldProps));
       }
-    }, AutocompleteProps), props)), /*#__PURE__*/jsx(FormHelperText$1, _objectSpread$2M(_objectSpread$2M({
+    }, AutocompleteProps), props)), /*#__PURE__*/jsx(FormHelperText$1, _objectSpread$2P(_objectSpread$2P({
       className: clsx(classes.helperText, 'VdtTagField-helperText')
     }, FormHelperTextProps), {}, {
       children: error || submitError
@@ -2345,9 +2343,9 @@ var TagField$1 = withStyles(styles$2s, {
 
 var _excluded$1i = ["input", "meta", "label", "helperText", "dateType", "classes", "className", "FormControlProps", "InputLabelProps"];
 
-function ownKeys$2L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2r = function styles(theme) {
   return {
@@ -2388,11 +2386,11 @@ function DateField(_ref) {
       InputLabelProps = _ref$InputLabelProps === void 0 ? {} : _ref$InputLabelProps,
       props = _objectWithoutProperties(_ref, _excluded$1i);
 
-  return /*#__PURE__*/jsx(FormControl, _objectSpread$2L(_objectSpread$2L({
+  return /*#__PURE__*/jsx(FormControl, _objectSpread$2O(_objectSpread$2O({
     className: clsx(classes.root, 'VdtDateField-root', className),
     error: (error || submitError) && touched
   }, FormControlProps), {}, {
-    children: /*#__PURE__*/jsx(TextField$2, _objectSpread$2L({
+    children: /*#__PURE__*/jsx(TextField$2, _objectSpread$2O({
       id: name,
       label: label,
       value: value,
@@ -2400,7 +2398,7 @@ function DateField(_ref) {
       onChange: onChange,
       helperText: touched && (error || submitError) ? error || submitError : helperText,
       error: (error || submitError) && touched,
-      InputLabelProps: _objectSpread$2L({
+      InputLabelProps: _objectSpread$2O({
         shrink: true
       }, InputLabelProps),
       className: clsx(classes.date, 'VdtDateField-date')
@@ -2412,9 +2410,9 @@ var DateField$1 = withStyles$1(styles$2r, {
   name: 'VdtDateField'
 })(DateField);
 
-function ownKeys$2K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2q = function styles(theme) {
   return {
@@ -2447,13 +2445,13 @@ function SwitchField(_ref) {
     onChange(checked ? checkedValue : uncheckedValue);
   } : onChange;
   var checked = checkedValue && uncheckedValue ? checkedValue === value : value;
-  return /*#__PURE__*/jsx(FormControl, _objectSpread$2K(_objectSpread$2K({
+  return /*#__PURE__*/jsx(FormControl, _objectSpread$2N(_objectSpread$2N({
     className: clsx(classes.root, 'VdtSwitchField-root', className)
   }, FormControlProps), {}, {
-    children: /*#__PURE__*/jsx(FormControlLabel, _objectSpread$2K({
+    children: /*#__PURE__*/jsx(FormControlLabel, _objectSpread$2N({
       label: label,
       className: clsx(classes.label, 'VdtSwitchField-FormControlLabel'),
-      control: /*#__PURE__*/jsx(Switch, _objectSpread$2K({
+      control: /*#__PURE__*/jsx(Switch, _objectSpread$2N({
         type: "checkbox",
         className: clsx(classes["switch"], 'VdtSwitchField-Switch'),
         checked: checked,
@@ -2470,9 +2468,9 @@ var SwitchField$1 = withStyles(styles$2q, {
 
 var _excluded$1h = ["input", "meta", "helperText", "label", "loading", "options", "noOptionsText", "getOptionLabel", "getOptionSelected", "getValue", "FormControlProps", "clearOnBlur", "size", "FormHelperTextProps"];
 
-function ownKeys$2J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2p = function styles() {};
 
@@ -2536,11 +2534,11 @@ function AutocompleteField(_ref2) {
     return input.onChange(val);
   };
 
-  return /*#__PURE__*/jsx(Autocomplete$1, _objectSpread$2J({
+  return /*#__PURE__*/jsx(Autocomplete$1, _objectSpread$2M({
     onChange: onChange,
     options: options,
     renderInput: function renderInput(inputProps) {
-      return /*#__PURE__*/jsx(TextField$1, _objectSpread$2J(_objectSpread$2J({
+      return /*#__PURE__*/jsx(TextField$1, _objectSpread$2M(_objectSpread$2M({
         label: label,
         input: {
           name: name
@@ -2553,7 +2551,7 @@ function AutocompleteField(_ref2) {
         helperText: helperText,
         FormControlProps: FormControlProps
       }, inputProps), {}, {
-        InputProps: _objectSpread$2J(_objectSpread$2J({}, inputProps.InputProps), {}, {
+        InputProps: _objectSpread$2M(_objectSpread$2M({}, inputProps.InputProps), {}, {
           endAdornment: /*#__PURE__*/jsxs(Fragment, {
             children: [loading ? /*#__PURE__*/jsx(CircularProgress, {
               color: "inherit",
@@ -2580,9 +2578,9 @@ var AutocompleteField$1 = withStyles$1(styles$2p, {
 
 var _excluded$1g = ["options", "getOptionsAsync", "parentField", "parentValue", "constraint", "input"];
 
-function ownKeys$2I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var defaultGetOptionsAsync = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
@@ -2683,7 +2681,7 @@ var AutocompleteConstraintField = /*#__PURE__*/forwardRef(function (_ref4, ref)
       }
     }
   }, [getOptionsAsync, name, parentField, parentValue, constraint]);
-  return /*#__PURE__*/jsx(AutocompleteField$1, _objectSpread$2I({
+  return /*#__PURE__*/jsx(AutocompleteField$1, _objectSpread$2L({
     ref: ref,
     input: input,
     options: options,
@@ -2694,9 +2692,9 @@ var AutocompleteConstraintField$1 = withStyles$1({}, {
   name: 'VdtAutocompleteConstraintField'
 })(AutocompleteConstraintField);
 
-function ownKeys$2H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function BatonAnalysisForm(_ref) {
   var classes = _ref.classes,
@@ -2755,7 +2753,7 @@ function BatonAnalysisForm(_ref) {
           }
         });
       }
-    }), /*#__PURE__*/jsx(Field$1, _objectSpread$2H({
+    }), /*#__PURE__*/jsx(Field$1, _objectSpread$2K({
       validate: validation,
       allowNull: true,
       name: "componentId",
@@ -2764,7 +2762,7 @@ function BatonAnalysisForm(_ref) {
       label: componentsLabel,
       disabled: !selectedShape // eslint-disable-next-line react/jsx-props-no-spreading
 
-    }, FieldProps)), /*#__PURE__*/jsx(Field$1, _objectSpread$2H({
+    }, FieldProps)), /*#__PURE__*/jsx(Field$1, _objectSpread$2K({
       validate: validation,
       allowNull: true,
       name: "preset",
@@ -2773,12 +2771,12 @@ function BatonAnalysisForm(_ref) {
       options: testplans,
       noOptionsText: noTestplansText,
       helperText: ""
-    }, FieldProps)), /*#__PURE__*/jsx(Field$1, _objectSpread$2H({
+    }, FieldProps)), /*#__PURE__*/jsx(Field$1, _objectSpread$2K({
       name: "resourceId",
       component: SelectField$1,
       label: resourcesLabel,
       options: resources
-    }, FieldProps)), showDynamicParams && /*#__PURE__*/jsx(Field$1, _objectSpread$2H({
+    }, FieldProps)), showDynamicParams && /*#__PURE__*/jsx(Field$1, _objectSpread$2K({
       name: "batonDynamicParams",
       component: TextField$1,
       label: dynamicParamsLabel,
@@ -2846,9 +2844,9 @@ var BatonFormComponent = withStyles$1({}, {
 
 var _excluded$1f = ["itemId", "FormComponent", "FormComponentProps", "handleSubmit", "submitText", "costEstimate"];
 
-function ownKeys$2G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useAnalyzePresetOptions = function useAnalyzePresetOptions() {
   var _useApi = useApi(analyzepreset.listAnalyzePreset),
@@ -3103,7 +3101,7 @@ function FormWrapper(_ref6) {
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(DialogContent, {
-      children: [/*#__PURE__*/jsx(FormComponent, _objectSpread$2G(_objectSpread$2G({}, props), FormComponentProps)), costEstimate && /*#__PURE__*/jsx(FormSpy, {
+      children: [/*#__PURE__*/jsx(FormComponent, _objectSpread$2J(_objectSpread$2J({}, props), FormComponentProps)), costEstimate && /*#__PURE__*/jsx(FormSpy, {
         subscription: {
           values: true
         },
@@ -3250,9 +3248,9 @@ var BatonAnalysisDialog$1 = withStyles$1({}, {
 
 var _excluded$1e = ["children", "submitting", "disabled"];
 
-function ownKeys$2F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function SubmitButton(_ref) {
   var children = _ref.children,
       _ref$submitting = _ref.submitting,
@@ -3260,7 +3258,7 @@ function SubmitButton(_ref) {
       disabled = _ref.disabled,
       props = _objectWithoutProperties(_ref, _excluded$1e);
 
-  return /*#__PURE__*/jsx(Button$1, _objectSpread$2F(_objectSpread$2F({}, props), {}, {
+  return /*#__PURE__*/jsx(Button$1, _objectSpread$2I(_objectSpread$2I({}, props), {}, {
     disabled: disabled || submitting,
     children: /*#__PURE__*/jsxs(Box, {
       position: "relative",
@@ -3284,9 +3282,9 @@ var _excluded$1d = ["name", "label", "FieldProps"],
     _excluded3$5 = ["name", "label", "requiredText", "FieldProps"],
     _excluded4$1 = ["name", "label", "FieldProps"];
 
-function ownKeys$2E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var isUrl = function isUrl() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -3308,7 +3306,7 @@ var UrlField = withStyles({}, {
       FieldProps = _ref$FieldProps === void 0 ? {} : _ref$FieldProps,
       props = _objectWithoutProperties(_ref, _excluded$1d);
 
-  return /*#__PURE__*/jsx(Field$1, _objectSpread$2E(_objectSpread$2E({
+  return /*#__PURE__*/jsx(Field$1, _objectSpread$2H(_objectSpread$2H({
     name: name,
     component: TextField$1,
     type: "text",
@@ -3330,7 +3328,7 @@ var UsernameField = withStyles({}, {
       FieldProps = _ref2$FieldProps === void 0 ? {} : _ref2$FieldProps,
       props = _objectWithoutProperties(_ref2, _excluded2$e);
 
-  return /*#__PURE__*/jsx(Field$1, _objectSpread$2E(_objectSpread$2E({
+  return /*#__PURE__*/jsx(Field$1, _objectSpread$2H(_objectSpread$2H({
     name: name,
     component: TextField$1,
     type: "text",
@@ -3354,7 +3352,7 @@ var PasswordField$1 = withStyles({}, {
       FieldProps = _ref3$FieldProps === void 0 ? {} : _ref3$FieldProps,
       props = _objectWithoutProperties(_ref3, _excluded3$5);
 
-  return /*#__PURE__*/jsx(Field$1, _objectSpread$2E(_objectSpread$2E({
+  return /*#__PURE__*/jsx(Field$1, _objectSpread$2H(_objectSpread$2H({
     name: name,
     component: TextField$1,
     type: "password",
@@ -3376,7 +3374,7 @@ var RememberMeField = withStyles({}, {
       FieldProps = _ref4$FieldProps === void 0 ? {} : _ref4$FieldProps,
       props = _objectWithoutProperties(_ref4, _excluded4$1);
 
-  return /*#__PURE__*/jsx(Field$1, _objectSpread$2E(_objectSpread$2E({
+  return /*#__PURE__*/jsx(Field$1, _objectSpread$2H(_objectSpread$2H({
     name: name,
     label: label,
     component: CheckboxField$1,
@@ -3403,13 +3401,13 @@ function FormFields(_ref5) {
       RememberMeFieldProps = _ref5$RememberMeField2 === void 0 ? {} : _ref5$RememberMeField2,
       FieldProps = _ref5.FieldProps;
   return /*#__PURE__*/jsxs(Box, {
-    children: [UrlFieldComponent && /*#__PURE__*/jsx(UrlFieldComponent, _objectSpread$2E({
+    children: [UrlFieldComponent && /*#__PURE__*/jsx(UrlFieldComponent, _objectSpread$2H({
       FieldProps: FieldProps
-    }, UrlFieldProps)), UsernameFieldComponent && /*#__PURE__*/jsx(UsernameFieldComponent, _objectSpread$2E({
+    }, UrlFieldProps)), UsernameFieldComponent && /*#__PURE__*/jsx(UsernameFieldComponent, _objectSpread$2H({
       FieldProps: FieldProps
-    }, UsernameFieldProps)), PasswordFieldComponent && /*#__PURE__*/jsx(PasswordFieldComponent, _objectSpread$2E({
+    }, UsernameFieldProps)), PasswordFieldComponent && /*#__PURE__*/jsx(PasswordFieldComponent, _objectSpread$2H({
       FieldProps: FieldProps
-    }, PasswordFieldProps)), RememberMeFieldComponent && /*#__PURE__*/jsx(RememberMeFieldComponent, _objectSpread$2E({
+    }, PasswordFieldProps)), RememberMeFieldComponent && /*#__PURE__*/jsx(RememberMeFieldComponent, _objectSpread$2H({
       FieldProps: FieldProps
     }, RememberMeFieldProps))]
   });
@@ -3437,7 +3435,7 @@ var FormButtons = withStyles({}, {
       _ref7$loginText = _ref7.loginText,
       loginText = _ref7$loginText === void 0 ? 'Login' : _ref7$loginText;
   return /*#__PURE__*/jsx(Box, {
-    children: /*#__PURE__*/jsx(SubmitButton, _objectSpread$2E(_objectSpread$2E({
+    children: /*#__PURE__*/jsx(SubmitButton, _objectSpread$2H(_objectSpread$2H({
       type: "submit",
       submitting: submitting,
       fullWidth: true
@@ -3469,7 +3467,7 @@ function LoginForm(_ref8) {
       FormTextProps = _ref8.FormTextProps,
       FormButtonsComponent = _ref8.FormButtonsComponent,
       FormButtonsProps = _ref8.FormButtonsProps;
-  return /*#__PURE__*/jsx(Form, _objectSpread$2E(_objectSpread$2E({
+  return /*#__PURE__*/jsx(Form, _objectSpread$2H(_objectSpread$2H({
     className: clsx(classes.root, 'VdtLoginForm-root', className),
     onSubmit: onSubmit
   }, FormProps), {}, {
@@ -3479,16 +3477,16 @@ function LoginForm(_ref8) {
           submitError = _ref9.submitError;
       return /*#__PURE__*/jsxs("form", {
         onSubmit: handleSubmit,
-        children: [/*#__PURE__*/jsx(FormFieldsComponent, _objectSpread$2E({
+        children: [/*#__PURE__*/jsx(FormFieldsComponent, _objectSpread$2H({
           FieldProps: FieldProps,
           UrlFieldComponent: UrlFieldComponent,
           UsernameFieldComponent: UsernameFieldComponent,
           PasswordFieldComponent: PasswordFieldComponent,
           RememberMeFieldComponent: RememberMeFieldComponent
-        }, FormFieldsProps)), /*#__PURE__*/jsx(FormTextComponent, _objectSpread$2E({
+        }, FormFieldsProps)), /*#__PURE__*/jsx(FormTextComponent, _objectSpread$2H({
           helperText: helperText,
           submitError: submitError
-        }, FormTextProps)), /*#__PURE__*/jsx(FormButtonsComponent, _objectSpread$2E({
+        }, FormTextProps)), /*#__PURE__*/jsx(FormButtonsComponent, _objectSpread$2H({
           submitting: submitting,
           handleSubmit: handleSubmit,
           SubmitButtonProps: SubmitButtonProps
@@ -3552,9 +3550,9 @@ Component$U.displayName = 'LoginForm';
 
 var _excluded$1c = ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "name", "onChange", "value"];
 
-function ownKeys$2D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$2n = function styles(theme) {
   return {
     root: {
@@ -3626,7 +3624,7 @@ var ExpandedFormControlLabel = /*#__PURE__*/forwardRef(function (props, ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    jsxs("label", _objectSpread$2D(_objectSpread$2D({
+    jsxs("label", _objectSpread$2G(_objectSpread$2G({
       className: clsx(classes.root, _defineProperty({}, classes.disabled, disabled), className),
       ref: ref
     }, other), {}, {
@@ -3745,9 +3743,9 @@ var FilterFormLabel$1 = withStyles(styles$2m, {
 
 var _excluded$1b = ["value", "parseOptions", "label", "FacetProps", "FilterFormLabelProps"];
 
-function ownKeys$2C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var defaultParseOptions = function defaultParseOptions(facet, hideEmptyOptions) {
   return Object.entries(facet || {}).filter(function (_ref) {
@@ -3811,7 +3809,7 @@ function FilterForm(_ref5) {
         style: {
           display: display
         },
-        children: /*#__PURE__*/jsx(Field$1, _objectSpread$2C({
+        children: /*#__PURE__*/jsx(Field$1, _objectSpread$2F({
           name: name,
           FormHelperTextProps: {
             style: {
@@ -3819,7 +3817,7 @@ function FilterForm(_ref5) {
             }
           },
           defaultValue: defaultValues[name],
-          label: /*#__PURE__*/jsx(FilterFormLabel$1, _objectSpread$2C({
+          label: /*#__PURE__*/jsx(FilterFormLabel$1, _objectSpread$2F({
             hidden: !hasChangedValues(name),
             label: label,
             onClick: function onClick() {
@@ -3833,9 +3831,9 @@ function FilterForm(_ref5) {
   });
 }
 
-function ownKeys$2B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2l = function styles(theme) {
   return {
@@ -3944,7 +3942,7 @@ var getFieldFilter = function getFieldFilter(name, value, operation) {
 
 function parseFilterValues(filter) {
   return (filter || []).reduce(function (acc, curr) {
-    return _objectSpread$2B(_defineProperty({}, curr.name, (curr.field || []).flatMap(function (_ref3) {
+    return _objectSpread$2E(_defineProperty({}, curr.name, (curr.field || []).flatMap(function (_ref3) {
       var value = _ref3.value,
           range = _ref3.range;
 
@@ -4028,18 +4026,18 @@ function FilterCard(_ref4) {
     onChange(filters);
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [onChange, dirty]);
-  return !isLoading ? /*#__PURE__*/jsxs(RootComponent, _objectSpread$2B(_objectSpread$2B({
+  return !isLoading ? /*#__PURE__*/jsxs(RootComponent, _objectSpread$2E(_objectSpread$2E({
     className: className
   }, CardProps), {}, {
     children: [headerText && /*#__PURE__*/jsx(Box$1, {
       className: classes.header,
-      children: /*#__PURE__*/jsx(Typography, _objectSpread$2B(_objectSpread$2B({
+      children: /*#__PURE__*/jsx(Typography, _objectSpread$2E(_objectSpread$2E({
         variant: "button",
         color: "textSecondary"
       }, HeaderProps), {}, {
         children: headerText
       }))
-    }), /*#__PURE__*/jsx(Form, _objectSpread$2B({
+    }), /*#__PURE__*/jsx(Form, _objectSpread$2E({
       className: classes.form,
       onSubmit: onSubmit,
       render: FormComponent,
@@ -4218,9 +4216,9 @@ var JobRow$1 = withStyles({}, {
   name: 'VdtJobRow'
 })(JobRow);
 
-function ownKeys$2A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StartedComponent = function StartedComponent(_ref) {
   var _ref$job = _ref.job,
       status = _ref$job.status,
@@ -4273,7 +4271,7 @@ function JobTable(_ref2) {
         })
       }), /*#__PURE__*/jsx(TableBody, {
         children: jobs.map(function (job) {
-          return /*#__PURE__*/jsx(JobRowComponent, _objectSpread$2A({
+          return /*#__PURE__*/jsx(JobRowComponent, _objectSpread$2D({
             job: job,
             columns: columns,
             abortJob: abortJob,
@@ -4290,9 +4288,9 @@ var JobTable$1 = withStyles({}, {
   name: 'VdtJobTable'
 })(JobTable);
 
-function ownKeys$2z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var options = [{
   label: 'All',
   value: ALL_STATES
@@ -4336,7 +4334,7 @@ function JobFooter(_ref) {
 
   var onChange = function onChange(_ref2) {
     var state = _ref2.target.value;
-    setMatrixParams(_objectSpread$2z(_objectSpread$2z({}, matrixParams), {}, {
+    setMatrixParams(_objectSpread$2C(_objectSpread$2C({}, matrixParams), {}, {
       state: state
     }));
   };
@@ -4476,9 +4474,9 @@ function SearchPaginationActions(_ref) {
   });
 }
 
-function ownKeys$2y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function SearchPagination(_ref) {
   var _ref$count = _ref.count,
       count = _ref$count === void 0 ? 0 : _ref$count,
@@ -4497,7 +4495,7 @@ function SearchPagination(_ref) {
   var rowsPerPageOptions = !initialRowsPerPageOptions.includes(rowsPerPage) ? [].concat(_toConsumableArray(initialRowsPerPageOptions), [rowsPerPage]).sort(function (a, b) {
     return a - b;
   }) : initialRowsPerPageOptions;
-  return /*#__PURE__*/jsx(TablePagination, _objectSpread$2y({
+  return /*#__PURE__*/jsx(TablePagination, _objectSpread$2B({
     component: "div",
     count: count,
     page: page,
@@ -4511,9 +4509,9 @@ function SearchPagination(_ref) {
 
 var _excluded$1a = ["classes", "onSubmit", "fields", "value", "query", "fieldPlaceHolder", "queryPlaceHolder", "disableReset", "disableRequired", "fieldInputRef", "queryInputRef"];
 
-function ownKeys$2x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2k = function styles(theme) {
   return {
@@ -4596,7 +4594,7 @@ function SearchInputFieldSelect(_ref) {
     return !disableReset ? onReset() : null;
   };
 
-  return /*#__PURE__*/jsxs(Box$1, _objectSpread$2x(_objectSpread$2x({
+  return /*#__PURE__*/jsxs(Box$1, _objectSpread$2A(_objectSpread$2A({
     className: classes.root,
     component: "form",
     display: "flex",
@@ -4674,9 +4672,9 @@ var SearchInputFieldSelect$1 = withStyles(styles$2k, {
   name: 'VdtSearchInputFieldSelect'
 })(SearchInputFieldSelect);
 
-function ownKeys$2w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useStyles$2 = function useStyles(secondaryColor) {
   return makeStyles({
@@ -4697,7 +4695,7 @@ var SortMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       MenuItemProps = _ref.MenuItemProps,
       ListItemTextProps = _ref.ListItemTextProps;
   var classes = useStyles$2(secondaryColor)();
-  return /*#__PURE__*/jsx(MenuItem, _objectSpread$2w(_objectSpread$2w({
+  return /*#__PURE__*/jsx(MenuItem, _objectSpread$2z(_objectSpread$2z({
     selected: selected,
     onClick: onClick,
     dense: true,
@@ -4706,7 +4704,7 @@ var SortMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     ref: ref
   }, MenuItemProps), {}, {
-    children: /*#__PURE__*/jsx(ListItemText, _objectSpread$2w({
+    children: /*#__PURE__*/jsx(ListItemText, _objectSpread$2z({
       primary: primary,
       primaryTypographyProps: {
         variant: 'caption'
@@ -4733,9 +4731,9 @@ SortMenuItem.defaultProps = {
 
 var _excluded$19 = ["classes", "caption", "options", "sortAsc", "sortDesc", "IconComponent", "MenuItemComponent", "onChange", "initialSort"];
 
-function ownKeys$2v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$2j = function styles(theme) {
   return {
     root: {
@@ -4847,7 +4845,7 @@ function Sort(_ref) {
         className: classes.menuPaper
       },
       children: options.map(function (option) {
-        return /*#__PURE__*/jsx(MenuItemComponent, _objectSpread$2v({
+        return /*#__PURE__*/jsx(MenuItemComponent, _objectSpread$2y({
           primary: option.label,
           onClick: handleSortBy(option),
           selected: option.value === sortBy.option.value
@@ -4896,9 +4894,9 @@ Component$T.displayName = 'Sort';
 
 var _excluded$18 = ["onSubmit", "onChange", "options", "name", "label"];
 
-function ownKeys$2u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getLabel$1 = function getLabel(label, count) {
   return "".concat(label).concat(count !== undefined ? " (".concat(count, ")") : '');
@@ -4954,7 +4952,7 @@ function FilterSelectForm(_ref) {
           dirty = _ref3.dirty;
       return /*#__PURE__*/jsxs("form", {
         onSubmit: handleSubmit,
-        children: [/*#__PURE__*/jsx(Field$1, _objectSpread$2u({
+        children: [/*#__PURE__*/jsx(Field$1, _objectSpread$2x({
           name: name,
           label: /*#__PURE__*/jsxs(Box, {
             height: 20,
@@ -5001,9 +4999,9 @@ function FilterSelectForm(_ref) {
   });
 }
 
-function ownKeys$2t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var YESTERDAY = moment().subtract(1, 'days').format('YYYY-MM-DD');
 var THIS_WEEK = moment().subtract(7, 'days').format('YYYY-MM-DD');
 var JOB_TABLE_COLUMNS = [{
@@ -5259,7 +5257,7 @@ function JobList(_ref) {
           md: 9,
           sm: 8,
           xs: 12,
-          children: /*#__PURE__*/jsx(JobTable$1, _objectSpread$2t({
+          children: /*#__PURE__*/jsx(JobTable$1, _objectSpread$2w({
             jobs: job$1,
             columns: JOB_TABLE_COLUMNS,
             abortJob: abortJob,
@@ -5280,12 +5278,12 @@ var JobList$1 = withStyles({}, {
 var _excluded$17 = ["fields", "TableRowComponent", "TableRowProps"],
     _excluded2$d = ["label", "value"];
 
-function ownKeys$2s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TableCellLabel$1 = withStyles(function (theme) {
   return {
-    root: _objectSpread$2s({
+    root: _objectSpread$2v({
       borderStyle: 'none',
       verticalAlign: 'top',
       paddingRight: '1em'
@@ -5294,7 +5292,7 @@ var TableCellLabel$1 = withStyles(function (theme) {
 })(TableCell$1);
 var TableCellValue$1 = withStyles(function (theme) {
   return {
-    root: _objectSpread$2s({
+    root: _objectSpread$2v({
       borderStyle: 'none',
       wordBreak: 'break-word',
       verticalAlign: 'top'
@@ -5315,14 +5313,14 @@ function TableRow$2(_ref) {
       TableCellLabelProps = _ref$TableCellLabelPr === void 0 ? {} : _ref$TableCellLabelPr,
       _ref$TableCellValuePr = _ref.TableCellValueProps,
       TableCellValueProps = _ref$TableCellValuePr === void 0 ? {} : _ref$TableCellValuePr;
-  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$2s(_objectSpread$2s({
+  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$2v(_objectSpread$2v({
     component: "div"
   }, TableRowProps), {}, {
-    children: [/*#__PURE__*/jsx(TableCellLabel$1, _objectSpread$2s(_objectSpread$2s({
+    children: [/*#__PURE__*/jsx(TableCellLabel$1, _objectSpread$2v(_objectSpread$2v({
       component: "div"
     }, TableCellLabelProps), {}, {
       children: label
-    })), /*#__PURE__*/jsx(TableCellValue$1, _objectSpread$2s(_objectSpread$2s({
+    })), /*#__PURE__*/jsx(TableCellValue$1, _objectSpread$2v(_objectSpread$2v({
       component: "div"
     }, TableCellValueProps), {}, {
       children: value !== undefined ? formatValue(value) : ''
@@ -5353,7 +5351,7 @@ function ItemMetadataTable(_ref2) {
             fieldName = _ref3.value,
             fieldProps = _objectWithoutProperties(_ref3, _excluded2$d);
 
-        return /*#__PURE__*/jsx(TableRowComponent, _objectSpread$2s(_objectSpread$2s({
+        return /*#__PURE__*/jsx(TableRowComponent, _objectSpread$2v(_objectSpread$2v({
           label: label,
           value: values[fieldName],
           TableRowProps: TableRowProps
@@ -5363,9 +5361,9 @@ function ItemMetadataTable(_ref2) {
   });
 }
 
-function ownKeys$2r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var parseKeyValuePairType = function parseKeyValuePairType() {
   var keyValuePairType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -5373,7 +5371,7 @@ var parseKeyValuePairType = function parseKeyValuePairType() {
   var keyValuePairTypeReducer = function keyValuePairTypeReducer(a, _ref) {
     var key = _ref.key,
         value = _ref.value;
-    return _objectSpread$2r(_objectSpread$2r({}, a), {}, _defineProperty({}, key, value));
+    return _objectSpread$2u(_objectSpread$2u({}, a), {}, _defineProperty({}, key, value));
   };
 
   return keyValuePairType.reduce(keyValuePairTypeReducer, {});
@@ -5415,7 +5413,7 @@ var useJob = function useJob(jobId, fieldList) {
       priority = jobType.priority;
   var data = parseKeyValuePairType(dataType);
 
-  var values = _objectSpread$2r(_objectSpread$2r({}, data), {}, {
+  var values = _objectSpread$2u(_objectSpread$2u({}, data), {}, {
     user: user,
     type: type,
     status: status,
@@ -5441,7 +5439,7 @@ function JobDataTable(_ref2) {
       fields = _useJob.fields,
       values = _useJob.values;
 
-  return /*#__PURE__*/jsx(TableComponent, _objectSpread$2r(_objectSpread$2r({
+  return /*#__PURE__*/jsx(TableComponent, _objectSpread$2u(_objectSpread$2u({
     fields: fields
   }, TableProps), values));
 }
@@ -5495,17 +5493,17 @@ var JobDataTable$1 = withStyles({}, {
   name: 'VdtJobDataTable'
 })(JobDataTable);
 
-function ownKeys$2q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var humanizeDuration = function humanizeDuration() {
   var samples = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
-  var _formatSeconds$toTime = formatSeconds(samples).toTime(),
-      hours = _formatSeconds$toTime.hours,
-      minutes = _formatSeconds$toTime.minutes,
-      seconds = _formatSeconds$toTime.seconds;
+  var _formatTimeCodeSecond = formatTimeCodeSeconds(samples).toTime(),
+      hours = _formatTimeCodeSecond.hours,
+      minutes = _formatTimeCodeSecond.minutes,
+      seconds = _formatTimeCodeSecond.seconds;
 
   var duration = ["".concat(seconds !== undefined ? seconds : 1, "s")];
   if (minutes > 0) duration.unshift("".concat(minutes, "m"));
@@ -5568,13 +5566,13 @@ var useJobTasks = function useJobTasks(jobId, autoRefresh) {
         var _ref = stepList[index + 1].timestamp;
         refTimestamp = moment(_ref);
       } else {
-        return _objectSpread$2q(_objectSpread$2q({}, step), {}, {
+        return _objectSpread$2t(_objectSpread$2t({}, step), {}, {
           duration: 0
         });
       }
 
       var duration = moment(refTimestamp).diff(timestamp, 's');
-      return _objectSpread$2q(_objectSpread$2q({}, step), {}, {
+      return _objectSpread$2t(_objectSpread$2t({}, step), {}, {
         duration: duration
       });
     });
@@ -5673,7 +5671,7 @@ function JobTaskTable(_ref5) {
       _useJobTasks$tasks = _useJobTasks.tasks,
       tasks = _useJobTasks$tasks === void 0 ? [] : _useJobTasks$tasks;
 
-  return /*#__PURE__*/jsxs(Table, _objectSpread$2q(_objectSpread$2q({
+  return /*#__PURE__*/jsxs(Table, _objectSpread$2t(_objectSpread$2t({
     className: clsx(className, classes.root, 'VdtJobTaskTable-root'),
     component: "div"
   }, TableProps), {}, {
@@ -5699,7 +5697,7 @@ function JobTaskTable(_ref5) {
       component: "div",
       className: classes.TableHead,
       children: tasks.map(function (task) {
-        return /*#__PURE__*/jsx(JobTaskTableRowComponent, _objectSpread$2q({
+        return /*#__PURE__*/jsx(JobTaskTableRowComponent, _objectSpread$2t({
           task: task
         }, JobTaskTableRowProps), task.step);
       })
@@ -5734,9 +5732,9 @@ var JobTaskTable$1 = withStyles(styles$2i, {
   name: 'VdtJobTaskTable'
 })(JobTaskTable);
 
-function ownKeys$2p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function JobMenu(_ref) {
   var jobType = _ref.jobType,
@@ -5919,7 +5917,7 @@ function JobCard(_ref2) {
       title: jobId,
       action: /*#__PURE__*/jsx(HasRole, {
         roleName: [roles.ITEM_WRITE],
-        allow: /*#__PURE__*/jsx(JobMenuComponent, _objectSpread$2p({
+        allow: /*#__PURE__*/jsx(JobMenuComponent, _objectSpread$2s({
           jobType: jobType,
           onAbort: onAbort,
           onDelete: onDelete,
@@ -5929,7 +5927,7 @@ function JobCard(_ref2) {
     }), /*#__PURE__*/jsx(Collapse, {
       className: classes.Collapse,
       "in": showAlert,
-      children: /*#__PURE__*/jsx(Alert, _objectSpread$2p({
+      children: /*#__PURE__*/jsx(Alert, _objectSpread$2s({
         className: classes.Alert,
         onClose: closeAlert
       }, alert))
@@ -5967,9 +5965,9 @@ var JobCard$1 = withStyles(styles$2h, {
   name: 'VdtJobCard'
 })(JobCard);
 
-function ownKeys$2o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var JobFooterContext = /*#__PURE__*/createContext({
   jobs: [],
   hits: 0,
@@ -6004,12 +6002,12 @@ function JobFooterContextProvider(_ref) {
       JobFooterComponent = _ref$JobFooterCompone === void 0 ? JobFooter : _ref$JobFooterCompone,
       children = _ref.children;
 
-  var _useState = useState(_objectSpread$2o(_objectSpread$2o({}, defaultQueryParams), initialQueryParams)),
+  var _useState = useState(_objectSpread$2r(_objectSpread$2r({}, defaultQueryParams), initialQueryParams)),
       _useState2 = _slicedToArray(_useState, 2),
       queryParams = _useState2[0],
       setQueryParams = _useState2[1];
 
-  var _useState3 = useState(_objectSpread$2o(_objectSpread$2o({}, defaultMatrixParams), initialMatrixParams)),
+  var _useState3 = useState(_objectSpread$2r(_objectSpread$2r({}, defaultMatrixParams), initialMatrixParams)),
       _useState4 = _slicedToArray(_useState3, 2),
       matrixParams = _useState4[0],
       setMatrixParams = _useState4[1];
@@ -6080,7 +6078,7 @@ function JobFooterContextProvider(_ref) {
   }, [abortJob, deleteJob, hasLoaded, hits, isLoading, jobs, matrixParams, onListJob, onRefresh, queryParams, restartJob, showJobList]);
   return /*#__PURE__*/jsxs(JobFooterContext.Provider, {
     value: contextValue,
-    children: [children, /*#__PURE__*/jsx(JobFooterComponent, _objectSpread$2o({
+    children: [children, /*#__PURE__*/jsx(JobFooterComponent, _objectSpread$2r({
       jobs: jobs,
       isLoading: isLoading,
       hasLoaded: hasLoaded,
@@ -6093,7 +6091,7 @@ function JobFooterContextProvider(_ref) {
 
 var _style, _path$3, _g$1;
 
-function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
 var SvgBitmovin24 = function SvgBitmovin24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
@@ -6125,18 +6123,18 @@ var SvgBitmovin24 = function SvgBitmovin24(props) {
   }))));
 };
 
-function ownKeys$2n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function BitmovinIcon(props) {
-  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2n({
+  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2q({
     component: SvgBitmovin24
   }, props));
 }
 
 var _defs$1, _path$2, _g;
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
 var SvgMediaconvert24 = function SvgMediaconvert24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
@@ -6171,18 +6169,18 @@ var SvgMediaconvert24 = function SvgMediaconvert24(props) {
   }))));
 };
 
-function ownKeys$2m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function MediaConvertIcon(props) {
-  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2m({
+  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2p({
     component: SvgMediaconvert24
   }, props));
 }
 
 var _defs, _path$1, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25;
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
 var SvgVidispine24 = function SvgVidispine24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
@@ -6313,11 +6311,11 @@ var SvgVidispine24 = function SvgVidispine24(props) {
   }))));
 };
 
-function ownKeys$2l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function VidispineIcon(props) {
-  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2l({
+  return /*#__PURE__*/jsx(SvgIcon, _objectSpread$2o({
     component: SvgVidispine24
   }, props));
 }
@@ -6361,9 +6359,9 @@ var MediaBadge$1 = withStyles(styles$2g, {
   name: 'VdtMediaBadge'
 })(MediaBadge);
 
-function ownKeys$2k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var generateBadges = function generateBadges(_ref) {
   var shapeType = _ref.shapeType,
       transcodePresetType = _ref.transcodePresetType;
@@ -6495,7 +6493,7 @@ function MediaBadges(_ref2) {
   return /*#__PURE__*/jsx("div", {
     className: clsx(classes.root, 'VdtMediaBadges-root', className),
     children: badges.map(function (badge) {
-      return /*#__PURE__*/jsx(MediaBadgeComponent, _objectSpread$2k(_objectSpread$2k({}, MediaBadgeProps), {}, {
+      return /*#__PURE__*/jsx(MediaBadgeComponent, _objectSpread$2n(_objectSpread$2n({}, MediaBadgeProps), {}, {
         children: badge
       }), badge);
     })
@@ -6506,9 +6504,9 @@ var MediaBadges$1 = withStyles(styles$2f, {
   name: 'VdtMediaBadges'
 })(MediaBadges);
 
-function ownKeys$2j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2e = function styles(theme) {
   return {
@@ -6558,7 +6556,7 @@ function ShapeTagCard(_ref) {
       })
     }), /*#__PURE__*/jsxs("div", {
       className: classes.detailContainer,
-      children: [/*#__PURE__*/jsx(MediaBadgesComponent, _objectSpread$2j({
+      children: [/*#__PURE__*/jsx(MediaBadgesComponent, _objectSpread$2m({
         transcodePresetType: shapeTag,
         parseShape: false
       }, MediaBadgesProps)), shapeTag.description && /*#__PURE__*/jsx("div", {
@@ -6587,9 +6585,9 @@ ShapeTagCard.defaultProps = {
   MediaBadgesProps: {}
 };
 
-function ownKeys$2i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useShapeTagDetail = function useShapeTagDetail(_ref) {
   var onEstimate = _ref.onEstimate;
@@ -6605,7 +6603,7 @@ var useShapeTagDetail = function useShapeTagDetail(_ref) {
     }).then(function (_ref2) {
       var data = _ref2.data;
       setShapeTagDetail(function (currentState) {
-        return _objectSpread$2i(_objectSpread$2i({}, currentState), {}, _defineProperty({}, tagName, data));
+        return _objectSpread$2l(_objectSpread$2l({}, currentState), {}, _defineProperty({}, tagName, data));
       });
       if (onEstimate) return onEstimate(tagName);
       return Promise.resolve();
@@ -6618,7 +6616,7 @@ var useShapeTagDetail = function useShapeTagDetail(_ref) {
             message = _costEstimate$data$se2.message;
 
         setShapeTagDetail(function (currentState) {
-          var newState = _objectSpread$2i({}, currentState);
+          var newState = _objectSpread$2l({}, currentState);
 
           newState[tagName].cost = cost;
           newState[tagName].estimateError = state !== 'FINISHED' ? message : false;
@@ -6628,7 +6626,7 @@ var useShapeTagDetail = function useShapeTagDetail(_ref) {
     })["catch"](function (error) {
       if (error.config && error.config.url && error.config.url.includes('/cost/')) {
         setShapeTagDetail(function (currentState) {
-          var newState = _objectSpread$2i({}, currentState);
+          var newState = _objectSpread$2l({}, currentState);
 
           newState[tagName].estimateError = 'unspecified reason.';
           return newState;
@@ -6801,7 +6799,7 @@ function ShapeTagListAccordion(_ref3) {
             className: classes.AccordionDetails,
             children: shapeTagDetail[expanded] ? /*#__PURE__*/jsxs("div", {
               className: classes.shapeTagDetail,
-              children: [/*#__PURE__*/jsx(ShapeTagCardComponent, _objectSpread$2i({
+              children: [/*#__PURE__*/jsx(ShapeTagCardComponent, _objectSpread$2l({
                 transcodePresetType: shapeTagDetail[expanded]
               }, ShapeTagCardProps)), /*#__PURE__*/jsxs("div", {
                 className: classes.action,
@@ -6860,9 +6858,9 @@ ShapeTagListAccordion.defaultProps = {
   failedCostEstimateText: 'Failed:'
 };
 
-function ownKeys$2h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TRANSCODER = 'TRANSCODER'; // Vidispine transcoder
 
 var BITMOVIN = 'BITMOVIN';
@@ -6935,7 +6933,7 @@ var useShapeTagNames = function useShapeTagNames(_ref2) {
     return tabs.reduce(function (a, _ref3) {
       var value = _ref3.value,
           tagNameFilter = _ref3.tagNameFilter;
-      return _objectSpread$2h(_objectSpread$2h({}, a), {}, _defineProperty({}, value, tagNameFilter ? tagNameFilter(filteredNames) : filteredNames));
+      return _objectSpread$2k(_objectSpread$2k({}, a), {}, _defineProperty({}, value, tagNameFilter ? tagNameFilter(filteredNames) : filteredNames));
     }, {}); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [uriList, hideDefault, searchValue]);
   return {
@@ -6968,7 +6966,7 @@ var useTranscodeResources = function useTranscodeResources(_ref4) {
     return tabs.reduce(function (a, _ref5) {
       var value = _ref5.value,
           resourceFilter = _ref5.resourceFilter;
-      return _objectSpread$2h(_objectSpread$2h({}, a), {}, _defineProperty({}, value, resourceFilter ? resourceFilter(resourceList) : []));
+      return _objectSpread$2k(_objectSpread$2k({}, a), {}, _defineProperty({}, value, resourceFilter ? resourceFilter(resourceList) : []));
     }, {}); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [resourceListDocument]);
   return {
@@ -6979,7 +6977,7 @@ var useTranscodeResources = function useTranscodeResources(_ref4) {
 var styles$2c = function styles(theme) {
   return {
     root: {},
-    noResourceText: _objectSpread$2h(_objectSpread$2h({}, theme.typography.body1), {}, {
+    noResourceText: _objectSpread$2k(_objectSpread$2k({}, theme.typography.body1), {}, {
       marginTop: theme.spacing(2),
       marginBottom: theme.spacing(2),
       width: '100%',
@@ -7200,7 +7198,7 @@ function TranscodeDialog(_ref6) {
           !resources[value] || resources[value].length === 0) ? /*#__PURE__*/jsx("div", {
             className: classes.noResourceText,
             children: noResourceText
-          }) : /*#__PURE__*/jsx(ShapeTagListComponent, _objectSpread$2h({
+          }) : /*#__PURE__*/jsx(ShapeTagListComponent, _objectSpread$2k({
             onTranscode: onTranscode,
             onEstimate: resources[value] && resources[value].length > 0 ? onEstimate : undefined,
             shapeTagNames: shapeTagNames[value]
@@ -7312,9 +7310,9 @@ TranscodeDialog.defaultProps = {
 
 var _excluded$16 = ["group"];
 
-function ownKeys$2g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var filterTimespanList = function filterTimespanList(_ref) {
   var timespanTypeList = _ref.parsedTimespans,
@@ -7357,7 +7355,7 @@ var filterTimespanList = function filterTimespanList(_ref) {
           }
         });
         if (matchingSubGroups.length === 0) return;
-        matchingAduGroups.push(_objectSpread$2g(_objectSpread$2g({}, groupProps), {}, {
+        matchingAduGroups.push(_objectSpread$2j(_objectSpread$2j({}, groupProps), {}, {
           group: matchingSubGroups
         }));
       });
@@ -7545,9 +7543,9 @@ var useConfidenceSlider = function useConfidenceSlider(onChange) {
   return [confidenceValue, onChangeConfidenceValue];
 };
 
-function ownKeys$2f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$2b = function styles(theme) {
   return {
@@ -7578,13 +7576,13 @@ function ConfidenceSlider(_ref) {
 
   return /*#__PURE__*/jsxs("div", {
     className: clsx(classes.root, className),
-    children: [/*#__PURE__*/jsx(Typography$1, _objectSpread$2f(_objectSpread$2f({
+    children: [/*#__PURE__*/jsx(Typography$1, _objectSpread$2i(_objectSpread$2i({
       className: classes.Typography,
       variant: "caption",
       gutterBottom: true
     }, TypographyProps), {}, {
       children: confidenceText
-    })), /*#__PURE__*/jsx(MUISlider, _objectSpread$2f({
+    })), /*#__PURE__*/jsx(MUISlider, _objectSpread$2i({
       className: classes.Slider,
       defaultValue: 0.9,
       valueLabelDisplay: "auto",
@@ -7602,9 +7600,9 @@ var ConfidenceSlider$1 = withStyles(styles$2b, {
   name: 'VdtConfidenceSlider'
 })(ConfidenceSlider);
 
-function ownKeys$2e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$2a = {
   Button: {
     minWidth: 0
@@ -7626,7 +7624,7 @@ function EditButton(_ref) {
     size: 'small'
   } : _ref$ButtonProps;
   var IconComponent = isEditing ? CloseIcon : OpenIcon;
-  return /*#__PURE__*/jsx(Button$1, _objectSpread$2e(_objectSpread$2e({
+  return /*#__PURE__*/jsx(Button$1, _objectSpread$2h(_objectSpread$2h({
     className: clsx(classes.Button, className),
     onClick: onClick
   }, ButtonProps), {}, {
@@ -7640,9 +7638,9 @@ var _excluded$15 = ["itemId", "video", "sampleRate", "onSuccess", "onError", "sa
     _excluded2$c = ["startText", "endText", "uuid", "timespan"],
     _excluded3$4 = ["startSmpte", "endSmpte"];
 
-function ownKeys$2d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useItemTimespanEdit = function useItemTimespanEdit(_ref) {
   var itemId = _ref.itemId,
@@ -7663,8 +7661,10 @@ var useItemTimespanEdit = function useItemTimespanEdit(_ref) {
   if (video && !initialValues.startSmpte && !initialValues.endSmpte) {
     var _video$currentTime = video.currentTime,
         currentTime = _video$currentTime === void 0 ? 0 : _video$currentTime;
-    var timeBase = formatTimeBase(sampleRate);
-    var currentSmpte = formatSeconds(currentTime, timeBase).toSmpte();
+    var timeBase = createTimeBase(sampleRate);
+    var currentSmpte = formatTimeCodeSeconds(currentTime, {
+      timeBase: timeBase
+    }).toSmpte();
     initialValues.startSmpte = currentSmpte;
     initialValues.endSmpte = currentSmpte;
   }
@@ -7697,9 +7697,13 @@ var useItemTimespanEdit = function useItemTimespanEdit(_ref) {
         };
       }
 
-      var start = hasChangedStart || !initialStart ? formatSmpte(startSmpte, sampleRate).toText() : initialStart;
-      var end = hasChangedEnd || !initialEnd ? formatSmpte(endSmpte, sampleRate).toText() : initialEnd;
-      var metadataDocument = createMetadataType(_objectSpread$2d({
+      var start = hasChangedStart || !initialStart ? formatTimeCodeSmpte(startSmpte, {
+        timeBase: sampleRate
+      }).toText() : initialStart;
+      var end = hasChangedEnd || !initialEnd ? formatTimeCodeSmpte(endSmpte, {
+        timeBase: sampleRate
+      }).toText() : initialEnd;
+      var metadataDocument = createMetadataType(_objectSpread$2g({
         start: start,
         end: end
       }, fieldsGroups));
@@ -7884,9 +7888,9 @@ var ItemTimespanForm$1 = withStyles({}, {
 
 var _excluded$14 = ["className", "classes", "itemId", "sampleRate", "onSuccess", "onError", "onCancel", "video", "initialValues", "subtitleGroup", "subtitleField", "aduGroup", "aduValue", "sameAsStartText", "laterThanEndText", "FormComponent"];
 
-function ownKeys$2c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$29 = {
   Form: {}
 };
@@ -7917,7 +7921,7 @@ function ItemTimespanEdit(_ref) {
       FormComponent = _ref$FormComponent === void 0 ? ItemTimespanForm$1 : _ref$FormComponent,
       props = _objectWithoutProperties(_ref, _excluded$14);
 
-  var _useItemTimespanEdit = useItemTimespanEdit(_objectSpread$2c({
+  var _useItemTimespanEdit = useItemTimespanEdit(_objectSpread$2f({
     itemId: itemId,
     video: video,
     sampleRate: sampleRate,
@@ -7932,7 +7936,7 @@ function ItemTimespanEdit(_ref) {
       initialValues = _useItemTimespanEdit.initialValues,
       timespan = _useItemTimespanEdit.timespan;
 
-  return /*#__PURE__*/jsx(Form, _objectSpread$2c({
+  return /*#__PURE__*/jsx(Form, _objectSpread$2f({
     className: clsx(classes.Form, className),
     onSubmit: onSubmit,
     initialValues: initialValues,
@@ -8290,9 +8294,9 @@ var ItemTimespanInterval$1 = withStyles(styles$28, {
   name: 'VdtItemTimespanInterval'
 })(ItemTimespanInterval);
 
-function ownKeys$2b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$27 = {
   root: {},
   ItemTimespanIntervalContainer: {},
@@ -8334,7 +8338,7 @@ function ItemTimespanList(_ref) {
     children: timespanList.map(function (timespan, index) {
       return /*#__PURE__*/jsxs("div", {
         className: classes.ItemTimespanIntervalContainer,
-        children: [/*#__PURE__*/jsx(ItemTimespanIntervalCompoent, _objectSpread$2b({
+        children: [/*#__PURE__*/jsx(ItemTimespanIntervalCompoent, _objectSpread$2e({
           className: classes.ItemTimespanInterval,
           timespan: timespan,
           onSeek: video ? onSeek : undefined,
@@ -8361,9 +8365,9 @@ var ItemTimespanList$1 = withStyles(styles$27, {
 
 var _excluded$13 = ["className", "classes", "onChange", "searchText", "SearchIconComponent", "CloseIconComponent", "inputRef"];
 
-function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$26 = {
   TextField: {},
   InputAdornment: {},
@@ -8411,7 +8415,7 @@ function ItemTimespanSearchInput(_ref) {
     setHasValue(false);
   };
 
-  return /*#__PURE__*/jsx(TextField$2, _objectSpread$2a({
+  return /*#__PURE__*/jsx(TextField$2, _objectSpread$2d({
     className: clsx(classes.TextField, className),
     inputRef: inputRef,
     label: searchText,
@@ -8448,9 +8452,9 @@ var ItemTimespanSearchInput$1 = withStyles(styles$26, {
   name: 'VdtItemTimespanSearchInput'
 })(ItemTimespanSearchInput);
 
-function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$25 = function styles(theme) {
   return {
@@ -8567,13 +8571,13 @@ function ItemTimespanBox(_ref) {
     style: style,
     children: [/*#__PURE__*/jsxs("div", {
       className: classes.header,
-      children: [ItemTimespanSearchInputComponent && /*#__PURE__*/jsx(ItemTimespanSearchInputComponent, _objectSpread$29({
+      children: [ItemTimespanSearchInputComponent && /*#__PURE__*/jsx(ItemTimespanSearchInputComponent, _objectSpread$2c({
         className: classes.ItemTimespanFilter,
         onChange: setFilterText
-      }, ItemTimespanSearchInputProps)), ConfidenceSliderComponent && aduGroup && /*#__PURE__*/jsx(ConfidenceSliderComponent, _objectSpread$29({
+      }, ItemTimespanSearchInputProps)), ConfidenceSliderComponent && aduGroup && /*#__PURE__*/jsx(ConfidenceSliderComponent, _objectSpread$2c({
         className: classes.ConfidenceSlider,
         onChange: setFilterConfidence
-      }, ConfidenceSliderProps)), EditButtonComponent && canEdit && /*#__PURE__*/jsx(EditButtonComponent, _objectSpread$29({
+      }, ConfidenceSliderProps)), EditButtonComponent && canEdit && /*#__PURE__*/jsx(EditButtonComponent, _objectSpread$2c({
         className: classes.EditButton,
         onClick: onToggleEdit,
         isEditing: isEditing
@@ -8583,7 +8587,7 @@ function ItemTimespanBox(_ref) {
       className: classes.Collapse,
       children: [/*#__PURE__*/jsx(Divider$1, {
         className: classes.Divider
-      }), ItemTimespanEditComponent && canEdit && isEditing && /*#__PURE__*/jsx(ItemTimespanEditComponent, _objectSpread$29({
+      }), ItemTimespanEditComponent && canEdit && isEditing && /*#__PURE__*/jsx(ItemTimespanEditComponent, _objectSpread$2c({
         className: classes.ItemTimespanEdit,
         video: video,
         onSuccess: onSuccessEdit,
@@ -8597,7 +8601,7 @@ function ItemTimespanBox(_ref) {
         aduGroup: aduGroup,
         aduValue: aduValue
       }, ItemTimespanEditProps)), /*#__PURE__*/jsx(Divider$1, {})]
-    }), /*#__PURE__*/jsx(ItemTimespanListComponent, _objectSpread$29({
+    }), /*#__PURE__*/jsx(ItemTimespanListComponent, _objectSpread$2c({
       className: classes.ItemTimespanList,
       timespanList: timespanList,
       video: video,
@@ -8617,9 +8621,9 @@ var ItemTimespanBox$1 = withStyles(styles$25, {
   name: 'VdtItemTimespanBox'
 })(ItemTimespanBox);
 
-function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$24 = {
   FormControl: {},
   InputLabel: {},
@@ -8641,7 +8645,7 @@ function ItemTimespanSelection(_ref) {
     variant: 'standard',
     fullWidth: true
   } : _ref$FormControlProps;
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread$28(_objectSpread$28({
+  return /*#__PURE__*/jsxs(FormControl, _objectSpread$2b(_objectSpread$2b({
     className: clsx(classes.FormControl, className)
   }, FormControlProps), {}, {
     children: [/*#__PURE__*/jsx(InputLabel, {
@@ -8666,9 +8670,9 @@ var ItemTimespanSelection$1 = withStyles(styles$24, {
   name: 'VdtItemTimespanSelection'
 })(ItemTimespanSelection);
 
-function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var useItemTimespan = function useItemTimespan(_ref) {
   var itemId = _ref.itemId,
@@ -8693,7 +8697,7 @@ var useItemTimespan = function useItemTimespan(_ref) {
       aduValue = _timespanOption$value.aduValue,
       aduConfidence = _timespanOption$value.aduConfidence;
 
-  var queryParams = _objectSpread$27({
+  var queryParams = _objectSpread$2a({
     content: 'metadata',
     group: Array.isArray(subtitleGroup) ? [].concat(_toConsumableArray(subtitleGroup), [aduGroup]) : [subtitleGroup, aduGroup],
     field: Array.isArray(subtitleField) ? [].concat(_toConsumableArray(subtitleField), [aduValue, aduConfidence]) : [subtitleField, aduValue, aduConfidence],
@@ -8723,9 +8727,9 @@ var useItemTimespan = function useItemTimespan(_ref) {
   };
 };
 
-function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$23 = function styles(theme) {
   return {
     root: {},
@@ -8775,12 +8779,12 @@ function ItemTimespan$1(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: clsx(classes.root, className),
     style: style,
-    children: [ItemTimespanSelectionComponent && timespanOptions && timespanOptions.length > 1 && /*#__PURE__*/jsx(ItemTimespanSelectionComponent, _objectSpread$26({
+    children: [ItemTimespanSelectionComponent && timespanOptions && timespanOptions.length > 1 && /*#__PURE__*/jsx(ItemTimespanSelectionComponent, _objectSpread$29({
       options: timespanOptions,
       value: timespanOption,
       handleChange: onChangeTimespanOption,
       className: classes.ItemTimespanSelection
-    }, ItemTimespanSelectionProps)), /*#__PURE__*/jsx(ItemTimespanBoxComponent, _objectSpread$26(_objectSpread$26({
+    }, ItemTimespanSelectionProps)), /*#__PURE__*/jsx(ItemTimespanBoxComponent, _objectSpread$29(_objectSpread$29({
       className: classes.ItemTimespanBox,
       videoEl: videoEl,
       sampleRate: sampleRate,
@@ -8802,9 +8806,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
-function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RECIPIENT_TYPES = {
   GROUP: 'group',
   USER: 'user'
@@ -8844,7 +8848,7 @@ var accessControlDocumentReducer = function accessControlDocumentReducer(state,
   switch (action.type) {
     case 'CHANGE_PERMISSION':
       {
-        return _objectSpread$25(_objectSpread$25({}, state), {}, {
+        return _objectSpread$28(_objectSpread$28({}, state), {}, {
           permission: action.value
         });
       }
@@ -8852,11 +8856,11 @@ var accessControlDocumentReducer = function accessControlDocumentReducer(state,
     case 'CHANGE_RECIPIENT':
       {
         if (state[RECIPIENT_TYPES.USER] !== undefined) {
-          return _objectSpread$25(_objectSpread$25({}, state), {}, _defineProperty({}, RECIPIENT_TYPES.USER, action.value));
+          return _objectSpread$28(_objectSpread$28({}, state), {}, _defineProperty({}, RECIPIENT_TYPES.USER, action.value));
         }
 
         if (state[RECIPIENT_TYPES.GROUP] !== undefined) {
-          return _objectSpread$25(_objectSpread$25({}, state), {}, _defineProperty({}, RECIPIENT_TYPES.GROUP, action.value));
+          return _objectSpread$28(_objectSpread$28({}, state), {}, _defineProperty({}, RECIPIENT_TYPES.GROUP, action.value));
         }
 
         return state;
@@ -8870,7 +8874,7 @@ var accessControlDocumentReducer = function accessControlDocumentReducer(state,
             state[_RECIPIENT_TYPES$GROU];
             var otherState = _objectWithoutProperties(state, [_RECIPIENT_TYPES$USER, _RECIPIENT_TYPES$GROU].map(_toPropertyKey));
 
-        return _objectSpread$25(_objectSpread$25({}, otherState), {}, _defineProperty({}, action.value, null));
+        return _objectSpread$28(_objectSpread$28({}, otherState), {}, _defineProperty({}, action.value, null));
       }
 
     default:
@@ -9053,7 +9057,7 @@ function RecipientSearchPicker(_ref) {
     onChange: handleChange,
     onInputChange: handleInputChange,
     renderInput: function renderInput(params) {
-      return /*#__PURE__*/jsx(TextField$2, _objectSpread$25(_objectSpread$25({}, params), {}, {
+      return /*#__PURE__*/jsx(TextField$2, _objectSpread$28(_objectSpread$28({}, params), {}, {
         label: label,
         variant: "outlined"
       }));
@@ -9194,18 +9198,18 @@ function EntityAccessEdit(_ref6) {
     className: classes.root,
     children: [/*#__PURE__*/jsxs("div", {
       className: classes.recipientRoot,
-      children: [RecipientTypePickerComponent ? /*#__PURE__*/jsx(RecipientTypePickerComponent, _objectSpread$25({
+      children: [RecipientTypePickerComponent ? /*#__PURE__*/jsx(RecipientTypePickerComponent, _objectSpread$28({
         value: recipientType,
         onChange: onChangeRecipientType,
         userText: userText,
         groupText: groupText
       }, RecipientTypePickerProps)) : null, /*#__PURE__*/jsxs("div", {
         className: classes.recipientType,
-        children: [UserPickerComponent && recipientType === RECIPIENT_TYPES.USER ? /*#__PURE__*/jsx(UserPickerComponent, _objectSpread$25({
+        children: [UserPickerComponent && recipientType === RECIPIENT_TYPES.USER ? /*#__PURE__*/jsx(UserPickerComponent, _objectSpread$28({
           onSearch: onSearchUsers,
           onChange: onChangeRecipient,
           label: searchText
-        }, UserPickerProps)) : null, GroupPickerComponent && recipientType === RECIPIENT_TYPES.GROUP ? /*#__PURE__*/jsx(GroupPickerComponent, _objectSpread$25(_objectSpread$25({
+        }, UserPickerProps)) : null, GroupPickerComponent && recipientType === RECIPIENT_TYPES.GROUP ? /*#__PURE__*/jsx(GroupPickerComponent, _objectSpread$28(_objectSpread$28({
           onSearch: onSearchGroups,
           onChange: onChangeRecipient,
           label: searchText
@@ -9213,7 +9217,7 @@ function EntityAccessEdit(_ref6) {
           hideDefaultGroups: hideDefaultGroups
         })) : null]
       })]
-    }), PermissionPickerComponent ? /*#__PURE__*/jsx(PermissionPickerComponent, _objectSpread$25({
+    }), PermissionPickerComponent ? /*#__PURE__*/jsx(PermissionPickerComponent, _objectSpread$28({
       value: permission,
       onChange: onChangePermission,
       selected: selected,
@@ -9240,12 +9244,12 @@ var EntityAccessEdit$1 = withStyles(styles$22, {
   name: 'VdtEntityAccessEdit'
 })(EntityAccessEdit);
 
-function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TableCellLabel = withStyles(function (theme) {
   return {
-    root: _objectSpread$24({
+    root: _objectSpread$27({
       display: 'flex',
       alignItems: 'center',
       borderStyle: 'none'
@@ -9254,7 +9258,7 @@ var TableCellLabel = withStyles(function (theme) {
 })(TableCell$1);
 var TableCellValue = withStyles(function (theme) {
   return {
-    root: _objectSpread$24({
+    root: _objectSpread$27({
       borderStyle: 'none'
     }, theme.typography.subtitle2)
   };
@@ -9359,7 +9363,7 @@ function EntityAccessRow(_ref2) {
     className: className,
     children: [/*#__PURE__*/jsxs(TableCellLabel, {
       component: "div",
-      children: [onRemove ? /*#__PURE__*/jsx(EntityAccessMenuComponent, _objectSpread$24({
+      children: [onRemove ? /*#__PURE__*/jsx(EntityAccessMenuComponent, _objectSpread$27({
         onRemove: onRemove,
         entityType: entityType,
         entityId: entityId,
@@ -9403,7 +9407,7 @@ function EntityAccessTable(_ref3) {
     children: /*#__PURE__*/jsx(TableBody$1, {
       component: "div",
       children: access.map(function (accessType) {
-        return /*#__PURE__*/jsx(EntityAccessRowComponent, _objectSpread$24({
+        return /*#__PURE__*/jsx(EntityAccessRowComponent, _objectSpread$27({
           accessType: accessType,
           entityType: entityType,
           entityId: entityId,
@@ -9420,9 +9424,9 @@ var EntityAccessTable$1 = withStyles({}, {
   name: 'VdtEntityAccessTable'
 })(EntityAccessTable);
 
-function ownKeys$23(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function ItemAccessTab(_ref) {
   var itemId = _ref.itemId,
@@ -9486,7 +9490,7 @@ function ItemAccessTab(_ref) {
         return setIsAdding(false);
       },
       onSubmit: onAdd
-    }) : /*#__PURE__*/jsx(EntityAccessTable$1, _objectSpread$23({
+    }) : /*#__PURE__*/jsx(EntityAccessTable$1, _objectSpread$26({
       entityType: "item",
       entityId: itemId,
       accessControlList: accessControlList,
@@ -9527,6 +9531,8 @@ function booleansToStrings(acc, _ref3, joinValue) {
       key = _ref4[0],
       value = _ref4[1];
 
+  if (value === undefined) return acc;
+
   if (value === null) {
     acc[key] = null;
   } else if (value === true) {
@@ -9540,7 +9546,9 @@ function booleansToStrings(acc, _ref3, joinValue) {
       return thisValue;
     });
   } else if (_typeof(value) === 'object') {
-    acc[key] = Object.entries(value).reduce(booleansToStrings, {});
+    acc[key] = Object.entries(value).reduce(function (a, c) {
+      return booleansToStrings(a, c, joinValue);
+    }, {});
   } else if (joinValue) {
     var valueArray = value.split(joinValue);
     acc[key] = valueArray.length > 1 ? valueArray : value;
@@ -9551,9 +9559,9 @@ function booleansToStrings(acc, _ref3, joinValue) {
   return acc;
 }
 
-function ownKeys$22(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function Field(_ref) {
   var props = _extends$4({}, _ref);
@@ -9568,19 +9576,19 @@ function Field(_ref) {
     },
     children: function children(_ref2) {
       var value = _ref2.input.value;
-      return /*#__PURE__*/jsx(Field$1, _objectSpread$22({
+      return /*#__PURE__*/jsx(Field$1, _objectSpread$25({
         parentField: parentField,
         parentValue: value
       }, props));
     }
-  }) : /*#__PURE__*/jsx(Field$1, _objectSpread$22({}, props));
+  }) : /*#__PURE__*/jsx(Field$1, _objectSpread$25({}, props));
 }
 
 var _excluded$12 = ["classes", "className", "name", "label", "labelText"];
 
-function ownKeys$21(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$21 = function styles(theme) {
   return {
@@ -9597,7 +9605,7 @@ var styles$21 = function styles(theme) {
       padding: '10px 0'
     },
     fieldCell: {
-      '& .MuiInput-root': _objectSpread$21(_objectSpread$21({}, theme.typography.body1), {}, {
+      '& .MuiInput-root': _objectSpread$24(_objectSpread$24({}, theme.typography.body1), {}, {
         '& .MuiInput-input': {
           lineHeight: '20px',
           height: '20px',
@@ -9643,7 +9651,7 @@ function ItemMetadataFieldRow(_ref) {
     }), /*#__PURE__*/jsx(TableCell$1, {
       className: clsx(classes.cell, classes.fieldCell, 'VdtItemMetadataFieldRow-fieldCell'),
       colSpan: 3,
-      children: /*#__PURE__*/jsx(Field, _objectSpread$21({
+      children: /*#__PURE__*/jsx(Field, _objectSpread$24({
         name: name,
         className: clsx(classes.field, 'VdtItemMetadataFieldRow-field')
       }, props))
@@ -9658,9 +9666,9 @@ var ItemMetadataFieldRow$1 = withStyles(styles$21, {
 var _excluded$11 = ["name", "fields", "groups"],
     _excluded2$b = ["name", "displayType"];
 
-function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$23(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DISPLAY_TYPES = {
   AUTOCOMPLETE: 'autocomplete',
   SELECT: 'select',
@@ -9764,7 +9772,7 @@ function PureItemMetadataFormTable(_ref2) {
           childGroups = _ref3.groups,
           props = _objectWithoutProperties(_ref3, _excluded$11);
 
-      return /*#__PURE__*/jsx(ItemMetadataFieldGroupRow, _objectSpread$20({
+      return /*#__PURE__*/jsx(ItemMetadataFieldGroupRow, _objectSpread$23({
         name: groupName ? "".concat(groupName, ".").concat(name) : name,
         fields: groupFields,
         groups: childGroups,
@@ -9779,7 +9787,7 @@ function PureItemMetadataFormTable(_ref2) {
           field.displayType;
           var props = _objectWithoutProperties(field, _excluded2$b);
 
-      return /*#__PURE__*/jsx(ItemMetadataFieldRow$1, _objectSpread$20(_objectSpread$20({
+      return /*#__PURE__*/jsx(ItemMetadataFieldRow$1, _objectSpread$23(_objectSpread$23({
         name: groupName ? "".concat(groupName, ".").concat(name) : name
       }, getFieldProps(field)), props), name);
     });
@@ -9868,9 +9876,9 @@ var ItemMetadataFormTable = withStyles(styles$20, {
   name: 'VdtItemMetadataFormTable'
 })(PureItemMetadataFormTable);
 
-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; }
+function ownKeys$22(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function ItemMetadataForm(_ref) {
   var _ref$fields = _ref.fields,
@@ -9887,7 +9895,7 @@ function ItemMetadataForm(_ref) {
       ItemMetadataFormProps = _ref$ItemMetadataForm2 === void 0 ? {} : _ref$ItemMetadataForm2;
   return /*#__PURE__*/jsxs("form", {
     onSubmit: handleSubmit,
-    children: [/*#__PURE__*/jsx(ItemMetadataFormComponent, _objectSpread$1$({
+    children: [/*#__PURE__*/jsx(ItemMetadataFormComponent, _objectSpread$22({
       fields: fields,
       groups: groups
     }, ItemMetadataFormProps)), handleFormSpy && /*#__PURE__*/jsx(FormSpy, {
@@ -9991,9 +9999,9 @@ function ItemMetadataEdit(_ref) {
   });
 }
 
-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; }
+function ownKeys$21(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1$ = function styles(theme) {
   return {
@@ -10003,7 +10011,7 @@ var styles$1$ = function styles(theme) {
     },
     text: {
       margin: 0,
-      '& > .MuiListItemText-primary': _objectSpread$1_({}, theme.typography.body2)
+      '& > .MuiListItemText-primary': _objectSpread$21({}, theme.typography.body2)
     },
     label: {
       flexBasis: '30%',
@@ -10066,13 +10074,13 @@ var ItemMetadataListFieldItem$1 = withStyles(styles$1$, {
   name: 'VdtItemMetadataListFieldItem'
 })(ItemMetadataListFieldItem);
 
-var _excluded$10 = ["classes", "className", "name", "label", "fields", "groups", "values", "showFieldName", "showOptionLabel", "formatValue"],
+var _excluded$10 = ["classes", "className", "name", "label", "fields", "groups", "values", "showFieldName", "showOptionLabel", "formatValue", "defaultExpanded"],
     _excluded2$a = ["name"],
     _excluded3$3 = ["name", "fields", "groups"];
 
-function ownKeys$1Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1_ = function styles(theme) {
   return {
@@ -10082,7 +10090,7 @@ var styles$1_ = function styles(theme) {
     label: {
       flexBasis: 1,
       margin: '2px',
-      '& > .MuiListItemText-primary': _objectSpread$1Z({}, theme.typography.body2)
+      '& > .MuiListItemText-primary': _objectSpread$20({}, theme.typography.body2)
     },
     list: {
       padding: 0,
@@ -10104,9 +10112,11 @@ function ItemMetadataListFieldGroupItem(_ref) {
       showFieldName = _ref.showFieldName,
       showOptionLabel = _ref.showOptionLabel,
       formatValue = _ref.formatValue,
+      _ref$defaultExpanded = _ref.defaultExpanded,
+      defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
       props = _objectWithoutProperties(_ref, _excluded$10);
 
-  var _useState = useState(true),
+  var _useState = useState(defaultExpanded),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
@@ -10116,7 +10126,7 @@ function ItemMetadataListFieldGroupItem(_ref) {
   };
 
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(ListItem, _objectSpread$1Z(_objectSpread$1Z({
+    children: [/*#__PURE__*/jsxs(ListItem, _objectSpread$20(_objectSpread$20({
       className: clsx(classes.root, 'VdtItemMetadataListFieldGroupItem-root', className),
       button: true,
       onClick: handleClick
@@ -10137,7 +10147,7 @@ function ItemMetadataListFieldGroupItem(_ref) {
           var fieldName = _ref2.name,
               fieldProps = _objectWithoutProperties(_ref2, _excluded2$a);
 
-          return /*#__PURE__*/jsx(ItemMetadataListFieldItem$1, _objectSpread$1Z({
+          return /*#__PURE__*/jsx(ItemMetadataListFieldItem$1, _objectSpread$20({
             name: fieldName,
             value: values[fieldName],
             showFieldName: showFieldName,
@@ -10150,7 +10160,7 @@ function ItemMetadataListFieldGroupItem(_ref) {
               childGroups = _ref3.groups,
               groupProps = _objectWithoutProperties(_ref3, _excluded3$3);
 
-          return /*#__PURE__*/jsx(ItemMetadataListFieldGroupItem, _objectSpread$1Z({
+          return /*#__PURE__*/jsx(ItemMetadataListFieldGroupItem, _objectSpread$20({
             classes: classes,
             className: className,
             name: groupName,
@@ -10175,9 +10185,9 @@ var _excluded$$ = ["classes", "className", "fields", "groups", "showFieldName",
     _excluded2$9 = ["name"],
     _excluded3$2 = ["name"];
 
-function ownKeys$1Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function 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; }
 
-function _objectSpread$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1Z = function styles() {
   return {
@@ -10214,7 +10224,7 @@ function ItemMetadataList(_ref) {
       var fieldName = _ref2.name,
           fieldProps = _objectWithoutProperties(_ref2, _excluded2$9);
 
-      return /*#__PURE__*/jsx(ItemMetadataListFieldItem$1, _objectSpread$1Y({
+      return /*#__PURE__*/jsx(ItemMetadataListFieldItem$1, _objectSpread$1$({
         name: fieldName,
         value: values[fieldName],
         showFieldName: showFieldName,
@@ -10224,7 +10234,7 @@ function ItemMetadataList(_ref) {
       var groupName = _ref3.name,
           groupProps = _objectWithoutProperties(_ref3, _excluded3$2);
 
-      return /*#__PURE__*/jsx(ItemMetadataListFieldGroupItem$1, _objectSpread$1Y({
+      return /*#__PURE__*/jsx(ItemMetadataListFieldGroupItem$1, _objectSpread$1$({
         name: groupName,
         values: values[groupName] ? values[groupName] : {},
         showFieldName: showFieldName,
@@ -10239,10 +10249,16 @@ var ItemMetadataList$1 = withStyles(styles$1Z, {
   name: 'VdtItemMetadataList'
 })(ItemMetadataList);
 
+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; }
+
+function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function ItemMetadataTab(_ref) {
   var itemId = _ref.itemId,
-      fields = _ref.fields,
-      groups = _ref.groups,
+      _ref$fields = _ref.fields,
+      fields = _ref$fields === void 0 ? [] : _ref$fields,
+      _ref$groups = _ref.groups,
+      groups = _ref$groups === void 0 ? [] : _ref$groups,
       _ref$editingLabel = _ref.editingLabel,
       editingLabel = _ref$editingLabel === void 0 ? function (isEditing) {
     return isEditing ? 'Cancel' : 'Edit';
@@ -10252,38 +10268,46 @@ function ItemMetadataTab(_ref) {
       onError = _ref.onError,
       _ref$editJoinValue = _ref.editJoinValue,
       editJoinValue = _ref$editJoinValue === void 0 ? ';' : _ref$editJoinValue,
+      _ref$displayJoinValue = _ref.displayJoinValue,
+      displayJoinValue = _ref$displayJoinValue === void 0 ? ', ' : _ref$displayJoinValue,
+      _ref$displayGroupAsLi = _ref.displayGroupAsList,
+      displayGroupAsList = _ref$displayGroupAsLi === void 0 ? false : _ref$displayGroupAsLi,
       _ref$useContentPaths = _ref.useContentPaths,
       useContentPaths = _ref$useContentPaths === void 0 ? false : _ref$useContentPaths,
-      formatValue = _ref.formatValue;
+      formatValue = _ref.formatValue,
+      _ref$queryParams = _ref.queryParams,
+      propsQueryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+      _ref$getAttributes = _ref.getAttributes,
+      getAttributes = _ref$getAttributes === void 0 ? false : _ref$getAttributes;
   var queryParams = useMemo(function () {
+    var memoQueryParams = _objectSpread$1_({}, propsQueryParams);
+
     if (useContentPaths) {
       var groupPathParams = groups ? groups.map(function (g) {
         return g.name;
       }).map(function (name) {
-        return "metadata.timespan.group[name=".concat(name, "]");
+        return "metadata.timespan[start=-INF][end=+INF].group[name=".concat(name, "]");
       }).join(',') : undefined;
       var fieldPathParams = fields ? fields.map(function (f) {
         return f.name;
       }).map(function (name) {
-        return "v(".concat(name, ")");
-      }).join(',') : 'metadata.timespan.field';
-      return {
-        p: [fieldPathParams, groupPathParams].join(',')
-      };
-    }
-
-    return {
-      field: fields ? fields.map(function (_ref2) {
+        return "metadata.timespan[start=-INF][end=+INF].field[name=".concat(name, "]");
+      }).join(',') : 'metadata.timespan[start=-INF][end=+INF].field';
+      memoQueryParams.p = encodeURIComponent([fieldPathParams, groupPathParams].join(','));
+    } else {
+      memoQueryParams.content = 'metadata';
+      if (Array.isArray(fields) && fields.length > 0) memoQueryParams.field = fields.map(function (_ref2) {
         var name = _ref2.name;
         return name;
-      }) : [],
-      group: groups ? groups.map(function (_ref3) {
+      });
+      if (Array.isArray(groups) && groups.length > 0) memoQueryParams.group = groups.map(function (_ref3) {
         var name = _ref3.name;
         return name;
-      }) : [],
-      content: 'metadata'
-    };
-  }, [fields, groups, useContentPaths]);
+      });
+    }
+
+    return memoQueryParams;
+  }, [fields, groups, useContentPaths, propsQueryParams]);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -10296,10 +10320,13 @@ function ItemMetadataTab(_ref) {
 
   var _useAddMetadataFieldA = useAddMetadataFieldAttributes({
     fields: fields,
-    groups: groups
+    groups: groups,
+    getAttributes: getAttributes
   }),
-      fieldsWithAttributes = _useAddMetadataFieldA.fieldsWithAttributes,
-      groupsWithAttributes = _useAddMetadataFieldA.groupsWithAttributes;
+      _useAddMetadataFieldA2 = _useAddMetadataFieldA.fieldsWithAttributes,
+      fieldsWithAttributes = _useAddMetadataFieldA2 === void 0 ? [] : _useAddMetadataFieldA2,
+      _useAddMetadataFieldA3 = _useAddMetadataFieldA.groupsWithAttributes,
+      groupsWithAttributes = _useAddMetadataFieldA3 === void 0 ? [] : _useAddMetadataFieldA3;
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [showEditMetadata && /*#__PURE__*/jsx(Box, {
@@ -10313,20 +10340,21 @@ function ItemMetadataTab(_ref) {
         label: editingLabel(isEditing),
         labelPlacement: "start"
       })
-    }), (fieldsWithAttributes.length > 0 || groupsWithAttributes.length > 0) && /*#__PURE__*/jsx(GetItem, {
+    }), /*#__PURE__*/jsx(GetItem, {
       itemId: itemId,
       queryParams: queryParams,
       children: showEditMetadata && isEditing ? /*#__PURE__*/jsx(ItemMetadataEdit, {
-        fields: fieldsWithAttributes,
-        groups: groupsWithAttributes,
+        fields: fieldsWithAttributes || fields,
+        groups: groupsWithAttributes || groups,
         onSuccess: toggleEdit,
         onError: onError,
         joinValue: editJoinValue
       }) : /*#__PURE__*/jsx(MetadataType$1, {
-        joinValue: ", ",
+        joinValue: displayJoinValue,
+        groupAsList: displayGroupAsList,
         children: /*#__PURE__*/jsx(ItemMetadataList$1, {
-          fields: fieldsWithAttributes,
-          groups: groupsWithAttributes,
+          fields: fieldsWithAttributes || fields,
+          groups: groupsWithAttributes || groups,
           formatValue: formatValue
         })
       })
@@ -10338,9 +10366,9 @@ var ItemMetadataTab$1 = withStyles({}, {
   name: 'VdtItemMetadataTab'
 })(ItemMetadataTab);
 
-function ownKeys$1X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function ItemFieldGroupTab(_ref) {
   var itemId = _ref.itemId,
@@ -10452,7 +10480,7 @@ function ItemFieldGroupTab(_ref) {
           }
         },
         renderInput: function renderInput(params) {
-          return /*#__PURE__*/jsx(TextField$2, _objectSpread$1X({
+          return /*#__PURE__*/jsx(TextField$2, _objectSpread$1Z({
             label: metadataGroupText
           }, params));
         }
@@ -16024,16 +16052,16 @@ function TableHead(_ref) {
 
 var _excluded$_ = ["classes", "label", "value", "formatValue"];
 
-function ownKeys$1W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1Y = function styles(theme) {
   return {
-    TableCellLabel: _objectSpread$1W({
+    TableCellLabel: _objectSpread$1Y({
       borderStyle: 'none'
     }, theme.typography.body2),
-    TableCellValue: _objectSpread$1W({
+    TableCellValue: _objectSpread$1Y({
       borderStyle: 'none',
       wordBreak: 'break-all'
     }, theme.typography.subtitle2)
@@ -16050,7 +16078,7 @@ function TableRow(_ref) {
   } : _ref$formatValue,
       props = _objectWithoutProperties(_ref, _excluded$_);
 
-  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$1W(_objectSpread$1W({}, props), {}, {
+  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$1Y(_objectSpread$1Y({}, props), {}, {
     children: [/*#__PURE__*/jsx(TableCell$1, {
       classes: {
         root: classes.TableCellLabel
@@ -16123,9 +16151,9 @@ function ContainerComponentTypeTableBody(_ref) {
   });
 }
 
-function ownKeys$1V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var EXIF = 'EXIF';
 var IPTC = 'IPTC';
 var XMP = 'XMP';
@@ -16156,7 +16184,7 @@ var getEmbeddedMetadata = function getEmbeddedMetadata() {
     });
 
     if (embeddedKey) {
-      var newAcc = _objectSpread$1V({}, acc);
+      var newAcc = _objectSpread$1X({}, acc);
 
       if (newAcc[embeddedKey.label] === undefined) newAcc[embeddedKey.label] = {};
       newAcc[embeddedKey.label][key.replace(embeddedKey.prefix, '')] = value;
@@ -16514,9 +16542,9 @@ var ItemShapeMenu$1 = withStyles(styles$1X, {
   name: 'VdtItemShapeMenu'
 })(ItemShapeMenu);
 
-function ownKeys$1U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ItemShapeRow(_ref) {
   var shapeType = _ref.shapeType,
       TableRowProps = _ref.TableRowProps,
@@ -16541,7 +16569,7 @@ function ItemShapeRow(_ref) {
   };
 
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(TableRow$4, _objectSpread$1U(_objectSpread$1U({}, TableRowProps), {}, {
+    children: [/*#__PURE__*/jsxs(TableRow$4, _objectSpread$1W(_objectSpread$1W({}, TableRowProps), {}, {
       children: [/*#__PURE__*/jsx(TableCell$1, {
         children: canExpand && /*#__PURE__*/jsx(IconButton, {
           size: "small",
@@ -16700,9 +16728,9 @@ Component$S.displayName = 'ItemShapeTable';
 
 var _excluded$Z = ["itemId", "hidden"];
 
-function ownKeys$1T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var queryParams$2 = {
   content: 'shape',
   methodMetadata: [{
@@ -16741,7 +16769,7 @@ function ItemShapeTab(_ref) {
 
     hiddenRef.current = hidden;
   }, [hidden, onRefresh]);
-  return /*#__PURE__*/jsx(Component$S, _objectSpread$1T({
+  return /*#__PURE__*/jsx(Component$S, _objectSpread$1V({
     itemId: itemId,
     itemType: itemType,
     onRemove: onRemove
@@ -16901,9 +16929,9 @@ function ItemPosterDialog(_ref) {
   });
 }
 
-function ownKeys$1S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1U = function styles(theme) {
   return {
     root: {
@@ -16916,7 +16944,7 @@ var styles$1U = function styles(theme) {
       paddingLeft: theme.spacing(0.5),
       paddingRight: theme.spacing(0.5)
     },
-    label: _objectSpread$1S(_objectSpread$1S({}, theme.typography.caption), {}, {
+    label: _objectSpread$1U(_objectSpread$1U({}, theme.typography.caption), {}, {
       color: 'inherit'
     })
   };
@@ -16987,9 +17015,9 @@ function MediaCardDurationLabel(_ref) {
 
 var _excluded$Y = ["classes", "className", "component", "image", "height", "width", "primaryColor", "onClick", "labelLeftTop", "LabelComponentLeftTop", "LabelPropsLeftTop", "labelLeftBottom", "LabelComponentLeftBottom", "LabelPropsLeftBottom", "labelRightTop", "LabelComponentRightTop", "LabelPropsRightTop", "labelRightBottom", "LabelComponentRightBottom", "LabelPropsRightBottom", "innerProps", "scrubOnHover", "scrubOffsetProp", "scrubLabelLeftMargin", "ScrubLabelComponent", "ScrubLabelProps"];
 
-function ownKeys$1R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1T = function styles(theme) {
   return {
     root: {},
@@ -17123,7 +17151,7 @@ function MediaCardThumbnail(_ref) {
   var scrubPostionPrecentage = scrubPosition / thumbnailWidth * 100;
   var scrubLabelPosition = -(scrubPostionPrecentage / 100 * scrubLabelLeftMargin).toFixed(0);
   var itemPath = thumbnailTimeCode ? "".concat(itemId, "?t=").concat(thumbnailTimeCode.toSeconds().toFixed(0)) : "".concat(itemId);
-  return /*#__PURE__*/jsx(Component, _objectSpread$1R(_objectSpread$1R({
+  return /*#__PURE__*/jsx(Component, _objectSpread$1T(_objectSpread$1T({
     className: clsx(classes.root, className, _defineProperty({}, classes.onClick, _onClick)),
     onMouseEnter: scrubOnHover === true ? handleShowScrub(true) : undefined,
     onMouseLeave: scrubOnHover === true ? handleShowScrub(false) : undefined,
@@ -17154,7 +17182,7 @@ function MediaCardThumbnail(_ref) {
           left: scrubPosition,
           display: showScrub ? 'block' : 'none'
         },
-        children: thumbnailTimeCode && /*#__PURE__*/jsx(ScrubLabelComponent, _objectSpread$1R({
+        children: thumbnailTimeCode && /*#__PURE__*/jsx(ScrubLabelComponent, _objectSpread$1T({
           className: classes.scrubLabel,
           style: {
             left: scrubLabelPosition
@@ -17167,13 +17195,13 @@ function MediaCardThumbnail(_ref) {
           className: classes.labelTop,
           children: [/*#__PURE__*/jsx("div", {
             className: classes.labelLeftTop,
-            children: /*#__PURE__*/jsx(LabelComponentLeftTop, _objectSpread$1R({
+            children: /*#__PURE__*/jsx(LabelComponentLeftTop, _objectSpread$1T({
               label: labelLeftTop,
               innerProps: innerProps
             }, LabelPropsLeftTop))
           }), /*#__PURE__*/jsx("div", {
             className: classes.labelRightTop,
-            children: /*#__PURE__*/jsx(LabelComponentRightTop, _objectSpread$1R({
+            children: /*#__PURE__*/jsx(LabelComponentRightTop, _objectSpread$1T({
               label: labelRightTop,
               innerProps: innerProps
             }, LabelPropsRightTop))
@@ -17182,13 +17210,13 @@ function MediaCardThumbnail(_ref) {
           className: classes.labelBottom,
           children: [/*#__PURE__*/jsx("div", {
             className: classes.labelLeftBottom,
-            children: /*#__PURE__*/jsx(LabelComponentLeftBottom, _objectSpread$1R({
+            children: /*#__PURE__*/jsx(LabelComponentLeftBottom, _objectSpread$1T({
               label: labelLeftBottom,
               innerProps: innerProps
             }, LabelPropsLeftBottom))
           }), /*#__PURE__*/jsx("div", {
             className: classes.labelRightBottom,
-            children: /*#__PURE__*/jsx(LabelComponentRightBottom, _objectSpread$1R({
+            children: /*#__PURE__*/jsx(LabelComponentRightBottom, _objectSpread$1T({
               label: labelRightBottom,
               innerProps: innerProps
             }, LabelPropsRightBottom))
@@ -17272,9 +17300,9 @@ var Component$P = withStyles(styles$1T, {
 })(MediaCardThumbnail);
 Component$P.displayName = 'MediaCardThumbnail';
 
-function ownKeys$1Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1S = function styles(theme) {
   return {
@@ -17311,7 +17339,7 @@ function ItemPosterList(_ref) {
           onClick: handleOpen ? function () {
             return handleOpen(posterIdx);
           } : undefined,
-          children: /*#__PURE__*/jsx(MediaCardThumbnailComponent, _objectSpread$1Q({
+          children: /*#__PURE__*/jsx(MediaCardThumbnailComponent, _objectSpread$1S({
             image: thumbnailUri,
             labelRightBottom: time.toDuration({
               format: 'hhmmss'
@@ -17499,9 +17527,9 @@ function MediaCardActions(_ref) {
 
 var _excluded$X = ["className", "classes", "mimeType", "audioIcon", "videoIcon", "imageIcon", "fileIcon", "placeholderIcon", "collectionIcon"];
 
-function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AUDIO_MIMETYPE_PREFIX = 'audio';
 var VIDEO_MIMETYPE_PREFIX = 'video';
 var IMAGE_MIMETYPE_PREFIX = 'image';
@@ -17529,7 +17557,7 @@ function MimeTypeIcon(_ref) {
 
   var IconComponent = fileIcon;
   if (!mimeType || typeof mimeType !== 'string') IconComponent = placeholderIcon;else if (mimeType.toLowerCase().startsWith(AUDIO_MIMETYPE_PREFIX)) IconComponent = audioIcon;else if (mimeType.toLowerCase().startsWith(VIDEO_MIMETYPE_PREFIX)) IconComponent = videoIcon;else if (mimeType.toLowerCase().startsWith(IMAGE_MIMETYPE_PREFIX)) IconComponent = imageIcon;else if (mimeType.toLowerCase() === COLLECTION$4) IconComponent = collectionIcon;else if (mimeType.toLowerCase() === FILE$1) IconComponent = fileIcon;else if (mimeType.toLowerCase() === PLACEHOLDER) IconComponent = placeholderIcon;
-  return /*#__PURE__*/jsx(IconComponent, _objectSpread$1P({
+  return /*#__PURE__*/jsx(IconComponent, _objectSpread$1R({
     className: clsx(className, classes.root)
   }, props));
 }
@@ -17574,9 +17602,9 @@ var Component$O = withStyles(styles$1R, {
 })(MimeTypeIcon);
 Component$O.displayName = 'MimeTypeIcon';
 
-function ownKeys$1O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1Q = {
   root: {
     transition: 'background-color .2s ease-out'
@@ -17601,7 +17629,7 @@ function MediaCardAvatar(_ref) {
       SkeletonProps = _ref$SkeletonProps === void 0 ? {} : _ref$SkeletonProps,
       _ref$AvatarProps = _ref.AvatarProps,
       AvatarProps = _ref$AvatarProps === void 0 ? {} : _ref$AvatarProps;
-  return /*#__PURE__*/jsx(Avatar, _objectSpread$1O(_objectSpread$1O({
+  return /*#__PURE__*/jsx(Avatar, _objectSpread$1Q(_objectSpread$1Q({
     className: clsx(className, 'VdtMediaCardAvatar-root'),
     style: {
       transition: 'background-color .2s ease-out'
@@ -17611,11 +17639,11 @@ function MediaCardAvatar(_ref) {
       colorDefault: skeleton ? classes.colorDefaultSkeleton : undefined
     }
   }, AvatarProps), {}, {
-    children: skeleton ? /*#__PURE__*/jsx(Skeleton, _objectSpread$1O({
+    children: skeleton ? /*#__PURE__*/jsx(Skeleton, _objectSpread$1Q({
       variant: variant === 'square' ? 'rect' : variant,
       height: "100%",
       width: "100%"
-    }, SkeletonProps)) : /*#__PURE__*/jsx(MimeTypeComponent, _objectSpread$1O({
+    }, SkeletonProps)) : /*#__PURE__*/jsx(MimeTypeComponent, _objectSpread$1Q({
       mimeType: avatar
     }, MimeTypeProps))
   }));
@@ -17650,9 +17678,9 @@ Component$N.displayName = 'MediaCardAvatar';
 
 var _excluded$W = ["className", "classes", "checked", "handleHover", "children", "innerProps"];
 
-function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles$1P = function styles(theme) {
   return {
@@ -17693,7 +17721,7 @@ function MediaCardCard(_ref) {
       _ref.innerProps;
       var CardProps = _objectWithoutProperties(_ref, _excluded$W);
 
-  return /*#__PURE__*/jsx(Card$1, _objectSpread$1N(_objectSpread$1N({
+  return /*#__PURE__*/jsx(Card$1, _objectSpread$1P(_objectSpread$1P({
     className: clsx(classes.root, _defineProperty({}, classes.checked, checked), 'VdtMediaCardCard-root', className),
     onMouseEnter: handleHover,
     onMouseLeave: handleHover,
@@ -17805,9 +17833,9 @@ function MediaCardMenu(_ref) {
   });
 }
 
-function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useStyles = makeStyles({
   root: {
     paddingLeft: 8,
@@ -17856,7 +17884,7 @@ function MediaCardHeader(_ref) {
   var classes = useStyles();
   return /*#__PURE__*/jsx(CardHeader$1, {
     className: className,
-    avatar: AvatarComponent && /*#__PURE__*/jsx(AvatarComponent, _objectSpread$1M({
+    avatar: AvatarComponent && /*#__PURE__*/jsx(AvatarComponent, _objectSpread$1O({
       primaryColor: primaryColor,
       secondaryColor: secondaryColor,
       hover: hover,
@@ -17865,7 +17893,7 @@ function MediaCardHeader(_ref) {
       checked: checked,
       innerProps: innerProps
     }, AvatarProps)),
-    action: MenuComponent && /*#__PURE__*/jsx(MenuComponent, _objectSpread$1M({
+    action: MenuComponent && /*#__PURE__*/jsx(MenuComponent, _objectSpread$1O({
       hover: hover,
       innerProps: innerProps,
       primaryColor: primaryColor,
@@ -17886,9 +17914,9 @@ function MediaCardHeader(_ref) {
 
 var _excluded$V = ["className", "classes", "onHover", "onCheck", "onClick", "checked", "title", "subheader", "image", "content", "avatar", "CardComponent", "CardProps", "HeaderComponent", "HeaderProps", "ThumbnailComponent", "ThumbnailProps", "ContentComponent", "ContentProps", "ActionsComponent", "ActionsProps", "AvatarComponent", "AvatarProps", "MenuComponent", "MenuProps"];
 
-function ownKeys$1L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1O = function styles() {
   return {
     root: {}
@@ -17937,12 +17965,12 @@ function MediaCard(_ref) {
   var handleOnClick = onClick ? function (event, path, timecode) {
     return onClick(event, innerProps, path, timecode);
   } : undefined;
-  return /*#__PURE__*/jsxs(CardComponent, _objectSpread$1L(_objectSpread$1L({
+  return /*#__PURE__*/jsxs(CardComponent, _objectSpread$1N(_objectSpread$1N({
     className: clsx(className, classes.root),
     checked: checked,
     innerProps: innerProps
   }, CardProps), {}, {
-    children: [HeaderComponent && /*#__PURE__*/jsx(HeaderComponent, _objectSpread$1L(_objectSpread$1L({
+    children: [HeaderComponent && /*#__PURE__*/jsx(HeaderComponent, _objectSpread$1N(_objectSpread$1N({
       title: title,
       subheader: subheader,
       avatar: avatar,
@@ -17953,14 +17981,14 @@ function MediaCard(_ref) {
       AvatarProps: AvatarProps,
       MenuComponent: MenuComponent,
       MenuProps: MenuProps
-    }, HeaderProps), innerProps)), ThumbnailComponent && /*#__PURE__*/jsx(ThumbnailComponent, _objectSpread$1L({
+    }, HeaderProps), innerProps)), ThumbnailComponent && /*#__PURE__*/jsx(ThumbnailComponent, _objectSpread$1N({
       image: image,
       innerProps: innerProps,
       onClick: handleOnClick
-    }, ThumbnailProps)), ContentComponent && /*#__PURE__*/jsx(ContentComponent, _objectSpread$1L({
+    }, ThumbnailProps)), ContentComponent && /*#__PURE__*/jsx(ContentComponent, _objectSpread$1N({
       content: content,
       innerProps: innerProps
-    }, ContentProps)), ActionsComponent && /*#__PURE__*/jsx(ActionsComponent, _objectSpread$1L({
+    }, ContentProps)), ActionsComponent && /*#__PURE__*/jsx(ActionsComponent, _objectSpread$1N({
       handleChecked: handleChecked,
       checked: checked,
       innerProps: innerProps
@@ -18052,9 +18080,9 @@ function CollectionAvatar() {
 
 var _excluded$U = ["collectionType", "MediaCardComponent", "AvatarComponent", "ThumbnailComponent", "MenuComponent", "ContentComponent", "ActionsComponent", "metadataToProps", "parseMetadataOpts", "titleSelector", "subheaderSelector"];
 
-function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1N = {};
 
 var metadataToProps$3 = function metadataToProps(_ref) {
@@ -18094,7 +18122,7 @@ function CollectionCard(_ref2) {
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [handleMetadataToProps]);
-  return /*#__PURE__*/jsx(MediaCardComponent, _objectSpread$1K({
+  return /*#__PURE__*/jsx(MediaCardComponent, _objectSpread$1M({
     title: mediaCardProps.title,
     subheader: mediaCardProps.subheader,
     collectionType: collectionType,
@@ -18272,9 +18300,9 @@ Component$K.displayName = 'ImageCollage';
 
 var _excluded$T = ["classes", "className", "component", "height", "width", "primaryColor", "onClick", "onError", "innerProps", "ImageCollageProps"];
 
-function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1L = function styles() {
   return {
     root: {},
@@ -18348,7 +18376,7 @@ function CollectionCardThumbnail(_ref) {
     });
   };
 
-  return /*#__PURE__*/jsx(Component, _objectSpread$1J(_objectSpread$1J({
+  return /*#__PURE__*/jsx(Component, _objectSpread$1L(_objectSpread$1L({
     className: clsx(classes.root, className, _defineProperty({}, classes.isClickable, onClick)),
     onClick: onClick
   }, props), {}, {
@@ -18358,7 +18386,7 @@ function CollectionCardThumbnail(_ref) {
         width: width,
         backgroundColor: thumbnailUrls.length ? undefined : primaryColor
       },
-      children: /*#__PURE__*/jsx(Component$K, _objectSpread$1J({
+      children: /*#__PURE__*/jsx(Component$K, _objectSpread$1L({
         className: "VdtCollectionCardThumbnail-image",
         urls: thumbnailUrls,
         onError: handleError
@@ -18408,9 +18436,9 @@ var Component$J = withStyles(styles$1L, {
 })(CollectionCardThumbnail);
 Component$J.displayName = 'CollectionCardThumbnail';
 
-function ownKeys$1I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1K = {
   root: {}
 };
@@ -18431,23 +18459,23 @@ function CollectionGrid(_ref) {
 
   var _onClick = onCollectionClick || onItemClick;
 
-  return /*#__PURE__*/jsx(Grid, _objectSpread$1I(_objectSpread$1I({
+  return /*#__PURE__*/jsx(Grid, _objectSpread$1K(_objectSpread$1K({
     container: true,
     className: clsx(classes.root, 'VdtCollectionCreateDialog-root', className) // eslint-disable-next-line react/jsx-props-no-spreading
 
   }, GridContainerProps), {}, {
     children: collection && collection.map(function (collectionType, index) {
-      return /*#__PURE__*/jsx(Grid, _objectSpread$1I(_objectSpread$1I({
+      return /*#__PURE__*/jsx(Grid, _objectSpread$1K(_objectSpread$1K({
         item: true,
         xs: "auto",
         onClick: function onClick() {
           return _onClick && _onClick(collectionType);
         }
       }, GridItemProps), {}, {
-        style: _objectSpread$1I({
+        style: _objectSpread$1K({
           cursor: _onClick ? 'pointer' : 'initial'
         }, gridItemPropsStyle),
-        children: /*#__PURE__*/jsx(CollectionCardComponent, _objectSpread$1I({
+        children: /*#__PURE__*/jsx(CollectionCardComponent, _objectSpread$1K({
           index: index,
           collectionId: collectionType.id,
           collectionType: collectionType
@@ -18493,9 +18521,9 @@ Component$I.displayName = 'CollectionGrid';
 
 var _excluded$S = ["classes", "className", "options", "metadataToProps", "parseMetadataOpts", "selected", "onCheck", "onClick", "TableRowProps"];
 
-function ownKeys$1H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var defaultMetadataToProps = function defaultMetadataToProps(_ref) {
   var collectionType = _ref.collectionType,
@@ -18547,7 +18575,7 @@ function CollectionRow(_ref3) {
     if (onCheck) onCheck(event, !selected, innerProps);
   };
 
-  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$1H(_objectSpread$1H({
+  return /*#__PURE__*/jsxs(TableRow$4, _objectSpread$1J(_objectSpread$1J({
     className: clsx(classes.root, 'VdtCollectionRow-root', className),
     hover: true,
     selected: selected,
@@ -18617,9 +18645,9 @@ Component$H.displayName = 'CollectionRow';
 
 var _excluded$R = ["classes", "className", "collectionListType", "RowComponent", "options", "onCheck", "selected", "onRowClick"];
 
-function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1I = function styles() {
   return {
     root: {}
@@ -18659,7 +18687,7 @@ function CollectionTable(_ref) {
       })
     }), /*#__PURE__*/jsx(TableBody$1, {
       children: collection && collection.map(function (collectionType) {
-        return /*#__PURE__*/jsx(RowComponent, _objectSpread$1G({
+        return /*#__PURE__*/jsx(RowComponent, _objectSpread$1I({
           collectionType: collectionType,
           collectionId: collectionType.id,
           options: options,
@@ -18713,9 +18741,9 @@ var JOIN_CHARACTER$1 = '_';
 var ROOT = 'ROOT';
 var DROP_ZONE_ROOT = 'DROP_ZONE_ROOT';
 
-function ownKeys$1F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var EntityTreeContext = /*#__PURE__*/createContext({
   childIds: {},
   addAsChildrenToCollection: function addAsChildrenToCollection() {
@@ -18769,7 +18797,7 @@ function EntityTreeProvider(_ref) {
             existingChildIds = _old$collectionId === void 0 ? {} : _old$collectionId;
         var _existingChildIds$col = existingChildIds.collectionIds,
             existingCollectionsIds = _existingChildIds$col === void 0 ? [] : _existingChildIds$col;
-        return _objectSpread$1F(_objectSpread$1F({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1F(_objectSpread$1F({}, existingChildIds), {}, {
+        return _objectSpread$1H(_objectSpread$1H({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1H(_objectSpread$1H({}, existingChildIds), {}, {
           collectionIds: _toConsumableArray(Array.from(new Set([].concat(_toConsumableArray(existingCollectionsIds), _toConsumableArray(collectionIds)))))
         })));
       });
@@ -18780,7 +18808,7 @@ function EntityTreeProvider(_ref) {
             existingChildIds = _old$collectionId2 === void 0 ? {} : _old$collectionId2;
         var _existingChildIds$ite = existingChildIds.itemIds,
             existingItemIds = _existingChildIds$ite === void 0 ? [] : _existingChildIds$ite;
-        return _objectSpread$1F(_objectSpread$1F({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1F(_objectSpread$1F({}, existingChildIds || {}), {}, {
+        return _objectSpread$1H(_objectSpread$1H({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1H(_objectSpread$1H({}, existingChildIds || {}), {}, {
           itemIds: _toConsumableArray(Array.from(new Set([].concat(_toConsumableArray(existingItemIds), _toConsumableArray(itemIds)))))
         })));
       });
@@ -18795,7 +18823,7 @@ function EntityTreeProvider(_ref) {
             existingChildIds = _old$collectionId3 === void 0 ? {} : _old$collectionId3;
         var _existingChildIds$col2 = existingChildIds.collectionIds,
             existingCollectionsIds = _existingChildIds$col2 === void 0 ? [] : _existingChildIds$col2;
-        return _objectSpread$1F(_objectSpread$1F({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1F(_objectSpread$1F({}, existingChildIds), {}, {
+        return _objectSpread$1H(_objectSpread$1H({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1H(_objectSpread$1H({}, existingChildIds), {}, {
           collectionIds: _toConsumableArray(existingCollectionsIds.filter(function (id) {
             return !collectionIds.includes(id);
           }))
@@ -18808,7 +18836,7 @@ function EntityTreeProvider(_ref) {
             existingChildIds = _old$collectionId4 === void 0 ? {} : _old$collectionId4;
         var _existingChildIds$ite2 = existingChildIds.itemIds,
             existingItemIds = _existingChildIds$ite2 === void 0 ? [] : _existingChildIds$ite2;
-        return _objectSpread$1F(_objectSpread$1F({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1F(_objectSpread$1F({}, existingChildIds), {}, {
+        return _objectSpread$1H(_objectSpread$1H({}, old), {}, _defineProperty({}, collectionId, _objectSpread$1H(_objectSpread$1H({}, existingChildIds), {}, {
           itemIds: _toConsumableArray(existingItemIds.filter(function (id) {
             return !itemIds.includes(id);
           }))
@@ -18958,9 +18986,9 @@ var useDragOffsetDiff = function useDragOffsetDiff(enabled) {
   return dragOffsetDiff;
 };
 
-function ownKeys$1E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var layerStyles = {
   position: 'fixed',
   pointerEvents: 'none',
@@ -19063,7 +19091,7 @@ function DragLayer(_ref5) {
       style: getItemStyles(diffOffset, initialOffset, getMouseOffset(initialOffset, mousePosition, componentSize || getComponentSize(containerRef))),
       children: Component && dragInfo ? /*#__PURE__*/jsx("div", {
         ref: containerRef,
-        children: /*#__PURE__*/jsx(Component, _objectSpread$1E({}, dragInfo))
+        children: /*#__PURE__*/jsx(Component, _objectSpread$1G({}, dragInfo))
       }) : null
     })
   }) : null;
@@ -19220,9 +19248,9 @@ var extractEntityInfo = (function (props) {
 
 var _excluded$Q = ["className", "classes", "onSort", "onDragStart", "dragInfo", "wrapDragInDiv", "acceptedEntityTypes", "callbackOnDrop"];
 
-function ownKeys$1D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ACCEPTED_ENTITY_TYPES$1 = ['COLLECTION', 'ITEM']; // Adds what to include when dropped on native droppable interfaces (e.g. WordPad)
 
 var defaultHandleDragStart = function defaultHandleDragStart(event, dragInfo) {
@@ -19328,9 +19356,9 @@ var withDrag = function withDrag(Component) {
         }
       }, [hasDraggedComponent, preview]);
 
-      var DragComponent = /*#__PURE__*/jsx(Component, _objectSpread$1D({
+      var DragComponent = /*#__PURE__*/jsx(Component, _objectSpread$1F({
         className: clsx(className, isDragging && classes.isDragging, isDragging && 'VdtDraggable-isDragging', isOver && classes.isOver, isOver && 'VdtDraggable-isOver'),
-        classes: _objectSpread$1D(_objectSpread$1D({}, classes), {}, {
+        classes: _objectSpread$1F(_objectSpread$1F({}, classes), {}, {
           isDragging: undefined,
           'VdtDraggable-isDragging': undefined,
           isOver: undefined,
@@ -19353,16 +19381,16 @@ var withDrag = function withDrag(Component) {
         children: DragComponent
       });
     } catch (_) {
-      return /*#__PURE__*/jsx(Component, _objectSpread$1D({}, props));
+      return /*#__PURE__*/jsx(Component, _objectSpread$1F({}, props));
     }
   };
 };
 
 var _excluded$P = ["className", "classes", "onDrop", "dropInfo", "ignoreDropOnExitingIds", "ignoreDropOnSameEntity", "acceptedEntityTypes"];
 
-function ownKeys$1C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ACCEPTED_ENTITY_TYPES = ['COLLECTION', 'ITEM'];
 
 var withDrop = function withDrop(Component) {
@@ -19438,7 +19466,7 @@ var withDrop = function withDrop(Component) {
           drop = _useDrop2[1];
 
       var classesWithoutDropStyles = useMemo(function () {
-        return _objectSpread$1C(_objectSpread$1C({}, classes), {}, {
+        return _objectSpread$1E(_objectSpread$1E({}, classes), {}, {
           isOver: undefined,
           canDrop: undefined,
           'VdtDroppable-isOver': undefined,
@@ -19446,7 +19474,7 @@ var withDrop = function withDrop(Component) {
         });
       }, [classes]);
       var DropComponent = useMemo(function () {
-        return /*#__PURE__*/jsx(Component, _objectSpread$1C({
+        return /*#__PURE__*/jsx(Component, _objectSpread$1E({
           className: clsx(className, isOver && classes.isOver, canDrop && classes.canDrop, isOver && 'VdtDroppable-isOver', canDrop && 'VdtDroppable-canDrop'),
           classes: classesWithoutDropStyles
         }, props));
@@ -19456,7 +19484,7 @@ var withDrop = function withDrop(Component) {
         children: DropComponent
       });
     } catch (_) {
-      return /*#__PURE__*/jsx(Component, _objectSpread$1C({}, props));
+      return /*#__PURE__*/jsx(Component, _objectSpread$1E({}, props));
     }
   };
 };
@@ -19545,9 +19573,9 @@ var ItemLabelDroppable = compose(withStyles$1(styles$1F, {
   name: 'VdtItemLabelDroppable'
 }), withDrop)(ItemLabel$1);
 
-function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1E = {
   root: {}
 };
@@ -19569,14 +19597,14 @@ function ItemTreeItem(_ref) {
       _ref$ItemLabelProps = _ref.ItemLabelProps,
       ItemLabelProps = _ref$ItemLabelProps === void 0 ? {} : _ref$ItemLabelProps;
 
-  var label = /*#__PURE__*/jsx(ItemLabelComponent, _objectSpread$1B({
+  var label = /*#__PURE__*/jsx(ItemLabelComponent, _objectSpread$1D({
     item: item,
     parentCollectionId: parentCollectionId,
     nodeId: nodeId,
     onDrop: onDrop
   }, ItemLabelProps));
 
-  return /*#__PURE__*/jsx(TreeItemComponent, _objectSpread$1B({
+  return /*#__PURE__*/jsx(TreeItemComponent, _objectSpread$1D({
     className: clsx(classes.root, 'VdtItemTreeItem-root', className),
     label: label,
     nodeId: nodeId,
@@ -19644,9 +19672,9 @@ var CollectionLabelDroppable = compose(withStyles$1(styles$1C, {
 
 var _excluded$O = ["parentCollectionId", "collection", "nodeId"];
 
-function ownKeys$1A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultCollectionState = {
   queryParams: {
     field: ['content'],
@@ -19665,8 +19693,8 @@ var getStateWithParentCollection = function getStateWithParentCollection(state,
       itemSearchDocument = _state$itemSearchDocu === void 0 ? {} : _state$itemSearchDocu;
   var _itemSearchDocument$f = itemSearchDocument.field,
       field = _itemSearchDocument$f === void 0 ? [] : _itemSearchDocument$f;
-  return _objectSpread$1A(_objectSpread$1A({}, state), {}, {
-    itemSearchDocument: _objectSpread$1A(_objectSpread$1A({}, itemSearchDocument), {}, {
+  return _objectSpread$1C(_objectSpread$1C({}, state), {}, {
+    itemSearchDocument: _objectSpread$1C(_objectSpread$1C({}, itemSearchDocument), {}, {
       field: [].concat(_toConsumableArray(field), [{
         name: '__parent_collection',
         value: [{
@@ -19739,7 +19767,7 @@ function CollectionTreeList(_ref) {
             case 0:
               _context.prev = 0;
               _context.next = 3;
-              return collection.getCollectionItem(_objectSpread$1A(_objectSpread$1A({}, itemState), {}, {
+              return collection.getCollectionItem(_objectSpread$1C(_objectSpread$1C({}, itemState), {}, {
                 collectionId: collectionId
               }));
 
@@ -19822,7 +19850,7 @@ function CollectionTreeList(_ref) {
             case 0:
               _context3.prev = 0;
               _context3.next = 3;
-              return collection.getCollection(_objectSpread$1A(_objectSpread$1A({}, collectionState), {}, {
+              return collection.getCollection(_objectSpread$1C(_objectSpread$1C({}, collectionState), {}, {
                 collectionId: collectionId
               }));
 
@@ -19917,7 +19945,7 @@ function CollectionTreeList(_ref) {
     getCollection(collectionId); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [collectionId]);
 
-  var label = /*#__PURE__*/jsx(CollectionLabelComponent, _objectSpread$1A({
+  var label = /*#__PURE__*/jsx(CollectionLabelComponent, _objectSpread$1C({
     collection: collection$1,
     parentCollectionId: parentCollectionId,
     nodeId: nodeId,
@@ -19928,7 +19956,7 @@ function CollectionTreeList(_ref) {
     return [entityType, entityId, COLLECTION$3, parentId, COLLECTION$3, grandParentId].join(JOIN_CHARACTER$1);
   };
 
-  return /*#__PURE__*/jsxs(TreeItemComponent, _objectSpread$1A(_objectSpread$1A({
+  return /*#__PURE__*/jsxs(TreeItemComponent, _objectSpread$1C(_objectSpread$1C({
     className: clsx(className, classes.root, 'VdtCollectionTreeList-root'),
     nodeId: nodeId,
     dragInfo: {
@@ -19939,12 +19967,12 @@ function CollectionTreeList(_ref) {
     label: label
   }, TreeItemProps), {}, {
     children: [childCollections.length ? childCollections.map(function (c) {
-      return /*#__PURE__*/jsx(CollectionComponent, _objectSpread$1A({
+      return /*#__PURE__*/jsx(CollectionComponent, _objectSpread$1C({
         parentCollectionId: collectionId,
         collection: c
       }, props), getKey(COLLECTION$3, c.id, collectionId, parentCollectionId));
     }) : undefined, childItems.length ? childItems.map(function (i) {
-      return /*#__PURE__*/jsx(ItemComponent, _objectSpread$1A({
+      return /*#__PURE__*/jsx(ItemComponent, _objectSpread$1C({
         item: i,
         parentCollectionId: collectionId,
         onDrop: onDrop
@@ -19958,9 +19986,9 @@ var Component$F = withStyles(styles$1B, {
 })(CollectionTreeList);
 Component$F.displayName = 'CollectionTreeList';
 
-function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1A = function styles() {
   return {
     ListItemSecondaryAction: {
@@ -19996,7 +20024,7 @@ function CollectionListItem(_ref) {
   if (typeof primary === 'string') {
     primaryText = parsedMetadata[primary];
   } else if (typeof primary === 'function') {
-    primaryText = primary(_objectSpread$1z(_objectSpread$1z({}, parsedMetadata), {}, {
+    primaryText = primary(_objectSpread$1B(_objectSpread$1B({}, parsedMetadata), {}, {
       collectionType: collectionType,
       collectionId: collectionId
     }));
@@ -20005,13 +20033,13 @@ function CollectionListItem(_ref) {
   if (typeof secondary === 'string') {
     secondaryText = parsedMetadata[secondary];
   } else if (typeof secondary === 'function') {
-    secondaryText = secondary(_objectSpread$1z(_objectSpread$1z({}, parsedMetadata), {}, {
+    secondaryText = secondary(_objectSpread$1B(_objectSpread$1B({}, parsedMetadata), {}, {
       collectionType: collectionType,
       collectionId: collectionId
     }));
   }
 
-  return /*#__PURE__*/jsxs(ListItem, _objectSpread$1z(_objectSpread$1z({
+  return /*#__PURE__*/jsxs(ListItem, _objectSpread$1B(_objectSpread$1B({
     className: clsx(className, classes.root, 'VdtCollectionListItem-root'),
     onClick: onClick ? function (event) {
       return onClick(event, {
@@ -20026,7 +20054,7 @@ function CollectionListItem(_ref) {
   }, ListItemProps), {}, {
     children: [/*#__PURE__*/jsx(ListItemAvatar, {
       className: clsx(classes.ListItemAvatar, 'VdtCollectionListItem-ListItemAvatar'),
-      children: /*#__PURE__*/jsx(AvatarComponent, _objectSpread$1z({
+      children: /*#__PURE__*/jsx(AvatarComponent, _objectSpread$1B({
         avatar: "collection",
         collectionId: collectionId,
         collectionType: collectionType,
@@ -20041,7 +20069,7 @@ function CollectionListItem(_ref) {
       }) : secondaryText
     }), ActionComponent && /*#__PURE__*/jsx(ListItemSecondaryAction, {
       className: clsx(classes.ListItemSecondaryAction, 'VdtCollectionListItem-ListItemSecondaryAction'),
-      children: /*#__PURE__*/jsx(ActionComponent, _objectSpread$1z({
+      children: /*#__PURE__*/jsx(ActionComponent, _objectSpread$1B({
         skeleton: skeleton,
         collectionId: collectionId,
         collectionType: collectionType
@@ -20143,9 +20171,9 @@ var Component$E = withStyles(styles$1A, {
 })(CollectionListItem);
 Component$E.displayName = 'CollectionListItem';
 
-function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var styles$1z = function styles() {
   return {
     root: {
@@ -20167,7 +20195,7 @@ function CollectionList(_ref) {
   return /*#__PURE__*/jsx(List$1, {
     className: clsx(classes.root, 'VdtCollectionList-root', className),
     children: collectionList.map(function (collectionType) {
-      return /*#__PURE__*/jsx(CollectionListItemComponent, _objectSpread$1y({
+      return /*#__PURE__*/jsx(CollectionListItemComponent, _objectSpread$1A({
         collectionType: collectionType,
         onClick: onItemClick
       }, CollectionListItemProps), collectionType.id);
@@ -20196,12 +20224,16 @@ var Component$D = withStyles(styles$1z, {
 })(CollectionList);
 Component$D.displayName = 'CollectionList';
 
+function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function CollectionMetadataEdit(_ref) {
   var collectionId = _ref.collectionId,
       onSuccess = _ref.onSuccess,
       fields = _ref.fields,
       groups = _ref.groups,
       collectionType = _ref.collectionType,
+      propsMetadataType = _ref.metadataType,
       onRefresh = _ref.onRefresh,
       isLoading = _ref.isLoading,
       joinValue = _ref.joinValue,
@@ -20209,34 +20241,79 @@ function CollectionMetadataEdit(_ref) {
       onError = _ref$onError === void 0 ? function (error) {
     return console.error(error.message);
   } : _ref$onError;
-  var metadataType = collectionType.metadata;
+  var metadataType = propsMetadataType;
+  if (collectionType) metadataType = collectionType === null || collectionType === void 0 ? void 0 : collectionType.metadata;
   var initialValues = useMemo(function () {
-    var values = parseMetadataType(metadataType, {
+    var fieldNames = Array.isArray(fields) ? fields.map(function (_ref2) {
+      var name = _ref2.name;
+      return name;
+    }) : [];
+    var groupNames = Array.isArray(groups) ? groups.map(function (_ref3) {
+      var name = _ref3.name;
+      return name;
+    }) : [];
+    var parsedValues = parseMetadataType(metadataType, {
       flat: true,
       arrayOnSingle: false
     });
-    var valuesWithBooleans = Object.entries(values).reduce(stringsToBooleans, {});
-    return valuesWithBooleans;
-  }, [metadataType]);
+    var values = Object.entries(parsedValues).reduce(function (acc, cur) {
+      var _cur = _slicedToArray(cur, 2),
+          curKey = _cur[0],
+          curValue = _cur[1];
 
-  var onSubmit = function onSubmit(values) {
-    var valuesAsStrings = Object.entries(values).reduce(function (a, c) {
-      return booleansToStrings(a, c, joinValue);
+      if (fieldNames.includes(curKey) || groupNames.includes(curKey)) {
+        return _objectSpread$1z(_objectSpread$1z({}, acc), {}, _defineProperty({}, curKey, curValue));
+      }
+
+      return acc;
     }, {});
-    var metadataDocument = createMetadataType(valuesAsStrings);
+    return Object.entries(values).reduce(stringsToBooleans, {});
+  }, [metadataType, fields, groups]);
 
-    try {
-      collection.updateCollectionMetadata({
-        collectionId: collectionId,
-        metadataDocument: metadataDocument
-      }).then(function () {
-        onRefresh();
-        onSuccess();
-      })["catch"](onError);
-    } catch (error) {
-      onError(error);
-    }
-  };
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+      var valuesAsStrings, metadataDocument;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              valuesAsStrings = Object.entries(values).reduce(function (a, c) {
+                return booleansToStrings(a, c, joinValue);
+              }, {});
+              metadataDocument = createMetadataType(valuesAsStrings);
+              _context.prev = 2;
+              _context.next = 5;
+              return collection.updateCollectionMetadata({
+                collectionId: collectionId,
+                metadataDocument: metadataDocument
+              });
+
+            case 5:
+              _context.next = 7;
+              return onRefresh();
+
+            case 7:
+              onSuccess();
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](2);
+              onError(_context.t0);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 10]]);
+    }));
+
+    return function onSubmit(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
   return !isLoading && /*#__PURE__*/jsx(Form, {
     onSubmit: onSubmit,
@@ -20247,6 +20324,10 @@ function CollectionMetadataEdit(_ref) {
   });
 }
 
+function ownKeys$1y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function CollectionMetadataTab(_ref) {
   var collectionId = _ref.collectionId,
       _ref$fields = _ref.fields,
@@ -20262,20 +20343,47 @@ function CollectionMetadataTab(_ref) {
       onError = _ref.onError,
       onSuccess = _ref.onSuccess,
       _ref$editJoinValue = _ref.editJoinValue,
-      editJoinValue = _ref$editJoinValue === void 0 ? ';' : _ref$editJoinValue;
+      editJoinValue = _ref$editJoinValue === void 0 ? ';' : _ref$editJoinValue,
+      _ref$displayJoinValue = _ref.displayJoinValue,
+      displayJoinValue = _ref$displayJoinValue === void 0 ? ', ' : _ref$displayJoinValue,
+      _ref$displayGroupAsLi = _ref.displayGroupAsList,
+      displayGroupAsList = _ref$displayGroupAsLi === void 0 ? false : _ref$displayGroupAsLi,
+      _ref$useContentPaths = _ref.useContentPaths,
+      useContentPaths = _ref$useContentPaths === void 0 ? false : _ref$useContentPaths,
+      formatValue = _ref.formatValue,
+      _ref$queryParams = _ref.queryParams,
+      propsQueryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+      _ref$getAttributes = _ref.getAttributes,
+      getAttributes = _ref$getAttributes === void 0 ? false : _ref$getAttributes;
   var queryParams = useMemo(function () {
-    return {
-      content: 'metadata',
-      field: fields.map(function (_ref2) {
+    var memoQueryParams = _objectSpread$1y({}, propsQueryParams);
+
+    if (useContentPaths) {
+      var groupPathParams = groups ? groups.map(function (g) {
+        return g.name;
+      }).map(function (name) {
+        return "metadata.timespan[start=-INF][end=+INF].group[name=".concat(name, "]");
+      }).join(',') : undefined;
+      var fieldPathParams = fields ? fields.map(function (f) {
+        return f.name;
+      }).map(function (name) {
+        return "v(".concat(name, ")");
+      }).join(',') : 'metadata.timespan.field';
+      memoQueryParams.p = encodeURIComponent([fieldPathParams, groupPathParams].join(','));
+    } else {
+      memoQueryParams.content = 'metadata';
+      if (Array.isArray(fields) && fields.length > 0) memoQueryParams.field = fields.map(function (_ref2) {
         var name = _ref2.name;
         return name;
-      }),
-      group: groups.map(function (_ref3) {
+      });
+      if (Array.isArray(groups) && groups.length > 0) memoQueryParams.group = groups.map(function (_ref3) {
         var name = _ref3.name;
         return name;
-      })
-    };
-  }, [fields, groups]);
+      });
+    }
+
+    return memoQueryParams;
+  }, [fields, groups, useContentPaths, propsQueryParams]);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -20293,10 +20401,13 @@ function CollectionMetadataTab(_ref) {
 
   var _useAddMetadataFieldA = useAddMetadataFieldAttributes({
     fields: fields,
-    groups: groups
+    groups: groups,
+    getAttributes: getAttributes
   }),
-      fieldsWithAttributes = _useAddMetadataFieldA.fieldsWithAttributes,
-      groupsWithAttributes = _useAddMetadataFieldA.groupsWithAttributes;
+      _useAddMetadataFieldA2 = _useAddMetadataFieldA.fieldsWithAttributes,
+      fieldsWithAttributes = _useAddMetadataFieldA2 === void 0 ? [] : _useAddMetadataFieldA2,
+      _useAddMetadataFieldA3 = _useAddMetadataFieldA.groupsWithAttributes,
+      groupsWithAttributes = _useAddMetadataFieldA3 === void 0 ? [] : _useAddMetadataFieldA3;
 
   return /*#__PURE__*/jsxs(Fragment, {
     children: [showEditMetadata && /*#__PURE__*/jsx(Box, {
@@ -20310,19 +20421,23 @@ function CollectionMetadataTab(_ref) {
         label: editingLabel(isEditing),
         labelPlacement: "start"
       })
-    }), (fieldsWithAttributes.length > 0 || groupsWithAttributes.length > 0) && /*#__PURE__*/jsx(GetCollection, {
-      collectionId: collectionId,
+    }), (fieldsWithAttributes.length > 0 || groupsWithAttributes.length > 0) && /*#__PURE__*/jsx(GetEntityMetadata, {
+      entity: "collection",
+      entityId: collectionId,
       queryParams: queryParams,
       children: showEditMetadata && isEditing ? /*#__PURE__*/jsx(CollectionMetadataEdit, {
-        fields: fieldsWithAttributes,
-        groups: groupsWithAttributes,
+        fields: fieldsWithAttributes || fields,
+        groups: groupsWithAttributes || groups,
         onSuccess: handleSuccess,
         onError: onError,
         joinValue: editJoinValue
       }) : /*#__PURE__*/jsx(MetadataType$1, {
+        joinValue: displayJoinValue,
+        groupAsList: displayGroupAsList,
         children: /*#__PURE__*/jsx(ItemMetadataList$1, {
-          fields: fieldsWithAttributes,
-          groups: groupsWithAttributes
+          fields: fieldsWithAttributes || fields,
+          groups: groupsWithAttributes || groups,
+          formatValue: formatValue
         })
       })
     })]
@@ -20771,6 +20886,7 @@ function SearchInput(_ref2) {
       focused: focusedSuggestion,
       anchorEl: anchorEl
     }, SuggestionsProps)), topSearchesVisible && TopSearchesComponent && /*#__PURE__*/jsx(TopSearchesComponent, _objectSpread$1w({
+      setIsTopSearchesOpen: setIsTopSearchesOpen,
       anchorEl: anchorEl
     }, TopSearchesProps))]
   });
@@ -21841,7 +21957,7 @@ var defaultListItemAvatarComponent = function defaultListItemAvatarComponent(_re
   if (isEvent) {
     labelRightBottom = end.subtract(start).toSmpte();
   } else if (durationSeconds) {
-    labelRightBottom = formatSeconds(durationSeconds).toDuration();
+    labelRightBottom = formatTimeCodeSeconds(durationSeconds).toDuration();
   }
 
   var thumbnail = findNearestThumbnail(itemType, startTimecodeText);
@@ -26007,10 +26123,12 @@ function ItemVideoPlayer(_ref) {
   var _thumbnailList = _slicedToArray(thumbnailList, 1),
       poster = _thumbnailList[0];
 
-  var timeBase = formatTimeBase(sampleRate);
+  var timeBase = createTimeBase(sampleRate);
 
   var defaultOnScreenshot = function defaultOnScreenshot(seconds) {
-    var timeText = formatSeconds(seconds, timeBase).toText();
+    var timeText = formatTimeCodeSeconds(seconds, {
+      timeBase: timeBase
+    }).toText();
     var priority = 'HIGHEST';
     var createThumbnails = timeText;
     var createPosters = timeText;
@@ -26065,7 +26183,7 @@ var ItemVideoPlayer$1 = withStyles(styles$19, {
   name: 'VdtItemVideoPlayer'
 })(ItemVideoPlayer);
 
-var _excluded$A = ["className", "classes", "itemId", "videoEl", "itemType", "isLoading", "subtitleGroup", "subtitleField", "sampleRate", "allowedMimeTypes", "ItemImagePlayerComponent", "ItemAudioPlayerComponent", "ItemVideoPlayerComponent", "ItemDocumentPlayerComponent", "onReady", "onCinema", "onScreenshot", "width", "sourceTag", "SourceSelectionComponent", "videoPlayerProps", "audioPlayerProps", "shapeToLabel", "ItemVideoPlayerProps"];
+var _excluded$A = ["className", "classes", "itemId", "videoEl", "itemType", "isLoading", "subtitleGroup", "subtitleField", "sampleRate", "allowedMimeTypes", "additionalMimeTypes", "LoadingPlayerComponent", "NoPreviewPlayerComponent", "ItemImagePlayerComponent", "ItemAudioPlayerComponent", "ItemVideoPlayerComponent", "ItemBinaryPlayerComponent", "ItemDocumentPlayerComponent", "onReady", "onCinema", "onScreenshot", "width", "sourceTag", "SourceSelectionComponent", "videoPlayerProps", "audioPlayerProps", "shapeToLabel", "ItemVideoPlayerProps", "ItemBinaryPlayerProps", "LoadingPlayerProps", "NoPreviewPlayerProps"];
 
 function ownKeys$14(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; }
 
@@ -26075,6 +26193,7 @@ var IMAGE = 'IMAGE';
 var AUDIO = 'AUDIO';
 var VIDEO = 'VIDEO';
 var DOCUMENT = 'DOCUMENT';
+var BINARY = 'BINARY';
 
 var defaultShapeToLabel = function defaultShapeToLabel(shape) {
   if (shape.height) {
@@ -26096,6 +26215,18 @@ var defaultShapeToLabel = function defaultShapeToLabel(shape) {
   return shape.tag;
 };
 
+var getShapeDuration = function getShapeDuration(shape) {
+  var hmsToSeconds = function hmsToSeconds(hms) {
+    return hms.split(':').reduce(function (acc, seconds) {
+      return 60 * acc + Number(seconds);
+    });
+  };
+
+  if (shape.timeCode) return Math.floor(shape.timeCode.toSeconds());
+  if (shape.duration) return hmsToSeconds(shape.duration);
+  return undefined;
+};
+
 var SourceSelection = withStyles({}, {
   name: 'VdtSourceSelection'
 })(function (_ref) {
@@ -26121,67 +26252,103 @@ var SourceSelection = withStyles({}, {
     })]
   });
 });
-
-var getShapeDuration = function getShapeDuration(shape) {
-  var hmsToSeconds = function hmsToSeconds(hms) {
-    return hms.split(':').reduce(function (acc, seconds) {
-      return 60 * acc + Number(seconds);
-    });
+var LoadingPlayer = withStyles({}, {
+  name: 'VdtLoadingPlayer'
+})(function (props) {
+  return /*#__PURE__*/jsx(Skeleton, _objectSpread$14({
+    variant: "rect",
+    width: "100%",
+    height: 520
+  }, props));
+});
+var NoPreviewPlayer = withStyles(function (theme) {
+  return {
+    root: {
+      backgroundColor: theme.palette.divider,
+      width: '100%',
+      height: 520,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    label: _objectSpread$14({}, theme.typography.button)
   };
-
-  if (shape.timeCode) return Math.floor(shape.timeCode.toSeconds());
-  if (shape.duration) return hmsToSeconds(shape.duration);
-  return undefined;
-};
-
+}, {
+  name: 'VdtNoPreviewPlayer'
+})(function (_ref2) {
+  var className = _ref2.className,
+      classes = _ref2.classes,
+      _ref2$label = _ref2.label,
+      label = _ref2$label === void 0 ? 'No Previews' : _ref2$label;
+  return /*#__PURE__*/jsx("div", {
+    className: clsx(classes.root, className),
+    children: /*#__PURE__*/jsx("div", {
+      className: classes.label,
+      children: label
+    })
+  });
+});
 var styles$18 = function styles() {
   return {
     root: {}
   };
 }; // TODO: Add propTypes to get better storybook controls
 
-function ItemPlayer(_ref2) {
-  var className = _ref2.className,
-      _ref2$classes = _ref2.classes,
-      classes = _ref2$classes === void 0 ? {} : _ref2$classes;
-      _ref2.itemId;
-      var videoEl = _ref2.videoEl,
-      itemType = _ref2.itemType,
-      isLoading = _ref2.isLoading,
-      _ref2$subtitleGroup = _ref2.subtitleGroup,
-      subtitleGroup = _ref2$subtitleGroup === void 0 ? 'stl_subtitle' : _ref2$subtitleGroup,
-      _ref2$subtitleField = _ref2.subtitleField,
-      subtitleField = _ref2$subtitleField === void 0 ? 'stl_text' : _ref2$subtitleField,
-      _ref2$sampleRate = _ref2.sampleRate,
-      sampleRate = _ref2$sampleRate === void 0 ? 'PAL' : _ref2$sampleRate,
-      _ref2$allowedMimeType = _ref2.allowedMimeTypes,
-      allowedMimeTypes = _ref2$allowedMimeType === void 0 ? ALLOWED_MIME_TYPES : _ref2$allowedMimeType,
-      _ref2$ItemImagePlayer = _ref2.ItemImagePlayerComponent,
-      ItemImagePlayerComponent = _ref2$ItemImagePlayer === void 0 ? ItemImagePlayer$1 : _ref2$ItemImagePlayer,
-      _ref2$ItemAudioPlayer = _ref2.ItemAudioPlayerComponent,
-      ItemAudioPlayerComponent = _ref2$ItemAudioPlayer === void 0 ? ItemAudioPlayer$1 : _ref2$ItemAudioPlayer,
-      _ref2$ItemVideoPlayer = _ref2.ItemVideoPlayerComponent,
-      ItemVideoPlayerComponent = _ref2$ItemVideoPlayer === void 0 ? ItemVideoPlayer$1 : _ref2$ItemVideoPlayer,
-      _ref2$ItemDocumentPla = _ref2.ItemDocumentPlayerComponent,
-      ItemDocumentPlayerComponent = _ref2$ItemDocumentPla === void 0 ? ItemDocumentPlayer : _ref2$ItemDocumentPla,
-      onReady = _ref2.onReady,
-      onCinema = _ref2.onCinema,
-      onScreenshot = _ref2.onScreenshot,
-      _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? '100%' : _ref2$width,
-      _ref2$sourceTag = _ref2.sourceTag,
-      sourceTag = _ref2$sourceTag === void 0 ? 'original' : _ref2$sourceTag,
-      _ref2$SourceSelection = _ref2.SourceSelectionComponent,
-      SourceSelectionComponent = _ref2$SourceSelection === void 0 ? SourceSelection : _ref2$SourceSelection,
-      _ref2$videoPlayerProp = _ref2.videoPlayerProps,
-      videoPlayerProps = _ref2$videoPlayerProp === void 0 ? {} : _ref2$videoPlayerProp,
-      _ref2$audioPlayerProp = _ref2.audioPlayerProps,
-      audioPlayerProps = _ref2$audioPlayerProp === void 0 ? {} : _ref2$audioPlayerProp,
-      _ref2$shapeToLabel = _ref2.shapeToLabel,
-      shapeToLabel = _ref2$shapeToLabel === void 0 ? defaultShapeToLabel : _ref2$shapeToLabel,
-      _ref2$ItemVideoPlayer2 = _ref2.ItemVideoPlayerProps,
-      ItemVideoPlayerProps = _ref2$ItemVideoPlayer2 === void 0 ? {} : _ref2$ItemVideoPlayer2,
-      props = _objectWithoutProperties(_ref2, _excluded$A);
+function ItemPlayer(_ref3) {
+  var className = _ref3.className,
+      _ref3$classes = _ref3.classes,
+      classes = _ref3$classes === void 0 ? {} : _ref3$classes,
+      itemId = _ref3.itemId,
+      videoEl = _ref3.videoEl,
+      itemType = _ref3.itemType,
+      isLoading = _ref3.isLoading,
+      _ref3$subtitleGroup = _ref3.subtitleGroup,
+      subtitleGroup = _ref3$subtitleGroup === void 0 ? 'stl_subtitle' : _ref3$subtitleGroup,
+      _ref3$subtitleField = _ref3.subtitleField,
+      subtitleField = _ref3$subtitleField === void 0 ? 'stl_text' : _ref3$subtitleField,
+      _ref3$sampleRate = _ref3.sampleRate,
+      sampleRate = _ref3$sampleRate === void 0 ? 'PAL' : _ref3$sampleRate,
+      _ref3$allowedMimeType = _ref3.allowedMimeTypes,
+      allowedMimeTypes = _ref3$allowedMimeType === void 0 ? ALLOWED_MIME_TYPES : _ref3$allowedMimeType,
+      _ref3$additionalMimeT = _ref3.additionalMimeTypes,
+      additionalMimeTypes = _ref3$additionalMimeT === void 0 ? [] : _ref3$additionalMimeT,
+      _ref3$LoadingPlayerCo = _ref3.LoadingPlayerComponent,
+      LoadingPlayerComponent = _ref3$LoadingPlayerCo === void 0 ? LoadingPlayer : _ref3$LoadingPlayerCo,
+      _ref3$NoPreviewPlayer = _ref3.NoPreviewPlayerComponent,
+      NoPreviewPlayerComponent = _ref3$NoPreviewPlayer === void 0 ? NoPreviewPlayer : _ref3$NoPreviewPlayer,
+      _ref3$ItemImagePlayer = _ref3.ItemImagePlayerComponent,
+      ItemImagePlayerComponent = _ref3$ItemImagePlayer === void 0 ? ItemImagePlayer$1 : _ref3$ItemImagePlayer,
+      _ref3$ItemAudioPlayer = _ref3.ItemAudioPlayerComponent,
+      ItemAudioPlayerComponent = _ref3$ItemAudioPlayer === void 0 ? ItemAudioPlayer$1 : _ref3$ItemAudioPlayer,
+      _ref3$ItemVideoPlayer = _ref3.ItemVideoPlayerComponent,
+      ItemVideoPlayerComponent = _ref3$ItemVideoPlayer === void 0 ? ItemVideoPlayer$1 : _ref3$ItemVideoPlayer,
+      ItemBinaryPlayerComponent = _ref3.ItemBinaryPlayerComponent,
+      _ref3$ItemDocumentPla = _ref3.ItemDocumentPlayerComponent,
+      ItemDocumentPlayerComponent = _ref3$ItemDocumentPla === void 0 ? ItemDocumentPlayer : _ref3$ItemDocumentPla,
+      onReady = _ref3.onReady,
+      onCinema = _ref3.onCinema,
+      onScreenshot = _ref3.onScreenshot,
+      _ref3$width = _ref3.width,
+      width = _ref3$width === void 0 ? '100%' : _ref3$width,
+      _ref3$sourceTag = _ref3.sourceTag,
+      sourceTag = _ref3$sourceTag === void 0 ? 'original' : _ref3$sourceTag,
+      _ref3$SourceSelection = _ref3.SourceSelectionComponent,
+      SourceSelectionComponent = _ref3$SourceSelection === void 0 ? SourceSelection : _ref3$SourceSelection,
+      _ref3$videoPlayerProp = _ref3.videoPlayerProps,
+      videoPlayerProps = _ref3$videoPlayerProp === void 0 ? {} : _ref3$videoPlayerProp,
+      _ref3$audioPlayerProp = _ref3.audioPlayerProps,
+      audioPlayerProps = _ref3$audioPlayerProp === void 0 ? {} : _ref3$audioPlayerProp,
+      _ref3$shapeToLabel = _ref3.shapeToLabel,
+      shapeToLabel = _ref3$shapeToLabel === void 0 ? defaultShapeToLabel : _ref3$shapeToLabel,
+      _ref3$ItemVideoPlayer2 = _ref3.ItemVideoPlayerProps,
+      ItemVideoPlayerProps = _ref3$ItemVideoPlayer2 === void 0 ? {} : _ref3$ItemVideoPlayer2,
+      _ref3$ItemBinaryPlaye = _ref3.ItemBinaryPlayerProps,
+      ItemBinaryPlayerProps = _ref3$ItemBinaryPlaye === void 0 ? {} : _ref3$ItemBinaryPlaye,
+      _ref3$LoadingPlayerPr = _ref3.LoadingPlayerProps,
+      LoadingPlayerProps = _ref3$LoadingPlayerPr === void 0 ? {} : _ref3$LoadingPlayerPr,
+      _ref3$NoPreviewPlayer2 = _ref3.NoPreviewPlayerProps,
+      NoPreviewPlayerProps = _ref3$NoPreviewPlayer2 === void 0 ? {} : _ref3$NoPreviewPlayer2,
+      props = _objectWithoutProperties(_ref3, _excluded$A);
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -26190,14 +26357,14 @@ function ItemPlayer(_ref2) {
 
   var previewSources = useMemo(function () {
     var filteredShapeSources = filterShapeSource(itemType, {
-      allowedMimeTypes: allowedMimeTypes
+      allowedMimeTypes: [].concat(_toConsumableArray(allowedMimeTypes), _toConsumableArray(additionalMimeTypes))
     }).map(function (previewProps) {
       return _objectSpread$14(_objectSpread$14({}, previewProps), {}, {
         label: shapeToLabel(previewProps.shape)
       });
     });
     return filteredShapeSources;
-  }, [itemType, allowedMimeTypes, shapeToLabel]);
+  }, [itemType, allowedMimeTypes, additionalMimeTypes, shapeToLabel]);
   var mediaType = useMemo(function () {
     if (source) {
       return getShapeMediaType(source.shape);
@@ -26221,8 +26388,8 @@ function ItemPlayer(_ref2) {
     return undefined;
   }, [source, previewSources]);
 
-  var onChangeSource = function onChangeSource(_ref3) {
-    var newSource = _ref3.target.value;
+  var onChangeSource = function onChangeSource(_ref4) {
+    var newSource = _ref4.target.value;
     var newSrc = newSource.src,
         newShape = newSource.shape,
         newType = newSource.type;
@@ -26261,28 +26428,27 @@ function ItemPlayer(_ref2) {
     setSource(newSource);
   };
 
+  var hasNoPreview = isLoading || mediaType === undefined || previewSources.length === 0;
   return /*#__PURE__*/jsx("div", {
     className: clsx(classes.root, className, 'VdtItemPlayer-root'),
-    children: isLoading || mediaType === undefined || previewSources.length === 0 ?
+    children: hasNoPreview ?
     /*#__PURE__*/
-    // Show loading or no previews...
-    jsx(Skeleton, {
-      variant: "rect",
-      width: "100%",
-      height: 520
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    jsx(Fragment, {
+      children: isLoading ? /*#__PURE__*/jsx(LoadingPlayerComponent, _objectSpread$14({}, LoadingPlayerProps)) : /*#__PURE__*/jsx(NoPreviewPlayerComponent, _objectSpread$14({}, NoPreviewPlayerProps))
     }) : /*#__PURE__*/jsxs(Fragment, {
       children: [(mediaType === IMAGE || mediaType === AUDIO || mediaType === DOCUMENT) && /*#__PURE__*/jsxs(Fragment, {
-        children: [mediaType === IMAGE && /*#__PURE__*/jsx(ItemImagePlayerComponent, _objectSpread$14({
+        children: [ItemImagePlayerComponent && mediaType === IMAGE && /*#__PURE__*/jsx(ItemImagePlayerComponent, _objectSpread$14({
           previewSource: source || previewSources[0],
           videoEl: videoEl
-        }, props)), mediaType === AUDIO && /*#__PURE__*/jsx(ItemAudioPlayerComponent, {
+        }, props)), ItemAudioPlayerComponent && mediaType === AUDIO && /*#__PURE__*/jsx(ItemAudioPlayerComponent, {
           videoEl: videoEl,
           onReady: onReady,
           width: width,
           sourceTag: sourceTag,
           previewSources: previewSources,
           audioPlayerProps: audioPlayerProps
-        }), mediaType === DOCUMENT && /*#__PURE__*/jsx(ItemDocumentPlayerComponent, {
+        }), ItemDocumentPlayerComponent && mediaType === DOCUMENT && /*#__PURE__*/jsx(ItemDocumentPlayerComponent, {
           previewSource: source || previewSources[0].src,
           documentType: documentType
         }), SourceSelectionComponent && previewSources.length > 1 && /*#__PURE__*/jsx(SourceSelectionComponent, {
@@ -26290,7 +26456,13 @@ function ItemPlayer(_ref2) {
           value: source || previewSources[0],
           onChange: onChangeSource
         })]
-      }), mediaType === VIDEO && /*#__PURE__*/jsx(ItemVideoPlayerComponent, _objectSpread$14({
+      }), ItemBinaryPlayerComponent && mediaType === BINARY && /*#__PURE__*/jsx(ItemBinaryPlayerComponent, _objectSpread$14({
+        itemId: itemId,
+        itemType: itemType,
+        source: source || (previewSources === null || previewSources === void 0 ? void 0 : previewSources[0]),
+        sourceTag: sourceTag,
+        previewSources: previewSources
+      }, ItemBinaryPlayerProps)), ItemVideoPlayerComponent && mediaType === VIDEO && /*#__PURE__*/jsx(ItemVideoPlayerComponent, _objectSpread$14({
         videoEl: videoEl,
         itemType: itemType,
         subtitleGroup: subtitleGroup,
@@ -27127,9 +27299,10 @@ function FieldGroupDesigner(_ref2) {
   var classes = _ref2.classes,
       groupName = _ref2.groupName,
       groups = _ref2.groups,
-      _ref2$metadataFieldGr = _ref2.metadataFieldGroupDocument,
-      metadataFieldGroupDocument = _ref2$metadataFieldGr === void 0 ? {} : _ref2$metadataFieldGr,
-      setNotification = _ref2.setNotification,
+      _ref2$metadataFieldGr = _ref2.metadataFieldGroupType,
+      metadataFieldGroupType = _ref2$metadataFieldGr === void 0 ? {} : _ref2$metadataFieldGr,
+      onSuccess = _ref2.onSuccess,
+      onError = _ref2.onError,
       onChangeGroup = _ref2.onChangeGroup,
       isLoading = _ref2.isLoading;
 
@@ -27252,22 +27425,22 @@ function FieldGroupDesigner(_ref2) {
 
   useEffect(function () {
     if (!groupName) return;
-    var _metadataFieldGroupDo = metadataFieldGroupDocument.field,
-        field = _metadataFieldGroupDo === void 0 ? [] : _metadataFieldGroupDo;
+    var _metadataFieldGroupTy = metadataFieldGroupType.field,
+        field = _metadataFieldGroupTy === void 0 ? [] : _metadataFieldGroupTy;
 
-    if (metadataFieldGroupDocument) {
-      if (typeof metadataFieldGroupDocument.data === 'undefined') {
+    if (metadataFieldGroupType) {
+      if (typeof metadataFieldGroupType.data === 'undefined') {
         setDisplayLabel(groupName);
       } else {
-        var labelIndex = metadataFieldGroupDocument.data.findIndex(function (label) {
+        var labelIndex = metadataFieldGroupType.data.findIndex(function (label) {
           return label.key === 'label';
         });
-        if (labelIndex > -1) setDisplayLabel(metadataFieldGroupDocument.data[labelIndex].value);
+        if (labelIndex > -1) setDisplayLabel(metadataFieldGroupType.data[labelIndex].value);
       } // sort the fields using the arbitrary "order" key
 
 
-      if (metadataFieldGroupDocument.data) {
-        var orderKeyValue = metadataFieldGroupDocument.data.find(function (item) {
+      if (metadataFieldGroupType.data) {
+        var orderKeyValue = metadataFieldGroupType.data.find(function (item) {
           return item.key === 'order';
         });
 
@@ -27279,21 +27452,21 @@ function FieldGroupDesigner(_ref2) {
         }
       }
 
-      if (metadataFieldGroupDocument.group) {
-        setChildGroups(metadataFieldGroupDocument.group);
+      if (metadataFieldGroupType.group) {
+        setChildGroups(metadataFieldGroupType.group);
       }
 
       if (field) {
         setData(_defineProperty({}, MY_FIELDS, field));
       }
     }
-  }, [groupName, metadataFieldGroupDocument]);
+  }, [groupName, metadataFieldGroupType]);
 
   var onUpdateFieldGroup = function onUpdateFieldGroup() {
     if (!groupName) return;
     fieldgroup.updateFieldGroup({
       groupName: groupName,
-      metadataFieldGroupDocument: _objectSpread$11(_objectSpread$11({}, metadataFieldGroupDocument), {}, {
+      metadataFieldGroupDocument: _objectSpread$11(_objectSpread$11({}, metadataFieldGroupType), {}, {
         field: _toConsumableArray(data[MY_FIELDS]),
         data: [{
           key: 'label',
@@ -27301,19 +27474,16 @@ function FieldGroupDesigner(_ref2) {
         }]
       })
     }).then(function (response) {
-      if (response.ok) {
-        setNotification({
-          open: true,
-          message: "".concat(groupName, " has been saved"),
-          severity: 'success'
+      if (response.ok && onSuccess) {
+        onSuccess({
+          message: "".concat(groupName, " has been saved")
         });
       }
     })["catch"](function (error) {
-      return setNotification({
-        open: true,
-        message: error.message,
-        severity: 'error'
-      });
+      if (onError) onError({
+        error: error,
+        message: "Error saving ".concat(groupName)
+      });else throw new Error(error);
     });
   };
 
@@ -27365,10 +27535,10 @@ function FieldGroupDesigner(_ref2) {
   };
 
   var isNewItem = function isNewItem(item) {
-    if (!metadataFieldGroupDocument || !item) return true;
+    if (!metadataFieldGroupType || !item) return true;
     var fieldName = item.name;
-    var _metadataFieldGroupDo2 = metadataFieldGroupDocument.field,
-        field = _metadataFieldGroupDo2 === void 0 ? [] : _metadataFieldGroupDo2;
+    var _metadataFieldGroupTy2 = metadataFieldGroupType.field,
+        field = _metadataFieldGroupTy2 === void 0 ? [] : _metadataFieldGroupTy2;
     var itemIndex = field.findIndex(function (_ref3) {
       var name = _ref3.name;
       return name === fieldName;
@@ -27410,19 +27580,16 @@ function FieldGroupDesigner(_ref2) {
       groupName: groupName,
       orderedFieldIds: orderedFieldIds
     }).then(function (response) {
-      if (response.ok) {
-        setNotification({
-          open: false,
-          message: "".concat(groupName, " has been saved"),
-          severity: 'success'
+      if (response.ok && onSuccess) {
+        onSuccess({
+          message: "".concat(groupName, " has been saved")
         });
       }
     })["catch"](function (error) {
-      return setNotification({
-        open: true,
-        message: error.message,
-        severity: 'error'
-      });
+      if (onError) onError({
+        message: "Error saving ".concat(groupName),
+        error: error
+      });else throw new Error(error);
     });
   };
 
@@ -27474,24 +27641,21 @@ function FieldGroupDesigner(_ref2) {
 
     newData[MY_FIELDS] = destinationItems;
 
-    if (metadataFieldGroupDocument) {
+    if (metadataFieldGroupType) {
       fieldgroup.removeFieldGroupField({
         groupName: groupName,
         fieldName: selectedItem
       }).then(function (response) {
-        if (response.ok) {
-          setNotification({
-            open: true,
-            message: "".concat(selectedItem, " has been deleted"),
-            severity: 'success'
+        if (response.ok && onSuccess) {
+          onSuccess({
+            message: "".concat(selectedItem, " has been deleted")
           });
         }
       })["catch"](function (error) {
-        return setNotification({
-          open: true,
-          message: error.message,
-          severity: 'error'
-        });
+        if (onError) onError({
+          message: "Error deleting ".concat(selectedItem),
+          error: error
+        });else throw new Error(error);
       });
     }
 
@@ -27536,26 +27700,22 @@ function FieldGroupDesigner(_ref2) {
         groupName: groupName,
         childGroupName: childGroupName
       }).then(function (response) {
-        if (response.ok) {
-          setNotification({
-            open: true,
-            message: "".concat(childGroupName, " has been added to ").concat(groupName),
-            severity: 'success'
+        if (response.ok && onSuccess) {
+          onSuccess({
+            message: "".concat(childGroupName, " has been added to ").concat(groupName)
           });
         }
       })["catch"](function (error) {
-        return setNotification({
-          open: true,
-          message: error.message,
-          severity: 'error'
-        });
+        if (onError) onError({
+          message: "Error adding ".concat(childGroupName, "to ").concat(groupName),
+          error: error
+        });else throw new Error(error);
       });
     } catch (error) {
-      setNotification({
-        open: true,
-        message: error.message,
-        severity: 'error'
-      });
+      if (onError) onError({
+        message: "Error adding ".concat(childGroupName, "to ").concat(groupName),
+        error: error
+      });else throw new Error(error);
     }
   };
 
@@ -28661,7 +28821,7 @@ function SearchResultTable(_ref) {
 
 var _path;
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var SvgFoldermultiple24 = function SvgFoldermultiple24(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
@@ -28959,8 +29119,8 @@ function SavedSearchRow(_ref) {
     return handleMenuAction(onAddRow, fieldType);
   };
 
-  var handleExtraMenuOnClick = function handleExtraMenuOnClick(menuFunction, id) {
-    menuFunction(id);
+  var handleExtraMenuOnClick = function handleExtraMenuOnClick(menuFunction) {
+    menuFunction(metadata);
     setAnchorEl(null);
   };
 
@@ -29121,7 +29281,7 @@ function SavedSearchRow(_ref) {
           return /*#__PURE__*/jsxs(MenuItem, {
             dense: true,
             onClick: function onClick() {
-              return handleExtraMenuOnClick(item["function"], searchMetadata.collectionId);
+              return handleExtraMenuOnClick(item["function"]);
             },
             children: [/*#__PURE__*/jsx(ListItemIcon$1, {
               children: /*#__PURE__*/jsx(item.icon, {})
@@ -32962,7 +33122,9 @@ var useComments = function useComments(_ref) {
       commentTimecode = _useState6[0],
       setCommentTimecode = _useState6[1];
 
-  var smpteTimecode = commentTimecode ? formatSeconds(commentTimecode, timeBase).toSmpte() : undefined;
+  var smpteTimecode = commentTimecode ? formatTimeCodeSeconds(commentTimecode, {
+    timeBase: timeBase
+  }).toSmpte() : undefined;
   var commentList = useMemo(function () {
     if (!metadataType || !metadataType.timespan) return undefined;
     var _metadataType$timespa = metadataType.timespan,
@@ -33046,7 +33208,9 @@ var useComments = function useComments(_ref) {
     var metadataDocument = createMetadataType(_defineProperty({}, commentField, newComment));
 
     if (commentTimecode) {
-      var start = formatSeconds(commentTimecode, timeBase);
+      var start = formatTimeCodeSeconds(commentTimecode, {
+        timeBase: timeBase
+      });
       start.samples = Math.round(start.samples);
       metadataDocument.timespan[0].start = start.toText();
       start.samples += 1;
@@ -37866,6 +38030,7 @@ function UserAvatarButton(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
       userName = _ref.userName,
+      avatarText = _ref.avatarText,
       onLogout = _ref.onLogout,
       togglePalette = _ref.togglePalette,
       isDefaultPalette = _ref.isDefaultPalette,
@@ -37891,7 +38056,7 @@ function UserAvatarButton(_ref) {
     setAnchorEl(null);
   };
 
-  var avatarText = userName ? userName[0] : '';
+  var avatarName = avatarText || (userName ? userName[0] : '');
   return /*#__PURE__*/jsxs("div", {
     className: clsx(className, classes.root, 'VdtUserAvatarButton-root'),
     children: [/*#__PURE__*/jsxs(ButtonBase, _objectSpread$a(_objectSpread$a({
@@ -37902,7 +38067,7 @@ function UserAvatarButton(_ref) {
       children: [/*#__PURE__*/jsx(Avatar, _objectSpread$a(_objectSpread$a({
         className: classes.avatar
       }, AvatarProps), {}, {
-        children: avatarText
+        children: avatarName
       })), /*#__PURE__*/jsx(ArrowDropDownIcon, {})]
     })), /*#__PURE__*/jsxs(Menu$2, _objectSpread$a(_objectSpread$a({
       className: clsx(classes.Menu, 'VdtUserAvatarButton-Menu'),
@@ -37976,6 +38141,7 @@ UserAvatarButton.propTypes = {
    */
   className: PropTypes$1.string,
   userName: PropTypes$1.string,
+  avatarText: PropTypes$1.string,
   onLogout: PropTypes$1.func,
   togglePalette: PropTypes$1.func,
   isDefaultPalette: PropTypes$1.bool,
@@ -37996,6 +38162,7 @@ UserAvatarButton.defaultProps = {
   className: undefined,
   classes: {},
   userName: undefined,
+  avatarText: undefined,
   onLogout: undefined,
   togglePalette: undefined,
   isDefaultPalette: true,