@vidispine/vdt-react 22.4.0-pre.9 → 23.1.0-pre.1

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useRef, useReducer, useCallback, useEffect, useState, useMemo, Children, cloneElement, Component, useContext, createContext, isValidElement } from 'react';
+import React, { useRef, useReducer, useCallback, useEffect, useState, useMemo, Children, cloneElement, Component, useContext, createContext, isValidElement } from 'react';
 import { utils, search, vsimport, collection, ChunkedUpload, access, metadatafield, fieldgroup, item, library, user, group, storage, job, file, metadata, noauth } from '@vidispine/vdt-api';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -21,22 +21,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import PropTypes from 'prop-types';
 
 function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var setDefaultState = function setDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$hasLoaded = _ref.hasLoaded,
-      hasLoaded = _ref$hasLoaded === void 0 ? false : _ref$hasLoaded,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? true : _ref$isLoading,
-      _ref$isError = _ref.isError,
-      isError = _ref$isError === void 0 ? false : _ref$isError,
-      _ref$response = _ref.response,
-      response = _ref$response === void 0 ? undefined : _ref$response,
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? undefined : _ref$data;
-
+    _ref$hasLoaded = _ref.hasLoaded,
+    hasLoaded = _ref$hasLoaded === void 0 ? false : _ref$hasLoaded,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? true : _ref$isLoading,
+    _ref$isError = _ref.isError,
+    isError = _ref$isError === void 0 ? false : _ref$isError,
+    _ref$response = _ref.response,
+    response = _ref$response === void 0 ? undefined : _ref$response,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? undefined : _ref$data;
   var responseRef = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   return {
     isLoading: isLoading,
@@ -46,7 +43,6 @@ var setDefaultState = function setDefaultState() {
     data: responseRef && responseRef.current ? responseRef.current : data
   };
 };
-
 var apiReducer = function apiReducer(state, action) {
   switch (action.type) {
     case 'START':
@@ -56,7 +52,6 @@ var apiReducer = function apiReducer(state, action) {
           isError: false
         });
       }
-
     case 'SUCCESS':
       {
         var responseType = action.response.responseType;
@@ -70,7 +65,6 @@ var apiReducer = function apiReducer(state, action) {
         if (responseType) newState[responseType] = action.response[responseType];
         return newState;
       }
-
     case 'ERROR':
       {
         return {
@@ -81,31 +75,26 @@ var apiReducer = function apiReducer(state, action) {
           data: action.response.data
         };
       }
-
     case 'RESET':
       {
         return _objectSpread$l({}, action.initialState);
       }
-
     default:
       {
         return state;
       }
   }
 };
-
 function useApi(apiHandler, initialState, responseRef) {
   var cancelToken = useRef(function () {
     return null;
   });
   var initialDefaultState = setDefaultState(initialState, responseRef);
   var initialStateRef = useRef(initialDefaultState);
-
   var _useReducer = useReducer(apiReducer, initialDefaultState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var request = useCallback(function (props) {
     dispatch({
       type: 'START'
@@ -120,8 +109,8 @@ function useApi(apiHandler, initialState, responseRef) {
         dispatch({
           type: 'SUCCESS',
           response: response
-        }); // eslint-disable-next-line no-param-reassign
-
+        });
+        // eslint-disable-next-line no-param-reassign
         if (responseRef) responseRef.current = response.data;
       })["catch"](function (response) {
         reject(response);
@@ -155,9 +144,7 @@ function useApi(apiHandler, initialState, responseRef) {
 }
 
 var _excluded$9 = ["queryParams", "matrixParams", "itemSearchDocument", "rowsPerPage", "page"];
-
 function ownKeys$k(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CHANGE_PAGE$3 = 'CHANGE_PAGE';
 var CHANGE_ROWS$3 = 'CHANGE_ROWS';
@@ -189,21 +176,19 @@ var ACTION_TYPE$3 = {
   CHANGE_MATRIXPARAMS: CHANGE_MATRIXPARAMS,
   CHANGE_SUGGESTION: CHANGE_SUGGESTION
 };
-
 var setInitialDefaultState$4 = function setInitialDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$matrixParams = _ref.matrixParams,
-      matrixParams = _ref$matrixParams === void 0 ? {} : _ref$matrixParams,
-      _ref$itemSearchDocume = _ref.itemSearchDocument,
-      itemSearchDocument = _ref$itemSearchDocume === void 0 ? {} : _ref$itemSearchDocume,
-      _ref$rowsPerPage = _ref.rowsPerPage,
-      rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 0 : _ref$page,
-      state = _objectWithoutProperties(_ref, _excluded$9);
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$matrixParams = _ref.matrixParams,
+    matrixParams = _ref$matrixParams === void 0 ? {} : _ref$matrixParams,
+    _ref$itemSearchDocume = _ref.itemSearchDocument,
+    itemSearchDocument = _ref$itemSearchDocume === void 0 ? {} : _ref$itemSearchDocume,
+    _ref$rowsPerPage = _ref.rowsPerPage,
+    rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 0 : _ref$page,
+    state = _objectWithoutProperties(_ref, _excluded$9);
   return _objectSpread$k(_objectSpread$k({}, state), {}, {
     queryParams: _objectSpread$k({
       content: 'metadata',
@@ -221,7 +206,6 @@ var setInitialDefaultState$4 = function setInitialDefaultState() {
     page: page
   });
 };
-
 var searchReducer$3 = function searchReducer(state, action) {
   switch (action.type) {
     case ACTION_TYPE$3.CHANGE_ITEMSEARCHDOCUMENT:
@@ -234,21 +218,18 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_QUERYPARAMS:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
           queryParams: action.queryParams
         });
       }
-
     case ACTION_TYPE$3.CHANGE_MATRIXPARAMS:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
           matrixParams: action.matrixParams
         });
       }
-
     case ACTION_TYPE$3.CHANGE_PAGE:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -258,7 +239,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_ROWS:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -270,7 +250,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SORT:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -288,7 +267,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SEARCHTEXT:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -306,7 +284,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SEARCHFIELD:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -322,7 +299,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SEARCHFIELDFACET:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -341,7 +317,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SEARCHFILTER:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -357,7 +332,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SEARCHFILTERFACET:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -375,7 +349,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_FACET:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -391,7 +364,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_PARENT_COLLECTION:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -420,7 +392,6 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$3.CHANGE_SUGGESTION:
       {
         return _objectSpread$k(_objectSpread$k({}, state), {}, {
@@ -429,32 +400,26 @@ var searchReducer$3 = function searchReducer(state, action) {
           })
         });
       }
-
     default:
       {
         return state;
       }
   }
 };
-
 function useSearch(initialState) {
   var initialDefaultState = setInitialDefaultState$4(initialState);
-
   var _useReducer = useReducer(searchReducer$3, initialDefaultState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        newRows = _ref2.target.value;
-
+      newRows = _ref2.target.value;
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_ROWS,
       rowsPerPage: newRows
     });
   };
-
   var onChangePage = function onChangePage(_ref3) {
     var newPage = _ref3.page;
     return dispatch({
@@ -462,7 +427,6 @@ function useSearch(initialState) {
       page: newPage
     });
   };
-
   var onChangeSort = function onChangeSort(event, field, order) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_SORT,
@@ -470,7 +434,6 @@ function useSearch(initialState) {
       order: order
     });
   };
-
   var setSearchText = useCallback(function (value) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_SEARCHTEXT,
@@ -486,13 +449,13 @@ function useSearch(initialState) {
   }, []);
   var setQueryParams = useCallback(function (queryParams) {
     return dispatch({
-      type: ACTION_TYPE$3.CHANGE_ITEMQUERYPARAMS,
+      type: ACTION_TYPE$3.CHANGE_QUERYPARAMS,
       queryParams: queryParams
     });
   }, []);
   var setMatrixParams = useCallback(function (matrixParams) {
     return dispatch({
-      type: ACTION_TYPE$3.CHANGE_ITEMMATRIXPARAMS,
+      type: ACTION_TYPE$3.CHANGE_MATRIXPARAMS,
       matrixParams: matrixParams
     });
   }, []);
@@ -525,7 +488,7 @@ function useSearch(initialState) {
   var setSearchFilterFacet = useCallback(function (filter) {
     var fieldList = filter.reduce(function (a, _ref5) {
       var _ref5$field = _ref5.field,
-          field = _ref5$field === void 0 ? [] : _ref5$field;
+        field = _ref5$field === void 0 ? [] : _ref5$field;
       return a.concat(field);
     }, []);
     var facet = fieldList.map(function (_ref6) {
@@ -587,39 +550,33 @@ function useUpdateEffect(fn, inputs) {
       fn();
     } else {
       hasMountedRef.current = true;
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, inputs);
 }
 
 function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var setInitialDefaultState$3 = function setInitialDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$field = _ref.field,
-      field = _ref$field === void 0 ? undefined : _ref$field,
-      _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$maximumSuggestio = _ref.maximumSuggestions,
-      maximumSuggestions = _ref$maximumSuggestio === void 0 ? 10 : _ref$maximumSuggestio;
-
+    _ref$field = _ref.field,
+    field = _ref$field === void 0 ? undefined : _ref$field,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$maximumSuggestio = _ref.maximumSuggestions,
+    maximumSuggestions = _ref$maximumSuggestio === void 0 ? 10 : _ref$maximumSuggestio;
   return {
     field: field,
     text: text,
     maximumSuggestions: maximumSuggestions
   };
 };
-
 function useAutocomplete(initialState) {
   var initialDefaultState = setInitialDefaultState$3(initialState);
-
   var _useState = useState(initialDefaultState),
-      _useState2 = _slicedToArray(_useState, 2),
-      autocompleteDoc = _useState2[0],
-      setAutocompleteDoc = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    autocompleteDoc = _useState2[0],
+    setAutocompleteDoc = _useState2[1];
   var setAutocompleteField = useCallback(function (field) {
     var text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     setAutocompleteDoc(function (state) {
@@ -643,14 +600,12 @@ function useAutocomplete(initialState) {
       });
     });
   }, []);
-
   var _useApi = useApi(search.searchAutoComplete),
-      searchAutoComplete = _useApi.request,
-      _useApi$data = _useApi.data;
-
+    searchAutoComplete = _useApi.request,
+    _useApi$data = _useApi.data;
   _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
   var _useApi$data$suggesti = _useApi$data.suggestion,
-      suggestions = _useApi$data$suggesti === void 0 ? [] : _useApi$data$suggesti;
+    suggestions = _useApi$data$suggesti === void 0 ? [] : _useApi$data$suggesti;
   useUpdateEffect(function () {
     searchAutoComplete({
       autocompleteRequestDocument: autocompleteDoc
@@ -667,30 +622,25 @@ function useAutocomplete(initialState) {
 var useSelected = (function () {
   var propKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id';
   var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
   var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
   var onSelect = function onSelect(event, checked, props) {
     var propValue = props[propKey];
     var currentIndex = selected.findIndex(function (thisSelected) {
       return thisSelected[propKey] === propValue;
     });
-
     if (currentIndex === -1 && checked === true) {
       if (checked === true) {
         setSelected([].concat(_toConsumableArray(selected), [props]));
       }
     } else if (currentIndex > -1 && checked === false) {
       var newSelected = _toConsumableArray(selected);
-
       newSelected.splice(currentIndex, 1);
       setSelected(newSelected);
     }
   };
-
   var isSelected = function isSelected(props) {
     var propValue = props[propKey];
     var currentIndex = selected.findIndex(function (thisSelected) {
@@ -698,11 +648,9 @@ var useSelected = (function () {
     });
     return currentIndex > -1;
   };
-
   var onClear = function onClear() {
     return setSelected([]);
   };
-
   return {
     selected: selected,
     onSelect: onSelect,
@@ -713,14 +661,12 @@ var useSelected = (function () {
 
 var useTab = (function (initialTab) {
   var _useState = useState(initialTab),
-      _useState2 = _slicedToArray(_useState, 2),
-      activeTab = _useState2[0],
-      setActiveTab = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
   var changeTab = function changeTab(_, newValue) {
     return setActiveTab(newValue);
   };
-
   return {
     activeTab: activeTab,
     changeTab: changeTab
@@ -736,7 +682,6 @@ function useInterval(callback, delay) {
     var tick = function tick() {
       return savedCallback.current();
     };
-
     var id = setInterval(tick, delay);
     return function () {
       return clearInterval(id);
@@ -750,12 +695,10 @@ function useThumbnailScrub() {
   var initialImgIdx = useMemo(function () {
     return Math.floor(srcList.length / 2);
   }, [srcList]);
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      imgIdx = _useState2[0],
-      setImgIdx = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    imgIdx = _useState2[0],
+    setImgIdx = _useState2[1];
   var imgIdxRef = useRef(imgIdx);
   useEffect(function () {
     return function () {
@@ -766,10 +709,8 @@ function useThumbnailScrub() {
     width: 0
   };
   imgIdxRef.current = imgIdx;
-
   var onMouseEnter = function onMouseEnter() {
     var delay = 500;
-
     var tick = function tick() {
       if (imgIdxRef.current === undefined) {
         setImgIdx(0);
@@ -779,15 +720,12 @@ function useThumbnailScrub() {
         setImgIdx(imgIdxRef.current + 1);
       }
     };
-
     savedInterval.current = setInterval(tick, delay);
   };
-
   var onMouseLeave = function onMouseLeave() {
     setImgIdx();
     clearInterval(savedInterval.current);
   };
-
   var imageSrc = srcList[imgIdx === undefined ? initialImgIdx : imgIdx];
   var width = imgIdx === undefined ? 0 : "".concat(Math.floor(imgIdx / (srcList.length - 1) * 100), "%");
   return {
@@ -799,13 +737,9 @@ function useThumbnailScrub() {
 }
 
 var _excluded$8 = ["type"];
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-
 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$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CHANGE_PAGE$2 = 'CHANGE_PAGE';
 var CHANGE_ROWS$2 = 'CHANGE_ROWS';
@@ -825,14 +759,12 @@ var ACTION_TYPE$2 = {
   CHANGE_STARTTIME: CHANGE_STARTTIME,
   CHANGE_FINISHTIME: CHANGE_FINISHTIME
 };
-
 var setInitialDefaultState$2 = function setInitialDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$matrixParams = _ref.matrixParams,
-      matrixParams = _ref$matrixParams === void 0 ? {} : _ref$matrixParams;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$matrixParams = _ref.matrixParams,
+    matrixParams = _ref$matrixParams === void 0 ? {} : _ref$matrixParams;
   return {
     queryParams: queryParams,
     matrixParams: _objectSpread$i({
@@ -844,18 +776,16 @@ var setInitialDefaultState$2 = function setInitialDefaultState() {
     jobMetadata: []
   };
 };
-
 var searchReducer$2 = function searchReducer(state, action) {
   var type = action.type,
-      rest = _objectWithoutProperties(action, _excluded$8);
-
+    rest = _objectWithoutProperties(action, _excluded$8);
   switch (type) {
     case ACTION_TYPE$2.CHANGE_PAGE:
       {
         var _action$page = action.page,
-            page = _action$page === void 0 ? 0 : _action$page;
+          page = _action$page === void 0 ? 0 : _action$page;
         var _state$rowsPerPage = state.rowsPerPage,
-            rowsPerPage = _state$rowsPerPage === void 0 ? 10 : _state$rowsPerPage;
+          rowsPerPage = _state$rowsPerPage === void 0 ? 10 : _state$rowsPerPage;
         return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: page,
           matrixParams: _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, {
@@ -863,7 +793,6 @@ var searchReducer$2 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$2.CHANGE_ROWS:
       {
         var _rowsPerPage = action.rowsPerPage;
@@ -876,12 +805,11 @@ var searchReducer$2 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$2.CHANGE_SORT:
       {
         var field = action.field,
-            _action$order = action.order,
-            order = _action$order === void 0 ? 'desc' : _action$order;
+          _action$order = action.order,
+          order = _action$order === void 0 ? 'desc' : _action$order;
         return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           matrixParams: _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, {
@@ -890,21 +818,18 @@ var searchReducer$2 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$2.CHANGE_TYPE:
     case ACTION_TYPE$2.CHANGE_STATE:
     case ACTION_TYPE$2.CHANGE_PRIORITY:
       {
         var _field = rest.field,
-            _rest$value = rest.value,
-            value = _rest$value === void 0 ? [] : _rest$value;
+          _rest$value = rest.value,
+          value = _rest$value === void 0 ? [] : _rest$value;
         var matrixParams;
-
         if (!value) {
           var _state$matrixParams = state.matrixParams;
-              _state$matrixParams[_field];
-              var newMatrixParams = _objectWithoutProperties(_state$matrixParams, [_field].map(_toPropertyKey));
-
+            _state$matrixParams[_field];
+            var newMatrixParams = _objectWithoutProperties(_state$matrixParams, [_field].map(_toPropertyKey));
           matrixParams = _objectSpread$i(_objectSpread$i({}, newMatrixParams), {}, {
             first: 1
           });
@@ -913,27 +838,22 @@ var searchReducer$2 = function searchReducer(state, action) {
             first: 1
           }, _field, Array.isArray(value) ? value.join(',') : value));
         }
-
         return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           matrixParams: matrixParams
         });
       }
-
     case ACTION_TYPE$2.CHANGE_STARTTIME:
     case ACTION_TYPE$2.CHANGE_FINISHTIME:
       {
         var _field2 = rest.field,
-            _rest$value2 = rest.value,
-            _value = _rest$value2 === void 0 ? [] : _rest$value2;
-
+          _rest$value2 = rest.value,
+          _value = _rest$value2 === void 0 ? [] : _rest$value2;
         var queryParams;
-
         if (!_value) {
           var _state$queryParams = state.queryParams;
-              _state$queryParams[_field2];
-              var newQueryParams = _objectWithoutProperties(_state$queryParams, [_field2].map(_toPropertyKey));
-
+            _state$queryParams[_field2];
+            var newQueryParams = _objectWithoutProperties(_state$queryParams, [_field2].map(_toPropertyKey));
           queryParams = _objectSpread$i(_objectSpread$i({}, newQueryParams), {}, {
             first: 1
           });
@@ -942,26 +862,21 @@ var searchReducer$2 = function searchReducer(state, action) {
             first: 1
           }, _field2, _value));
         }
-
         return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           queryParams: queryParams
         });
       }
-
     case ACTION_TYPE$2.CHANGE_JOBMETADATA:
       {
         var _field3 = rest.field,
-            _rest$value3 = rest.value,
-            _value2 = _rest$value3 === void 0 ? [] : _rest$value3;
-
+          _rest$value3 = rest.value,
+          _value2 = _rest$value3 === void 0 ? [] : _rest$value3;
         var _queryParams;
-
         if (!_value2.length) {
           var _state$queryParams2 = state.queryParams;
-              _state$queryParams2[_field3];
-              var _newQueryParams = _objectWithoutProperties(_state$queryParams2, [_field3].map(_toPropertyKey));
-
+            _state$queryParams2[_field3];
+            var _newQueryParams = _objectWithoutProperties(_state$queryParams2, [_field3].map(_toPropertyKey));
           _queryParams = _objectSpread$i(_objectSpread$i({}, _newQueryParams), {}, {
             first: 1
           });
@@ -970,37 +885,30 @@ var searchReducer$2 = function searchReducer(state, action) {
             first: 1
           }, _field3, _value2));
         }
-
         return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           queryParams: _queryParams,
           jobMetadata: _value2
         });
       }
-
     default:
       return state;
   }
 };
-
 function useJobSearch(initialState) {
   var initialDefaultState = setInitialDefaultState$2(initialState);
-
   var _useReducer = useReducer(searchReducer$2, initialDefaultState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        rowsPerPage = _ref2.target.value;
-
+      rowsPerPage = _ref2.target.value;
     return dispatch({
       type: ACTION_TYPE$2.CHANGE_ROWS,
       rowsPerPage: rowsPerPage
     });
   };
-
   var onChangePage = function onChangePage(_ref3) {
     var page = _ref3.page;
     return dispatch({
@@ -1008,7 +916,6 @@ function useJobSearch(initialState) {
       page: page
     });
   };
-
   var onChangeSort = function onChangeSort(event, field, order) {
     var fieldName = _typeof(field) === 'object' ? field.value : field;
     dispatch({
@@ -1017,97 +924,81 @@ function useJobSearch(initialState) {
       order: order
     });
   };
-
   var onChangeType = function onChangeType(_ref4) {
     var _ref4$field = _ref4.field,
-        field = _ref4$field === void 0 ? [] : _ref4$field;
-
+      field = _ref4$field === void 0 ? [] : _ref4$field;
     var _field4 = _slicedToArray(field, 1),
-        _field4$ = _field4[0],
-        _field4$$name = _field4$.name,
-        name = _field4$$name === void 0 ? 'type' : _field4$$name,
-        _field4$$value = _field4$.value,
-        value = _field4$$value === void 0 ? [] : _field4$$value;
-
+      _field4$ = _field4[0],
+      _field4$$name = _field4$.name,
+      name = _field4$$name === void 0 ? 'type' : _field4$$name,
+      _field4$$value = _field4$.value,
+      value = _field4$$value === void 0 ? [] : _field4$$value;
     dispatch({
       type: ACTION_TYPE$2.CHANGE_TYPE,
       field: name,
       value: value.length ? value[0].value : null
     });
   };
-
   var onChangeState = function onChangeState(_ref5) {
     var _ref5$field = _ref5.field,
-        field = _ref5$field === void 0 ? [] : _ref5$field;
-
+      field = _ref5$field === void 0 ? [] : _ref5$field;
     var _field5 = _slicedToArray(field, 1),
-        _field5$ = _field5[0],
-        _field5$$name = _field5$.name,
-        name = _field5$$name === void 0 ? 'state' : _field5$$name,
-        _field5$$value = _field5$.value,
-        value = _field5$$value === void 0 ? [] : _field5$$value;
-
+      _field5$ = _field5[0],
+      _field5$$name = _field5$.name,
+      name = _field5$$name === void 0 ? 'state' : _field5$$name,
+      _field5$$value = _field5$.value,
+      value = _field5$$value === void 0 ? [] : _field5$$value;
     dispatch({
       type: ACTION_TYPE$2.CHANGE_STATE,
       field: name,
       value: value.length ? value[0].value : null
     });
   };
-
   var onChangePriority = function onChangePriority(_ref6) {
     var _ref6$field = _ref6.field,
-        field = _ref6$field === void 0 ? [] : _ref6$field;
-
+      field = _ref6$field === void 0 ? [] : _ref6$field;
     var _field6 = _slicedToArray(field, 1),
-        _field6$ = _field6[0],
-        _field6$$name = _field6$.name,
-        name = _field6$$name === void 0 ? 'priority' : _field6$$name,
-        _field6$$value = _field6$.value,
-        value = _field6$$value === void 0 ? [] : _field6$$value;
-
+      _field6$ = _field6[0],
+      _field6$$name = _field6$.name,
+      name = _field6$$name === void 0 ? 'priority' : _field6$$name,
+      _field6$$value = _field6$.value,
+      value = _field6$$value === void 0 ? [] : _field6$$value;
     dispatch({
       type: ACTION_TYPE$2.CHANGE_PRIORITY,
       field: name,
       value: value.length ? value[0].value : null
     });
   };
-
   var onChangeStarttime = function onChangeStarttime(_ref7) {
     var _ref7$field = _ref7.field,
-        field = _ref7$field === void 0 ? [] : _ref7$field;
-
+      field = _ref7$field === void 0 ? [] : _ref7$field;
     var _field7 = _slicedToArray(field, 1),
-        _field7$ = _field7[0],
-        _field7$$name = _field7$.name,
-        name = _field7$$name === void 0 ? 'starttime-from' : _field7$$name,
-        _field7$$value = _field7$.value,
-        value = _field7$$value === void 0 ? [] : _field7$$value;
-
+      _field7$ = _field7[0],
+      _field7$$name = _field7$.name,
+      name = _field7$$name === void 0 ? 'starttime-from' : _field7$$name,
+      _field7$$value = _field7$.value,
+      value = _field7$$value === void 0 ? [] : _field7$$value;
     dispatch({
       type: ACTION_TYPE$2.CHANGE_STARTTIME,
       field: name,
       value: value.length ? value[0].value : null
     });
   };
-
   var onChangeFinishtime = function onChangeFinishtime(_ref8) {
     var _ref8$field = _ref8.field,
-        field = _ref8$field === void 0 ? [] : _ref8$field;
-
+      field = _ref8$field === void 0 ? [] : _ref8$field;
     var _field8 = _slicedToArray(field, 1),
-        _field8$ = _field8[0],
-        _field8$$name = _field8$.name,
-        name = _field8$$name === void 0 ? 'finishtime-from' : _field8$$name,
-        _field8$$value = _field8$.value,
-        value = _field8$$value === void 0 ? [] : _field8$$value;
-
+      _field8$ = _field8[0],
+      _field8$$name = _field8$.name,
+      name = _field8$$name === void 0 ? 'finishtime-from' : _field8$$name,
+      _field8$$value = _field8$.value,
+      value = _field8$$value === void 0 ? [] : _field8$$value;
     dispatch({
       type: ACTION_TYPE$2.CHANGE_FINISHTIME,
       field: name,
       value: value.length ? value[0].value : null
     });
   };
-
   var onChangeJobmetadata = function onChangeJobmetadata(value) {
     dispatch({
       type: ACTION_TYPE$2.CHANGE_JOBMETADATA,
@@ -1115,7 +1006,6 @@ function useJobSearch(initialState) {
       value: value
     });
   };
-
   return {
     state: state,
     onChangePage: onChangePage,
@@ -1132,24 +1022,22 @@ function useJobSearch(initialState) {
 
 var useLocalStorage = function useLocalStorage(localStorageKey, defaultValue) {
   var _useState = useState(JSON.parse(window.localStorage.getItem(localStorageKey) || JSON.stringify(defaultValue))),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   useEffect(function () {
     window.localStorage.setItem(localStorageKey, JSON.stringify(value));
   }, [localStorageKey, value]);
-
   var getValue = function getValue() {
     return JSON.parse(window.localStorage.getItem(localStorageKey));
   };
-
   return [value, setValue, getValue];
 };
 
 function uuidv4() {
   return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, function (c) {
-    return (// eslint-disable-next-line
+    return (
+      // eslint-disable-next-line
       (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
     );
   });
@@ -1165,9 +1053,7 @@ function b64DecodeUnicode(str) {
 }
 
 var _excluded$7 = ["onUploadFile", "initialMetadata"];
-
 function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DEFAULT_AUDIO_SHAPETAGS = ['__mp3_160k'];
 var DEFAULT_VIDEO_SHAPETAGS = ['__mp4'];
@@ -1178,7 +1064,6 @@ var IMAGE_MIMETYPE_PREFIX = 'image';
 var ADDITIONAL_VIDEO_MIMETYPES = ['application/mxf'];
 var ADDITIONAL_IMAGE_MIMETYPES = [];
 var ADDITIONAL_AUDIO_MIMETYPES = [];
-
 var getDefaultShapeTags = function getDefaultShapeTags(file) {
   if (!file || !file.type) return [];
   var mimeType = file.type.toLowerCase();
@@ -1187,7 +1072,6 @@ var getDefaultShapeTags = function getDefaultShapeTags(file) {
   if (mimeType.startsWith(IMAGE_MIMETYPE_PREFIX) || ADDITIONAL_IMAGE_MIMETYPES.includes(mimeType)) return DEFAULT_IMAGE_SHAPETAGS;
   return [];
 };
-
 var chunkedUpload = function chunkedUpload(file) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return new Promise(function (resolve, reject) {
@@ -1202,23 +1086,22 @@ var chunkedUpload = function chunkedUpload(file) {
     uploadInstance.upload();
   });
 };
-
 var onUploadFile = function onUploadFile(_ref) {
   var file = _ref.file,
-      collectionId = _ref.collectionId,
-      onProgress = _ref.onProgress,
-      _ref$metadata = _ref.metadata,
-      propsMetadata = _ref$metadata === void 0 ? {} : _ref$metadata,
-      _ref$placeholderParam = _ref.placeholderParams,
-      placeholderParams = _ref$placeholderParam === void 0 ? {} : _ref$placeholderParam,
-      _ref$importParams = _ref.importParams,
-      importParams = _ref$importParams === void 0 ? {} : _ref$importParams,
-      _ref$chunkedUploadPro = _ref.chunkedUploadProps,
-      chunkedUploadProps = _ref$chunkedUploadPro === void 0 ? {} : _ref$chunkedUploadPro,
-      _ref$generateTransfer = _ref.generateTransferId,
-      generateTransferId = _ref$generateTransfer === void 0 ? uuidv4 : _ref$generateTransfer,
-      _ref$getShapeTags = _ref.getShapeTags,
-      getShapeTags = _ref$getShapeTags === void 0 ? getDefaultShapeTags : _ref$getShapeTags;
+    collectionId = _ref.collectionId,
+    onProgress = _ref.onProgress,
+    _ref$metadata = _ref.metadata,
+    propsMetadata = _ref$metadata === void 0 ? {} : _ref$metadata,
+    _ref$placeholderParam = _ref.placeholderParams,
+    placeholderParams = _ref$placeholderParam === void 0 ? {} : _ref$placeholderParam,
+    _ref$importParams = _ref.importParams,
+    importParams = _ref$importParams === void 0 ? {} : _ref$importParams,
+    _ref$chunkedUploadPro = _ref.chunkedUploadProps,
+    chunkedUploadProps = _ref$chunkedUploadPro === void 0 ? {} : _ref$chunkedUploadPro,
+    _ref$generateTransfer = _ref.generateTransferId,
+    generateTransferId = _ref$generateTransfer === void 0 ? uuidv4 : _ref$generateTransfer,
+    _ref$getShapeTags = _ref.getShapeTags,
+    getShapeTags = _ref$getShapeTags === void 0 ? getDefaultShapeTags : _ref$getShapeTags;
   return new Promise(function (resolve, reject) {
     try {
       var itemId;
@@ -1226,17 +1109,14 @@ var onUploadFile = function onUploadFile(_ref) {
       var shapeTags = getShapeTags(file);
       var filename = file.name;
       var mimeType = file.type;
-
       var _mimeType$split = mimeType.split('/'),
-          _mimeType$split2 = _slicedToArray(_mimeType$split, 1),
-          mediaType = _mimeType$split2[0];
-
+        _mimeType$split2 = _slicedToArray(_mimeType$split, 1),
+        mediaType = _mimeType$split2[0];
       var metadata = _objectSpread$h({
         originalFilename: filename,
         mimeType: mimeType,
         mediaType: mediaType
       }, propsMetadata);
-
       var metadataDocument = createMetadataType(metadata);
       vsimport.createImportPlaceholder({
         metadataDocument: metadataDocument,
@@ -1256,13 +1136,11 @@ var onUploadFile = function onUploadFile(_ref) {
         }));
       }).then(function () {
         var transferId = generateTransferId();
-
         var queryParams = _objectSpread$h({
           filename: filename,
           transferId: transferId,
           tag: shapeTags
         }, importParams);
-
         return chunkedUpload(file, _objectSpread$h({
           api: {
             method: vsimport.createImportComponentRaw,
@@ -1289,19 +1167,16 @@ var onUploadFile = function onUploadFile(_ref) {
     }
   });
 };
-
 function useUploadFiles(_ref3) {
   var _ref3$onUploadFile = _ref3.onUploadFile,
-      handleUploadFile = _ref3$onUploadFile === void 0 ? onUploadFile : _ref3$onUploadFile,
-      _ref3$initialMetadata = _ref3.initialMetadata,
-      initialMetadata = _ref3$initialMetadata === void 0 ? {} : _ref3$initialMetadata,
-      props = _objectWithoutProperties(_ref3, _excluded$7);
-
+    handleUploadFile = _ref3$onUploadFile === void 0 ? onUploadFile : _ref3$onUploadFile,
+    _ref3$initialMetadata = _ref3.initialMetadata,
+    initialMetadata = _ref3$initialMetadata === void 0 ? {} : _ref3$initialMetadata,
+    props = _objectWithoutProperties(_ref3, _excluded$7);
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
   useEffect(function () {
     return function () {
       // Make sure to revoke the data uris to avoid memory leaks
@@ -1329,16 +1204,13 @@ function useUploadFiles(_ref3) {
     setFiles(function (currentFilesList) {
       var currentFile = currentFilesList[idx];
       var newMetadata = changeFile.metadata,
-          newProgress = changeFile.progress;
+        newProgress = changeFile.progress;
       var _currentFile$metadata = currentFile.metadata,
-          currentMetadata = _currentFile$metadata === void 0 ? {} : _currentFile$metadata,
-          _currentFile$progress = currentFile.progress,
-          currentProgress = _currentFile$progress === void 0 ? {} : _currentFile$progress;
-
+        currentMetadata = _currentFile$metadata === void 0 ? {} : _currentFile$metadata,
+        _currentFile$progress = currentFile.progress,
+        currentProgress = _currentFile$progress === void 0 ? {} : _currentFile$progress;
       var newFilesList = _toConsumableArray(currentFilesList);
-
       var newFile = _objectSpread$h({}, currentFile);
-
       if (newMetadata) newFile.metadata = _objectSpread$h(_objectSpread$h({}, currentMetadata), newMetadata);
       if (newProgress) newFile.progress = _objectSpread$h(_objectSpread$h({}, currentProgress), newProgress);
       newFilesList[idx] = newFile;
@@ -1367,7 +1239,6 @@ function useUploadFiles(_ref3) {
         if (thisFile.progress) {
           return previousPromise;
         }
-
         return handleUploadFile(_objectSpread$h(_objectSpread$h({
           file: thisFile.file,
           onProgress: onChangeProgress(idx),
@@ -1404,29 +1275,26 @@ function useUploadFiles(_ref3) {
   };
 }
 
+// react-router-dom <6 use history & >=6 use navigate+location
 // TODO: change to expose "onNavigate" and take in "path" and "search" strings
-
 function useQueryInitialState(_ref) {
   var history = _ref.history,
-      navigate = _ref.navigate,
-      propLocation = _ref.location,
-      _ref$queryName = _ref.queryName,
-      queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName,
-      _ref$defaultState = _ref.defaultState,
-      defaultState = _ref$defaultState === void 0 ? undefined : _ref$defaultState;
+    navigate = _ref.navigate,
+    propLocation = _ref.location,
+    _ref$queryName = _ref.queryName,
+    queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName,
+    _ref$defaultState = _ref.defaultState,
+    defaultState = _ref$defaultState === void 0 ? undefined : _ref$defaultState;
   var defaultStateRef = useRef(defaultState);
   var queryState = useMemo(function () {
     var _ref2 = history || {},
-        _ref2$location = _ref2.location,
-        location = _ref2$location === void 0 ? propLocation : _ref2$location;
-
+      _ref2$location = _ref2.location,
+      location = _ref2$location === void 0 ? propLocation : _ref2$location;
     var searchParams = new URLSearchParams(location.search);
     var encodedQuery = searchParams.get(queryName);
-
     if (!encodedQuery) {
       return defaultStateRef.current;
     }
-
     try {
       var decodedQuery = b64DecodeUnicode(encodedQuery);
       return JSON.parse(decodedQuery);
@@ -1442,7 +1310,6 @@ function useQueryInitialState(_ref) {
         });
       }
     }
-
     return undefined;
   }, [history, navigate, propLocation, queryName]);
   return {
@@ -1450,22 +1317,20 @@ function useQueryInitialState(_ref) {
   };
 }
 
+// react-router-dom <6 use history & >=6 use navigate+location
 // TODO: change to expose "onNavigate" and take in "path" and "search" strings
-
 function useUpdateQueryState(_ref) {
   var history = _ref.history,
-      navigate = _ref.navigate,
-      propLocation = _ref.location,
-      state = _ref.state,
-      _ref$queryName = _ref.queryName,
-      queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName;
+    navigate = _ref.navigate,
+    propLocation = _ref.location,
+    state = _ref.state,
+    _ref$queryName = _ref.queryName,
+    queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName;
   var onSearchStateChange = useCallback(function () {
     var _ref2 = history || {},
-        _ref2$location = _ref2.location,
-        location = _ref2$location === void 0 ? propLocation : _ref2$location;
-
+      _ref2$location = _ref2.location,
+      location = _ref2$location === void 0 ? propLocation : _ref2$location;
     var encodedQuery = b64EncodeUnicode(JSON.stringify(state));
-
     if (history) {
       history.replace({
         pathName: location.pathName,
@@ -1476,42 +1341,38 @@ function useUpdateQueryState(_ref) {
         replace: true
       });
     }
-  }, [history, navigate, propLocation, queryName, state]); // Don't need to set query on mount
+  }, [history, navigate, propLocation, queryName, state]);
 
+  // Don't need to set query on mount
   useUpdateEffect(function () {
     onSearchStateChange(state);
   }, [onSearchStateChange, state]);
 }
 
 var _excluded$6 = ["accessId"],
-    _excluded2$2 = ["accessControlDocument"];
-
+  _excluded2$2 = ["accessControlDocument"];
 function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var useEntityAccess = function useEntityAccess(_ref) {
   var entityId = _ref.entityId,
-      entityType = _ref.entityType;
-
+    entityType = _ref.entityType;
   var _useApi = useApi(access.listEntityAccess),
-      listEntityAccess = _useApi.request,
-      _useApi$data = _useApi.data,
-      accessControlList = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading;
-
+    listEntityAccess = _useApi.request,
+    _useApi$data = _useApi.data,
+    accessControlList = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading;
   var onList = useCallback(function () {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return listEntityAccess(_objectSpread$g({
       entityId: entityId,
       entityType: entityType
     }, props));
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [entityId, entityType]);
   var onRemove = useCallback(function (_ref2) {
     var accessId = _ref2.accessId,
-        props = _objectWithoutProperties(_ref2, _excluded$6);
-
+      props = _objectWithoutProperties(_ref2, _excluded$6);
     return access.removeEntityAccess(_objectSpread$g({
       accessId: accessId,
       entityId: entityId,
@@ -1520,8 +1381,7 @@ var useEntityAccess = function useEntityAccess(_ref) {
   }, [entityId, entityType]);
   var onAdd = useCallback(function (_ref3) {
     var accessControlDocument = _ref3.accessControlDocument,
-        props = _objectWithoutProperties(_ref3, _excluded2$2);
-
+      props = _objectWithoutProperties(_ref3, _excluded2$2);
     return access.createEntityAccess(_objectSpread$g({
       entityType: entityType,
       entityId: entityId,
@@ -1538,40 +1398,31 @@ var useEntityAccess = function useEntityAccess(_ref) {
 };
 
 var _excluded$5 = ["name"],
-    _excluded2$1 = ["label"],
-    _excluded3 = ["name", "field", "group"],
-    _excluded4 = ["label"];
-
+  _excluded2$1 = ["label"],
+  _excluded3 = ["name", "field", "group"],
+  _excluded4 = ["label"];
 function ownKeys$f(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$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var getValueFromData = function getValueFromData() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data;
-
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data;
   var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   if (!key) return undefined;
-
   var _ref2 = data.find(function (d) {
-    return d.key === key;
-  }) || {},
-      value = _ref2.value;
-
+      return d.key === key;
+    }) || {},
+    value = _ref2.value;
   return value;
 };
-
 var defaultGetDataAttributes = function defaultGetDataAttributes(fieldOrGroup, keys) {
   return Object.assign.apply(Object, [{}].concat(_toConsumableArray(keys.map(function (key) {
     return _defineProperty({}, key, getValueFromData(fieldOrGroup, key));
   }))));
 };
-
 var getOptions = function getOptions() {
   var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref4$values = _ref4.values;
-
+    _ref4$values = _ref4.values;
   _ref4$values = _ref4$values === void 0 ? {} : _ref4$values;
   var field = _ref4$values.field;
   return field ? field.map(function (f) {
@@ -1581,82 +1432,66 @@ var getOptions = function getOptions() {
     };
   }) : undefined;
 };
-
 var convertValuesXmlToJson = function convertValuesXmlToJson(xmlString) {
   var doc = new DOMParser().parseFromString(xmlString, 'application/xml');
   var fields = doc.getElementsByTagName('field');
-
   if (!fields.length) {
     return undefined;
   }
-
   var json = {
     field: []
   };
-
   for (var i = 0; i < fields.length; i += 1) {
     var _json$field$push;
-
     var _fields$i$childNodes = _slicedToArray(fields[i].childNodes, 2),
-        keyNode = _fields$i$childNodes[0],
-        valueNode = _fields$i$childNodes[1];
-
+      keyNode = _fields$i$childNodes[0],
+      valueNode = _fields$i$childNodes[1];
     json.field.push((_json$field$push = {}, _defineProperty(_json$field$push, keyNode.nodeName, keyNode.firstChild.nodeValue), _defineProperty(_json$field$push, valueNode.nodeName, valueNode.firstChild.nodeValue), _json$field$push));
   }
-
   return json;
 };
-
 var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5) {
   var fields = _ref5.fields,
-      groups = _ref5.groups,
-      _ref5$getDataAttribut = _ref5.getDataAttributes,
-      getDataAttributes = _ref5$getDataAttribut === void 0 ? defaultGetDataAttributes : _ref5$getDataAttribut,
-      _ref5$fieldDataToIncl = _ref5.fieldDataToInclude,
-      fieldDataToInclude = _ref5$fieldDataToIncl === void 0 ? 'label,displayType,required' : _ref5$fieldDataToIncl,
-      _ref5$groupDataToIncl = _ref5.groupDataToInclude,
-      groupDataToInclude = _ref5$groupDataToIncl === void 0 ? 'label,order' : _ref5$groupDataToIncl,
-      _ref5$fieldQueryParam = _ref5.fieldQueryParams,
-      fieldQueryParams = _ref5$fieldQueryParam === void 0 ? {} : _ref5$fieldQueryParam,
-      _ref5$groupQueryParam = _ref5.groupQueryParams,
-      groupQueryParams = _ref5$groupQueryParam === void 0 ? {} : _ref5$groupQueryParam,
-      _ref5$getAttributes = _ref5.getAttributes,
-      getAttributes = _ref5$getAttributes === void 0 ? true : _ref5$getAttributes;
-
+    groups = _ref5.groups,
+    _ref5$getDataAttribut = _ref5.getDataAttributes,
+    getDataAttributes = _ref5$getDataAttribut === void 0 ? defaultGetDataAttributes : _ref5$getDataAttribut,
+    _ref5$fieldDataToIncl = _ref5.fieldDataToInclude,
+    fieldDataToInclude = _ref5$fieldDataToIncl === void 0 ? 'label,displayType,required' : _ref5$fieldDataToIncl,
+    _ref5$groupDataToIncl = _ref5.groupDataToInclude,
+    groupDataToInclude = _ref5$groupDataToIncl === void 0 ? 'label,order' : _ref5$groupDataToIncl,
+    _ref5$fieldQueryParam = _ref5.fieldQueryParams,
+    fieldQueryParams = _ref5$fieldQueryParam === void 0 ? {} : _ref5$fieldQueryParam,
+    _ref5$groupQueryParam = _ref5.groupQueryParams,
+    groupQueryParams = _ref5$groupQueryParam === void 0 ? {} : _ref5$groupQueryParam,
+    _ref5$getAttributes = _ref5.getAttributes,
+    getAttributes = _ref5$getAttributes === void 0 ? true : _ref5$getAttributes;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoading = _useState2[0],
-      setIsLoading = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
   var _useState3 = useState(fields),
-      _useState4 = _slicedToArray(_useState3, 2),
-      fieldsWithAttributes = _useState4[0],
-      setFieldsWithAttributes = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    fieldsWithAttributes = _useState4[0],
+    setFieldsWithAttributes = _useState4[1];
   var _useState5 = useState(groups),
-      _useState6 = _slicedToArray(_useState5, 2),
-      groupsWithAttributes = _useState6[0],
-      setGroupsWithAttributes = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    groupsWithAttributes = _useState6[0],
+    setGroupsWithAttributes = _useState6[1];
   useDeepCompareEffect(function () {
     var didCancel = false;
     if (getAttributes === false) return function () {
       didCancel = true;
     };
-
     var addFieldAttributes = function addFieldAttributes() {
       var fieldsArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var fieldsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       return fieldsArray.map(function (_ref6) {
         var name = _ref6.name,
-            overrides = _objectWithoutProperties(_ref6, _excluded$5);
-
+          overrides = _objectWithoutProperties(_ref6, _excluded$5);
         var fieldAttributes = fieldsAttributes[name] || {};
-
         var _getDataAttributes = getDataAttributes(fieldAttributes, fieldDataToInclude.split(',')),
-            label = _getDataAttributes.label,
-            dataAttributes = _objectWithoutProperties(_getDataAttributes, _excluded2$1);
-
+          label = _getDataAttributes.label,
+          dataAttributes = _objectWithoutProperties(_getDataAttributes, _excluded2$1);
         return _objectSpread$f(_objectSpread$f({
           name: name,
           label: label || name,
@@ -1666,25 +1501,21 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
         }, dataAttributes), overrides);
       });
     };
-
     var addGroupAttributes = function addGroupAttributes() {
       var groupsArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var groupsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var fieldsAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       return groupsArray.map(function (_ref7) {
         var name = _ref7.name,
-            field = _ref7.field,
-            group = _ref7.group,
-            overrides = _objectWithoutProperties(_ref7, _excluded3);
-
+          field = _ref7.field,
+          group = _ref7.group,
+          overrides = _objectWithoutProperties(_ref7, _excluded3);
         var groupAttributes = groupsAttributes[name] || {};
         var childFields = field || groupAttributes && groupAttributes.field;
         var childGroups = group || groupAttributes && groupAttributes.group;
-
         var _getDataAttributes2 = getDataAttributes(groupAttributes, groupDataToInclude.split(',')),
-            label = _getDataAttributes2.label,
-            dataAttributes = _objectWithoutProperties(_getDataAttributes2, _excluded4);
-
+          label = _getDataAttributes2.label,
+          dataAttributes = _objectWithoutProperties(_getDataAttributes2, _excluded4);
         return _objectSpread$f(_objectSpread$f({
           name: name,
           label: label || name,
@@ -1694,15 +1525,12 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
         }, dataAttributes), overrides);
       });
     };
-
     function fetchAttributesAsync() {
       return _fetchAttributesAsync.apply(this, arguments);
     }
-
     function _fetchAttributesAsync() {
       _fetchAttributesAsync = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var fieldsAttributes, groupsAttributes, fieldPromises, queryParams, groupPromises, groupsToFetch, _queryParams;
-
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
@@ -1711,7 +1539,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                 fieldsAttributes = {};
                 groupsAttributes = {};
                 fieldPromises = [];
-
                 if (fields) {
                   queryParams = _objectSpread$f(_objectSpread$f({}, fieldQueryParams), {}, {
                     data: fieldDataToInclude
@@ -1719,7 +1546,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                   fieldPromises = fields.map( /*#__PURE__*/function () {
                     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref8) {
                       var fieldName, _yield$MetadataFieldA, data;
-
                       return _regeneratorRuntime.wrap(function _callee$(_context) {
                         while (1) {
                           switch (_context.prev = _context.next) {
@@ -1731,20 +1557,17 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                                 fieldName: fieldName,
                                 queryParams: queryParams
                               });
-
                             case 4:
                               _yield$MetadataFieldA = _context.sent;
                               data = _yield$MetadataFieldA.data;
                               fieldsAttributes[fieldName] = data;
                               _context.next = 12;
                               break;
-
                             case 9:
                               _context.prev = 9;
                               _context.t0 = _context["catch"](1);
                               // eslint-disable-next-line no-console
                               console.warn("Could not retrieve attributes for ".concat(fieldName));
-
                             case 12:
                             case "end":
                               return _context.stop();
@@ -1752,15 +1575,12 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                         }
                       }, _callee, null, [[1, 9]]);
                     }));
-
                     return function (_x) {
                       return _ref9.apply(this, arguments);
                     };
                   }());
                 }
-
                 groupPromises = [];
-
                 if (groups) {
                   groupsToFetch = _toConsumableArray(groups);
                   _queryParams = _objectSpread$f(_objectSpread$f({}, groupQueryParams), {}, {
@@ -1769,7 +1589,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                   groupPromises = groupsToFetch.map( /*#__PURE__*/function () {
                     var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref10) {
                       var groupName, _yield$FieldGroupApi$, data, _data$field, field, _data$group, group;
-
                       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
                         while (1) {
                           switch (_context2.prev = _context2.next) {
@@ -1781,7 +1600,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                                 groupName: groupName,
                                 queryParams: _queryParams
                               });
-
                             case 4:
                               _yield$FieldGroupApi$ = _context2.sent;
                               data = _yield$FieldGroupApi$.data;
@@ -1790,7 +1608,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                                 var dataValues = f.data && f.data.find(function (e) {
                                   return e.key === '__values';
                                 });
-
                                 if (dataValues) {
                                   var jsonValues = convertValuesXmlToJson(dataValues.value);
                                   fieldsAttributes[f.name] = _objectSpread$f(_objectSpread$f({}, f), {}, {
@@ -1804,13 +1621,11 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                               groupsAttributes[groupName] = data;
                               _context2.next = 15;
                               break;
-
                             case 12:
                               _context2.prev = 12;
                               _context2.t0 = _context2["catch"](1);
                               // eslint-disable-next-line no-console
                               console.warn("Could not retrieve attributes for ".concat(groupName));
-
                             case 15:
                             case "end":
                               return _context2.stop();
@@ -1818,16 +1633,13 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                         }
                       }, _callee2, null, [[1, 12]]);
                     }));
-
                     return function (_x2) {
                       return _ref11.apply(this, arguments);
                     };
                   }());
                 }
-
                 _context3.next = 9;
                 return Promise.all([].concat(_toConsumableArray(fieldPromises), _toConsumableArray(groupPromises)));
-
               case 9:
                 if (!didCancel) {
                   if (Object.values(fieldsAttributes).some(function (v) {
@@ -1837,7 +1649,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                       return addFieldAttributes(fields, fieldsAttributes);
                     });
                   }
-
                   if (Object.values(groupsAttributes).some(function (v) {
                     return v;
                   })) {
@@ -1845,7 +1656,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                       var newGroupsWithAttributes = addGroupAttributes(groups, groupsAttributes, fieldsAttributes);
                       newGroupsWithAttributes.forEach(function (group) {
                         var order = group.order;
-
                         if (order) {
                           group.fields.sort(function (a, b) {
                             return order.indexOf(a.name) - order.indexOf(b.name);
@@ -1855,10 +1665,8 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                       return newGroupsWithAttributes;
                     });
                   }
-
                   setIsLoading(false);
                 }
-
               case 10:
               case "end":
                 return _context3.stop();
@@ -1868,7 +1676,6 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
       }));
       return _fetchAttributesAsync.apply(this, arguments);
     }
-
     fetchAttributesAsync();
     return function () {
       didCancel = true;
@@ -1882,20 +1689,19 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
 };
 
 var _excluded$4 = ["setItemSearchDocument"];
-
 function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var UPDATE_FREQUENCY$1 = 1000; // Prevents access controls set on the library (i.e. saved search) from cascading down to items
+// Has to be set so that the library isn't auto-deleted
+var UPDATE_FREQUENCY$1 = 1000;
 
+// Prevents access controls set on the library (i.e. saved search) from cascading down to items
 var UPDATE_MODE$1 = 'TRANSIENT';
-
 function saveSearch(_ref) {
   var metadata = _ref.metadata,
-      markerField = _ref.markerField,
-      markerValue = _ref.markerValue,
-      itemSearchDocument = _ref.itemSearchDocument;
+    markerField = _ref.markerField,
+    markerValue = _ref.markerValue,
+    itemSearchDocument = _ref.itemSearchDocument;
   return item.searchItem({
     queryParams: {
       result: 'library',
@@ -1916,7 +1722,6 @@ function saveSearch(_ref) {
     });
   });
 }
-
 var getLibraryFromCollection = function getLibraryFromCollection(_ref3) {
   var collectionId = _ref3.collectionId;
   return new Promise(function (resolve, reject) {
@@ -1928,17 +1733,14 @@ var getLibraryFromCollection = function getLibraryFromCollection(_ref3) {
     }).then(function (_ref4) {
       var collectionType = _ref4.data;
       var _collectionType$conte = collectionType.content,
-          content = _collectionType$conte === void 0 ? [] : _collectionType$conte;
-
+        content = _collectionType$conte === void 0 ? [] : _collectionType$conte;
       var _content = _slicedToArray(content, 1),
-          libraryType = _content[0];
-
+        libraryType = _content[0];
       if (!libraryType) reject(new Error('No Libraries'));
       resolve(libraryType);
     });
   });
 };
-
 var deleteSearch = function deleteSearch(_ref5) {
   var collectionId = _ref5.collectionId;
   return getLibraryFromCollection({
@@ -1952,7 +1754,6 @@ var deleteSearch = function deleteSearch(_ref5) {
     })]);
   });
 };
-
 function getLibrarySettings(_ref7) {
   var libraryId = _ref7.libraryId;
   return new Promise(function (resolve) {
@@ -1964,7 +1765,6 @@ function getLibrarySettings(_ref7) {
     });
   });
 }
-
 var getSavedSearchSettings = function getSavedSearchSettings(_ref9) {
   var collectionId = _ref9.collectionId;
   return new Promise(function (resolve) {
@@ -1978,22 +1778,21 @@ var getSavedSearchSettings = function getSavedSearchSettings(_ref9) {
     }).then(resolve);
   });
 };
-
 function useSavedSearch(_ref11) {
   var markerField = _ref11.markerField,
-      markerValue = _ref11.markerValue,
-      initialSearchState = _ref11.initialSearchState,
-      _ref11$onSaveSearch = _ref11.onSaveSearch,
-      onSaveSearch = _ref11$onSaveSearch === void 0 ? saveSearch : _ref11$onSaveSearch,
-      _ref11$onDeleteSearch = _ref11.onDeleteSearch,
-      onDeleteSearch = _ref11$onDeleteSearch === void 0 ? deleteSearch : _ref11$onDeleteSearch,
-      _ref11$onUpdateSearch = _ref11.onUpdateSearchMetadata,
-      onUpdateSearchMetadata = _ref11$onUpdateSearch === void 0 ? collection.updateCollectionMetadata : _ref11$onUpdateSearch,
-      _ref11$onGetSavedSear = _ref11.onGetSavedSearchSettings,
-      onGetSavedSearchSettings = _ref11$onGetSavedSear === void 0 ? getSavedSearchSettings : _ref11$onGetSavedSear;
+    markerValue = _ref11.markerValue,
+    initialSearchState = _ref11.initialSearchState,
+    _ref11$onSaveSearch = _ref11.onSaveSearch,
+    onSaveSearch = _ref11$onSaveSearch === void 0 ? saveSearch : _ref11$onSaveSearch,
+    _ref11$onDeleteSearch = _ref11.onDeleteSearch,
+    onDeleteSearch = _ref11$onDeleteSearch === void 0 ? deleteSearch : _ref11$onDeleteSearch,
+    _ref11$onUpdateSearch = _ref11.onUpdateSearchMetadata,
+    onUpdateSearchMetadata = _ref11$onUpdateSearch === void 0 ? collection.updateCollectionMetadata : _ref11$onUpdateSearch,
+    _ref11$onGetSavedSear = _ref11.onGetSavedSearchSettings,
+    onGetSavedSearchSettings = _ref11$onGetSavedSear === void 0 ? getSavedSearchSettings : _ref11$onGetSavedSear;
   var saveSearchWithMarker = useCallback(function (_ref12) {
     var metadata = _ref12.metadata,
-        itemSearchDocument = _ref12.itemSearchDocument;
+      itemSearchDocument = _ref12.itemSearchDocument;
     return onSaveSearch({
       metadata: metadata,
       markerField: markerField,
@@ -2001,7 +1800,6 @@ function useSavedSearch(_ref11) {
       itemSearchDocument: itemSearchDocument
     });
   }, [markerField, markerValue, onSaveSearch]);
-
   var mergeMarkerField = function mergeMarkerField() {
     var itemSearchDocument = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return _objectSpread$e(_objectSpread$e({}, itemSearchDocument), {}, {
@@ -2017,14 +1815,11 @@ function useSavedSearch(_ref11) {
       }
     });
   };
-
   var searchProps = useSearch(_objectSpread$e(_objectSpread$e({}, initialSearchState), {}, {
     itemSearchDocument: mergeMarkerField()
   }));
-
   var _setItemSearchDocument = searchProps.setItemSearchDocument,
-      props = _objectWithoutProperties(searchProps, _excluded$4);
-
+    props = _objectWithoutProperties(searchProps, _excluded$4);
   return {
     onSaveSearch: saveSearchWithMarker,
     onDeleteSearch: onDeleteSearch,
@@ -2040,16 +1835,14 @@ function useSavedSearch(_ref11) {
 
 function useSearchItem(_ref) {
   var itemSearchDocument = _ref.itemSearchDocument,
-      queryParams = _ref.queryParams,
-      matrixParams = _ref.matrixParams;
-
+    queryParams = _ref.queryParams,
+    matrixParams = _ref.matrixParams;
   var _useApi = useApi(item.searchItem),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      itemListType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    itemListType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       itemSearchDocument: itemSearchDocument,
@@ -2057,7 +1850,6 @@ function useSearchItem(_ref) {
       matrixParams: matrixParams
     });
   };
-
   useDeepCompareEffect(function () {
     onRefresh();
   }, [itemSearchDocument, queryParams, matrixParams]);
@@ -2071,13 +1863,12 @@ function useSearchItem(_ref) {
 
 var useMouseDownPosition = function useMouseDownPosition() {
   var _useState = useState({
-    x: 0,
-    y: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      position = _useState2[0],
-      setPosition = _useState2[1];
-
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
   useEffect(function () {
     var setFromEvent = function setFromEvent(e) {
       return setPosition({
@@ -2085,7 +1876,6 @@ var useMouseDownPosition = function useMouseDownPosition() {
         y: e.clientY
       });
     };
-
     window.addEventListener('mousedown', setFromEvent);
     return function () {
       window.removeEventListener('mousedown', setFromEvent);
@@ -2096,25 +1886,22 @@ var useMouseDownPosition = function useMouseDownPosition() {
 
 function useGetCollection$1(_ref) {
   var collectionId = _ref.collectionId,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$refreshOnMount = _ref.refreshOnMount,
-      refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$refreshOnMount = _ref.refreshOnMount,
+    refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
   var _useApi = useApi(collection.getCollection),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      collectionType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    collectionType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       collectionId: collectionId,
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     if (refreshOnMount) onRefresh();
   }, [collectionId, queryParams]);
@@ -2128,23 +1915,20 @@ function useGetCollection$1(_ref) {
 
 function useGetCollection(_ref) {
   var collectionId = _ref.collectionId,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$refreshOnMount = _ref.refreshOnMount,
-      refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$refreshOnMount = _ref.refreshOnMount,
+    refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
   var _useApi = useApi(collection.getCollectionItem),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      itemListType = _useApi$data === void 0 ? {} : _useApi$data;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    itemListType = _useApi$data === void 0 ? {} : _useApi$data;
   var onRefresh = function onRefresh() {
     return request({
       collectionId: collectionId,
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     if (refreshOnMount) onRefresh();
   }, [collectionId, queryParams]);
@@ -2155,10 +1939,9 @@ function useGetCollection(_ref) {
 }
 
 var _excluded$3 = ["request", "data"];
-
 function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * Get Entity by id and type
  * @param {Object} object - Entity information object
@@ -2167,44 +1950,36 @@ function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) {
  * @throws Throws error if unsupported type
  * @returns {Object} Entity retrieved from VS
  */
-
 var useGetEntity = function useGetEntity(_ref) {
   var _objectSpread3;
-
   var entityId = _ref.entityId,
-      entityType = _ref.entityType;
+    entityType = _ref.entityType;
   var dataType;
   var entityApi;
   var entityTypeId;
-
   switch (entityType) {
     case 'collection':
       dataType = 'collectionType';
       entityTypeId = 'collectionId';
       entityApi = collection.getCollection;
       break;
-
     case 'library':
       dataType = 'libraryType';
       entityTypeId = 'libraryId';
       entityApi = library.getLibrary;
       break;
-
     case 'item':
       dataType = 'itemType';
       entityTypeId = 'itemId';
       entityApi = item.getItem;
       break;
-
     default:
       throw new Error("unknown entityType");
   }
-
   var _useApi = useApi(entityApi),
-      request = _useApi.request,
-      data = _useApi.data,
-      apiProps = _objectWithoutProperties(_useApi, _excluded$3);
-
+    request = _useApi.request,
+    data = _useApi.data,
+    apiProps = _objectWithoutProperties(_useApi, _excluded$3);
   var onGetEntity = useCallback(function (props) {
     return request(_objectSpread$d(_defineProperty({}, entityTypeId, entityId), props));
   }, [entityId, entityTypeId, request]);
@@ -2212,18 +1987,15 @@ var useGetEntity = function useGetEntity(_ref) {
 };
 
 function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function useUser(initialState) {
   var _useApi = useApi(user.getUser, {
-    data: initialState
-  }),
-      userType = _useApi.data,
-      request = _useApi.request;
-
+      data: initialState
+    }),
+    userType = _useApi.data,
+    request = _useApi.request;
   var _ref = userType || {},
-      userName = _ref.userName;
-
+    userName = _ref.userName;
   var getUser = useCallback(function () {
     return request({
       userName: userName
@@ -2245,7 +2017,7 @@ function useUser(initialState) {
   }, [request, userName]);
   var updateUserGroups = useCallback(function (_ref3) {
     var _ref3$groups = _ref3.groups,
-        groups = _ref3$groups === void 0 ? [] : _ref3$groups;
+      groups = _ref3$groups === void 0 ? [] : _ref3$groups;
     return user.updateUserGroup({
       userName: userName,
       groupListDocument: {
@@ -2274,12 +2046,10 @@ function useUser(initialState) {
       }
     });
   }, [userName]);
-
   var deleteUser = function deleteUser() {
     var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref4$queryParams = _ref4.queryParams,
-        queryParams = _ref4$queryParams === void 0 ? {} : _ref4$queryParams;
-
+      _ref4$queryParams = _ref4.queryParams,
+      queryParams = _ref4$queryParams === void 0 ? {} : _ref4$queryParams;
     return user.disableUser({
       userName: userName,
       queryParams: _objectSpread$c({
@@ -2287,19 +2057,16 @@ function useUser(initialState) {
       }, queryParams)
     });
   };
-
   var disableUser = function disableUser(args) {
     return user.disableUser(_objectSpread$c({
       userName: userName
     }, args)).then(getUser);
   };
-
   var enableUser = function enableUser(args) {
     return user.enableUser(_objectSpread$c({
       userName: userName
     }, args)).then(getUser);
   };
-
   return {
     userType: userType,
     getUser: getUser,
@@ -2314,7 +2081,6 @@ function useUser(initialState) {
 }
 
 function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CHANGE_PAGE$1 = 'CHANGE_PAGE';
 var CHANGE_ROWS$1 = 'CHANGE_ROWS';
@@ -2326,16 +2092,14 @@ var ACTION_TYPE$1 = {
   CHANGE_SORT: CHANGE_SORT$1,
   CHANGE_QUERY: CHANGE_QUERY$1
 };
-
 var setInitialDefaultState$1 = function setInitialDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$rowsPerPage = _ref.rowsPerPage,
-      rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 0 : _ref$page;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$rowsPerPage = _ref.rowsPerPage,
+    rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 0 : _ref$page;
   return {
     queryParams: _objectSpread$b({
       first: page * rowsPerPage + 1,
@@ -2351,10 +2115,8 @@ var setInitialDefaultState$1 = function setInitialDefaultState() {
     }
   };
 };
-
 var searchReducer$1 = function searchReducer(state, action) {
   var type = action.type;
-
   switch (type) {
     case ACTION_TYPE$1.CHANGE_PAGE:
       {
@@ -2366,7 +2128,6 @@ var searchReducer$1 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$1.CHANGE_ROWS:
       {
         var rowsPerPage = action.rowsPerPage;
@@ -2379,7 +2140,6 @@ var searchReducer$1 = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE$1.CHANGE_QUERY:
       {
         return _objectSpread$b(_objectSpread$b({}, state), {}, {
@@ -2395,47 +2155,39 @@ var searchReducer$1 = function searchReducer(state, action) {
           })
         });
       }
-
     default:
       return state;
   }
 };
-
 function useSearchUser(initialState) {
   var initialDefaultState = setInitialDefaultState$1(initialState);
-
   var _useReducer = useReducer(searchReducer$1, initialDefaultState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var _useApi = useApi(user.searchUser),
-      userListDocument = _useApi.data,
-      searchUser = _useApi.request,
-      hasLoaded = _useApi.hasLoaded,
-      isError = _useApi.isError;
-
+    userListDocument = _useApi.data,
+    searchUser = _useApi.request,
+    hasLoaded = _useApi.hasLoaded,
+    isError = _useApi.isError;
   var onSearchUser = function onSearchUser() {
     return searchUser({
       userSearchDocument: state.userSearchDocument,
       queryParams: state.queryParams
     });
   };
-
   useEffect(function () {
-    onSearchUser(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onSearchUser();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.queryParams, state.userSearchDocument]);
-
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        rowsPerPage = _ref2.target.value;
-
+      rowsPerPage = _ref2.target.value;
     return dispatch({
       type: ACTION_TYPE$1.CHANGE_ROWS,
       rowsPerPage: rowsPerPage
     });
   };
-
   var onChangePage = function onChangePage(_ref3) {
     var page = _ref3.page;
     return dispatch({
@@ -2443,7 +2195,6 @@ function useSearchUser(initialState) {
       page: page
     });
   };
-
   var onChangeSort = function onChangeSort(event, field, order) {
     var fieldName = _typeof(field) === 'object' ? field.value : field;
     dispatch({
@@ -2452,7 +2203,6 @@ function useSearchUser(initialState) {
       order: order
     });
   };
-
   var onChangeQuery = function onChangeQuery(field, query) {
     dispatch({
       type: ACTION_TYPE$1.CHANGE_QUERY,
@@ -2460,7 +2210,6 @@ function useSearchUser(initialState) {
       query: query
     });
   };
-
   return _objectSpread$b(_objectSpread$b({}, state), {}, {
     hasLoaded: hasLoaded,
     isError: isError,
@@ -2475,17 +2224,16 @@ function useSearchUser(initialState) {
 
 var useListGroup = function useListGroup(args) {
   var _useApi = useApi(group.listGroup),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      groupListType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    groupListType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading;
   var onRefresh = function onRefresh() {
     return request(args);
   };
-
   useEffect(function () {
-    onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onRefresh();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [args]);
   return {
     onRefresh: onRefresh,
@@ -2496,17 +2244,16 @@ var useListGroup = function useListGroup(args) {
 
 var useListUser = function useListUser(args) {
   var _useApi = useApi(user.listUser),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      userListType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    userListType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading;
   var onRefresh = function onRefresh() {
     return request(args);
   };
-
   useEffect(function () {
-    onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onRefresh();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [args]);
   return {
     onRefresh: onRefresh,
@@ -2516,7 +2263,6 @@ var useListUser = function useListUser(args) {
 };
 
 function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CHANGE_PAGE = 'CHANGE_PAGE';
 var CHANGE_ROWS = 'CHANGE_ROWS';
@@ -2530,16 +2276,14 @@ var ACTION_TYPE = {
   CHANGE_QUERY: CHANGE_QUERY,
   HIDE_ROLES: HIDE_ROLES
 };
-
 var setInitialDefaultState = function setInitialDefaultState() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$rowsPerPage = _ref.rowsPerPage,
-      rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 0 : _ref$page;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$rowsPerPage = _ref.rowsPerPage,
+    rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
+    _ref$page = _ref.page,
+    page = _ref$page === void 0 ? 0 : _ref$page;
   return {
     queryParams: _objectSpread$a({
       first: page * rowsPerPage + 1,
@@ -2550,10 +2294,8 @@ var setInitialDefaultState = function setInitialDefaultState() {
     groupSearchDocument: {}
   };
 };
-
 var searchReducer = function searchReducer(state, action) {
   var type = action.type;
-
   switch (type) {
     case ACTION_TYPE.CHANGE_PAGE:
       {
@@ -2565,7 +2307,6 @@ var searchReducer = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE.CHANGE_ROWS:
       {
         var rowsPerPage = action.rowsPerPage;
@@ -2578,7 +2319,6 @@ var searchReducer = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE.HIDE_ROLES:
       {
         var hideRoles = action.hideRoles;
@@ -2591,7 +2331,6 @@ var searchReducer = function searchReducer(state, action) {
           })
         });
       }
-
     case ACTION_TYPE.CHANGE_QUERY:
       {
         return _objectSpread$a(_objectSpread$a({}, state), {}, {
@@ -2607,47 +2346,39 @@ var searchReducer = function searchReducer(state, action) {
           })
         });
       }
-
     default:
       return state;
   }
 };
-
 function useSearchGroup(initialState) {
   var initialDefaultState = setInitialDefaultState(initialState);
-
   var _useReducer = useReducer(searchReducer, initialDefaultState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var _useApi = useApi(group.searchGroup),
-      groupListDocument = _useApi.data,
-      searchGroup = _useApi.request,
-      hasLoaded = _useApi.hasLoaded,
-      isError = _useApi.isError;
-
+    groupListDocument = _useApi.data,
+    searchGroup = _useApi.request,
+    hasLoaded = _useApi.hasLoaded,
+    isError = _useApi.isError;
   var onSearchGroup = function onSearchGroup() {
     return searchGroup({
       groupSearchDocument: state.groupSearchDocument,
       queryParams: state.queryParams
     });
   };
-
   useEffect(function () {
-    onSearchGroup(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onSearchGroup();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.queryParams, state.groupSearchDocument]);
-
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        rowsPerPage = _ref2.target.value;
-
+      rowsPerPage = _ref2.target.value;
     return dispatch({
       type: ACTION_TYPE.CHANGE_ROWS,
       rowsPerPage: rowsPerPage
     });
   };
-
   var onChangePage = function onChangePage(_ref3) {
     var page = _ref3.page;
     return dispatch({
@@ -2655,7 +2386,6 @@ function useSearchGroup(initialState) {
       page: page
     });
   };
-
   var onHideRoles = function onHideRoles(_ref4) {
     var hideRoles = _ref4.hideRoles;
     return dispatch({
@@ -2663,7 +2393,6 @@ function useSearchGroup(initialState) {
       hideRoles: hideRoles
     });
   };
-
   var onChangeSort = function onChangeSort(event, field, order) {
     var fieldName = _typeof(field) === 'object' ? field.value : field;
     dispatch({
@@ -2672,7 +2401,6 @@ function useSearchGroup(initialState) {
       order: order
     });
   };
-
   var onChangeQuery = function onChangeQuery(field, query) {
     dispatch({
       type: ACTION_TYPE.CHANGE_QUERY,
@@ -2680,7 +2408,6 @@ function useSearchGroup(initialState) {
       query: query
     });
   };
-
   return _objectSpread$a(_objectSpread$a({}, state), {}, {
     hasLoaded: hasLoaded,
     isError: isError,
@@ -2696,14 +2423,12 @@ function useSearchGroup(initialState) {
 
 function useGroup(initialState) {
   var _useApi = useApi(group.getGroup, {
-    data: initialState
-  }),
-      groupType = _useApi.data,
-      request = _useApi.request;
-
+      data: initialState
+    }),
+    groupType = _useApi.data,
+    request = _useApi.request;
   var _ref = groupType || {},
-      groupName = _ref.groupName;
-
+    groupName = _ref.groupName;
   var getGroup = useCallback(function () {
     return request({
       groupName: groupName
@@ -2803,25 +2528,22 @@ function useGroup(initialState) {
 
 function useGetItem(_ref) {
   var itemId = _ref.itemId,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$refreshOnMount = _ref.refreshOnMount,
-      refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$refreshOnMount = _ref.refreshOnMount,
+    refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
   var _useApi = useApi(item.getItem),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      itemType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    itemType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       itemId: itemId,
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     if (refreshOnMount) onRefresh();
   }, [itemId, queryParams]);
@@ -2835,25 +2557,21 @@ function useGetItem(_ref) {
 
 var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
   var collectionId = _ref.collectionId,
-      _ref$defaultEnabled = _ref.defaultEnabled,
-      defaultEnabled = _ref$defaultEnabled === void 0 ? true : _ref$defaultEnabled;
-
+    _ref$defaultEnabled = _ref.defaultEnabled,
+    defaultEnabled = _ref$defaultEnabled === void 0 ? true : _ref$defaultEnabled;
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      nextPlaying = _useState2[0],
-      setNextPlaying = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    nextPlaying = _useState2[0],
+    setNextPlaying = _useState2[1];
   var _useState3 = useState(defaultEnabled),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isAutoPlayEnabled = _useState4[0],
-      setIsAutoPlayEnabled = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAutoPlayEnabled = _useState4[0],
+    setIsAutoPlayEnabled = _useState4[1];
   var toggleAutoPlay = function toggleAutoPlay(newValue) {
     return setIsAutoPlayEnabled(function (prevValue) {
       return newValue !== undefined ? newValue : !prevValue;
     });
   };
-
   var allItemsRef = useRef();
   var orderItemsRef = useRef();
   var hitsRef = useRef();
@@ -2870,15 +2588,12 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
         }]
       }]
     };
-
     var searchForNext = function searchForNext() {
       var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          first = _ref3.first,
-          number = _ref3.number;
-
+        first = _ref3.first,
+        number = _ref3.number;
       var allItems = allItemsRef.current;
       var orderItems = orderItemsRef.current;
-
       if (!Array.isArray(allItems)) {
         Promise.all([collection.getCollection({
           collectionId: collectionId,
@@ -2894,12 +2609,11 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
           }
         })]).then(function (_ref4) {
           var _ref5 = _slicedToArray(_ref4, 2),
-              collectionType = _ref5[0].data,
-              itemListType = _ref5[1].data;
-
+            collectionType = _ref5[0].data,
+            itemListType = _ref5[1].data;
           var hits = itemListType.hits,
-              _itemListType$item = itemListType.item,
-              itemList = _itemListType$item === void 0 ? [] : _itemListType$item;
+            _itemListType$item = itemListType.item,
+            itemList = _itemListType$item === void 0 ? [] : _itemListType$item;
           allItemsRef.current = itemList.map(function (_ref6) {
             var id = _ref6.id;
             return id;
@@ -2914,19 +2628,16 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
         });
         return;
       }
-
       var hits = hitsRef.current;
       var currentItemIdx = orderItems.findIndex(function (_ref7) {
         var thisId = _ref7.id;
         return thisId === itemId;
       });
-
       if (currentItemIdx + 1 === orderItems.length) {
         // last item in the list
         setNextPlaying();
         return;
       }
-
       if (currentItemIdx === -1 && hits > allItems.length) {
         // request more items to find the currentItem
         collection.searchCollectionItem({
@@ -2938,16 +2649,13 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
           }
         }).then(function (_ref8) {
           var _allItemsRef$current;
-
           var itemListType = _ref8.data;
           var _itemListType$item2 = itemListType.item,
-              itemList = _itemListType$item2 === void 0 ? [] : _itemListType$item2;
-
+            itemList = _itemListType$item2 === void 0 ? [] : _itemListType$item2;
           (_allItemsRef$current = allItemsRef.current).push.apply(_allItemsRef$current, _toConsumableArray(itemList.map(function (_ref9) {
             var id = _ref9.id;
             return id;
           })));
-
           searchForNext({
             first: first + number,
             number: number
@@ -2955,7 +2663,6 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
         });
         return;
       }
-
       var remainingItems = orderItems.slice(currentItemIdx + 1);
       var nextItem = remainingItems.find(function (_ref10) {
         var thisId = _ref10.id;
@@ -2963,7 +2670,6 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
       });
       setNextPlaying(nextItem);
     };
-
     searchForNext();
   }, [collectionId, isAutoPlayEnabled]);
   return {
@@ -2977,22 +2683,21 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
 
 var defaultGetThumbnailTimeCodes = function defaultGetThumbnailTimeCodes(srcList) {
   var timeCodes = [];
-
   for (var index = 0; index < srcList.length; index += 1) {
     var uri = srcList[index];
-
     if (uri && typeof uri === 'string') {
       try {
         var timeCodeFromURI = uri.split('version')[1].split('/')[1].split('?')[0];
         var timecodeText = formatTimeCodeText(timeCodeFromURI);
         timeCodes.push(timecodeText);
-      } catch (error) {// ignore
+      } catch (error) {
+        // ignore
       }
     }
   }
-
   return timeCodes;
 };
+
 /**
  * Display timecode correlating to mouse position when hovering over an element
  * @param {string[]} srcList - List of image/thumbnail urls.
@@ -3001,48 +2706,38 @@ var defaultGetThumbnailTimeCodes = function defaultGetThumbnailTimeCodes(srcList
  * @param {function} getThumbnailTimeCodes - Extracts timecodes from VidiCore thumbnail uris. Override for custom thumbnails.
  * @returns {Object}
  */
-
-
 function useHoverScrub() {
   var srcList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var customOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var durationSeconds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   var getThumbnailTimeCodes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultGetThumbnailTimeCodes;
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      scrubPosition = _useState2[0],
-      setScrubPosition = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    scrubPosition = _useState2[0],
+    setScrubPosition = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      thumbnailIndex = _useState4[0],
-      setThumbnailIndex = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    thumbnailIndex = _useState4[0],
+    setThumbnailIndex = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showScrub = _useState6[0],
-      setShowScrub = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showScrub = _useState6[0],
+    setShowScrub = _useState6[1];
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      thumbnailTimeCodeArray = _useState8[0],
-      setThumbnailTimeCodeArray = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    thumbnailTimeCodeArray = _useState8[0],
+    setThumbnailTimeCodeArray = _useState8[1];
   var _useState9 = useState(),
-      _useState10 = _slicedToArray(_useState9, 2),
-      thumbnailTimeCode = _useState10[0],
-      setThumbnailTimeCode = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    thumbnailTimeCode = _useState10[0],
+    setThumbnailTimeCode = _useState10[1];
   var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      thumbnailWidth = _useState12[0],
-      setThumbnailWidth = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    thumbnailWidth = _useState12[0],
+    setThumbnailWidth = _useState12[1];
   var debouncedSetNewThumbnail = useRef(_debounce(function (val) {
     setThumbnailIndex(val);
   }, 10)).current;
-
   var getOffsetLeft = function getOffsetLeft(element) {
     try {
       return Math.round(element.getBoundingClientRect().left);
@@ -3050,67 +2745,53 @@ function useHoverScrub() {
       return 0;
     }
   };
-
   var getMouseElementPosition = useCallback(function (e) {
     var mouseElementPosition = e.clientX - getOffsetLeft(e.currentTarget) - customOffset;
     var elementWidth = e.currentTarget.offsetWidth;
-
     if (mouseElementPosition < 0) {
       return 0;
     }
-
     if (mouseElementPosition > elementWidth) {
       return elementWidth;
     }
-
     return mouseElementPosition;
   }, [customOffset]);
-
   var indexOfPrecededTimeCode = function indexOfPrecededTimeCode(num, arr) {
     var curr = arr[0];
     var diff = Math.abs(num - curr);
     var index = 0;
-
     for (var val = 0; val < arr.length; val += 1) {
       var newDiff = Math.abs(num - arr[val]);
       var isPositiveDiff = num - arr[val] > 0;
-
       if (newDiff < diff && isPositiveDiff) {
         diff = newDiff;
         curr = arr[val];
         index = val;
       }
     }
-
     return index;
   };
-
   var onMouseMove = function onMouseMove(e) {
     if (durationSeconds) {
       var mouseElementPosition = getMouseElementPosition(e);
       setScrubPosition(mouseElementPosition - 1);
-
       if (thumbnailWidth !== e.currentTarget.offsetWidth) {
         setThumbnailWidth(e.currentTarget.offsetWidth);
       }
-
       var mouseTimecodePosition = mouseElementPosition / (e.currentTarget.offsetWidth / +durationSeconds);
       setThumbnailTimeCode(formatTimeCodeSeconds(mouseTimecodePosition));
       var newIndex = indexOfPrecededTimeCode(mouseTimecodePosition, thumbnailTimeCodeArray.map(function (tc) {
         return tc.toSeconds().toFixed(0);
       }));
-
       if (newIndex !== thumbnailIndex) {
         debouncedSetNewThumbnail(newIndex);
       }
     }
   };
-
   useDeepCompareEffect(function () {
     var timeCodes = getThumbnailTimeCodes(srcList);
     setThumbnailTimeCodeArray(timeCodes);
   }, [srcList]);
-
   var handleShowScrub = function handleShowScrub(value) {
     return function () {
       if (durationSeconds > 0) {
@@ -3118,7 +2799,6 @@ function useHoverScrub() {
       }
     };
   };
-
   return {
     thumbnailIndex: thumbnailIndex,
     thumbnailTimeCode: thumbnailTimeCode,
@@ -3131,41 +2811,34 @@ function useHoverScrub() {
 }
 
 function ownKeys$9(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$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function useDocSearchAutocomplete(_ref) {
   var searchDoc = _ref.searchDoc,
-      queryParams = _ref.queryParams,
-      debounceTime = _ref.debounceTime,
-      _ref$suggestionSettin = _ref.suggestionSettings,
-      suggestionSettings = _ref$suggestionSettin === void 0 ? {
-    maximumSuggestions: 10,
-    accuracy: 1
-  } : _ref$suggestionSettin,
-      _ref$triggerLength = _ref.triggerLength,
-      triggerLength = _ref$triggerLength === void 0 ? 1 : _ref$triggerLength,
-      _ref$apiCall = _ref.apiCall,
-      apiCall = _ref$apiCall === void 0 ? item.searchItem : _ref$apiCall;
-
+    queryParams = _ref.queryParams,
+    debounceTime = _ref.debounceTime,
+    _ref$suggestionSettin = _ref.suggestionSettings,
+    suggestionSettings = _ref$suggestionSettin === void 0 ? {
+      maximumSuggestions: 10,
+      accuracy: 1
+    } : _ref$suggestionSettin,
+    _ref$triggerLength = _ref.triggerLength,
+    triggerLength = _ref$triggerLength === void 0 ? 1 : _ref$triggerLength,
+    _ref$apiCall = _ref.apiCall,
+    apiCall = _ref$apiCall === void 0 ? item.searchItem : _ref$apiCall;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      textValue = _useState2[0],
-      setTextValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    textValue = _useState2[0],
+    setTextValue = _useState2[1];
   var handleAutocompleteChange = useRef(_debounce(setTextValue, debounceTime)).current;
-
   var _useApi = useApi(apiCall),
-      _useApi$data = _useApi.data;
-
+    _useApi$data = _useApi.data;
   _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
   var _useApi$data$autocomp = _useApi$data.autocomplete,
-      autocomplete = _useApi$data$autocomp === void 0 ? [] : _useApi$data$autocomp,
-      request = _useApi.request;
-
+    autocomplete = _useApi$data$autocomp === void 0 ? [] : _useApi$data$autocomp,
+    request = _useApi.request;
   var _ref2 = autocomplete[0] || {},
-      _ref2$suggestion = _ref2.suggestion,
-      suggestion = _ref2$suggestion === void 0 ? [] : _ref2$suggestion;
-
+    _ref2$suggestion = _ref2.suggestion,
+    suggestion = _ref2$suggestion === void 0 ? [] : _ref2$suggestion;
   useDeepCompareEffect(function () {
     if (searchDoc && textValue && textValue.length >= triggerLength) {
       request({
@@ -3193,14 +2866,12 @@ function useDocSearchAutocomplete(_ref) {
 
 function useGetFieldMetadataDataset() {
   var _useApi = useApi(metadatafield.getMetadataFieldAllowedValues),
-      request = _useApi.request,
-      _useApi$data = _useApi.data;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data;
   _useApi$data = _useApi$data === void 0 ? {} : _useApi$data;
   var _useApi$data$value = _useApi$data.value,
-      constraintValueListType = _useApi$data$value === void 0 ? [] : _useApi$data$value,
-      isLoading = _useApi.isLoading;
-
+    constraintValueListType = _useApi$data$value === void 0 ? [] : _useApi$data$value,
+    isLoading = _useApi.isLoading;
   var getMetadataDataset = function getMetadataDataset(datasetField, parentValue, parentField) {
     var metadataFieldValueConstraintListDocument = {
       constraint: parentValue ? [{
@@ -3208,7 +2879,6 @@ function useGetFieldMetadataDataset() {
         value: parentValue
       }] : []
     };
-
     if (datasetField) {
       request({
         fieldName: datasetField,
@@ -3216,7 +2886,6 @@ function useGetFieldMetadataDataset() {
       });
     }
   };
-
   return {
     getMetadataDataset: getMetadataDataset,
     dataset: constraintValueListType,
@@ -3224,50 +2893,45 @@ function useGetFieldMetadataDataset() {
   };
 }
 
-var UPDATE_FREQUENCY = 1000; // Prevents access controls set on the library (i.e. saved search) from cascading down to items
+// Has to be set so that the library isn't auto-deleted
+var UPDATE_FREQUENCY = 1000;
 
+// Prevents access controls set on the library (i.e. saved search) from cascading down to items
 var UPDATE_MODE = 'TRANSIENT';
-
 var getCollectionTitle = function getCollectionTitle(fields) {
   return fields.find(function (field) {
     return field.name === 'title';
   }).value[0].value;
 };
-
 function useGetSavedSearchFolders(_ref) {
   var _ref$childFolders = _ref.childFolders,
-      childFolders = _ref$childFolders === void 0 ? [] : _ref$childFolders,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {
-    content: ['metadata']
-  } : _ref$queryParams,
-      _ref$markerProps = _ref.markerProps,
-      markerProps = _ref$markerProps === void 0 ? {
-    markerValue: 'savedSearch',
-    markerField: 'eidr_referentType'
-  } : _ref$markerProps,
-      expand = _ref.expand;
-
+    childFolders = _ref$childFolders === void 0 ? [] : _ref$childFolders,
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {
+      content: ['metadata']
+    } : _ref$queryParams,
+    _ref$markerProps = _ref.markerProps,
+    markerProps = _ref$markerProps === void 0 ? {
+      markerValue: 'savedSearch',
+      markerField: 'eidr_referentType'
+    } : _ref$markerProps,
+    expand = _ref.expand;
   var _useState = useState(childFolders),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentFolders = _useState2[0],
-      setCurrentFolders = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    currentFolders = _useState2[0],
+    setCurrentFolders = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      subFolders = _useState4[0],
-      setSubFolders = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    subFolders = _useState4[0],
+    setSubFolders = _useState4[1];
   var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      errors = _useState6[0],
-      setErrors = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    errors = _useState6[0],
+    setErrors = _useState6[1];
   var getSubFolders = useCallback(function () {
     Promise.all(currentFolders.map( /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(id) {
         var _yield$CollectionApi$, _yield$CollectionApi$2, content, _yield$CollectionApi$3, metadata, field;
-
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -3277,7 +2941,6 @@ function useGetSavedSearchFolders(_ref) {
                   collectionId: id,
                   queryParams: queryParams
                 });
-
               case 2:
                 _yield$CollectionApi$ = _context.sent;
                 _yield$CollectionApi$2 = _yield$CollectionApi$.data;
@@ -3285,12 +2948,10 @@ function useGetSavedSearchFolders(_ref) {
                 _yield$CollectionApi$3 = _yield$CollectionApi$2.metadata;
                 metadata = _yield$CollectionApi$3 === void 0 ? {} : _yield$CollectionApi$3;
                 field = metadata.timespan[0].field;
-
                 if (!(content && content[0].type === 'library')) {
                   _context.next = 10;
                   break;
                 }
-
                 return _context.abrupt("return", {
                   id: id,
                   libraryId: content[0].id,
@@ -3298,7 +2959,6 @@ function useGetSavedSearchFolders(_ref) {
                   type: 'query',
                   metadata: metadata
                 });
-
               case 10:
                 return _context.abrupt("return", {
                   id: id,
@@ -3309,7 +2969,6 @@ function useGetSavedSearchFolders(_ref) {
                   type: 'folder',
                   metadata: metadata
                 });
-
               case 11:
               case "end":
                 return _context.stop();
@@ -3317,7 +2976,6 @@ function useGetSavedSearchFolders(_ref) {
           }
         }, _callee);
       }));
-
       return function (_x) {
         return _ref2.apply(this, arguments);
       };
@@ -3329,17 +2987,14 @@ function useGetSavedSearchFolders(_ref) {
       setErrors(error);
     });
   }, [currentFolders, queryParams]);
-
   var createFolder = function createFolder(parentId, folderMarkerType, markerValue, title, callback) {
     var _createMetadataType;
-
     collection.createCollection({
       collectionDocument: {
         metadata: createMetadataType((_createMetadataType = {}, _defineProperty(_createMetadataType, folderMarkerType, markerValue), _defineProperty(_createMetadataType, "title", title), _createMetadataType))
       }
     }).then(function (_ref3) {
       var id = _ref3.data.id;
-
       if (parentId) {
         return collection.updateCollection({
           collectionId: parentId,
@@ -3352,7 +3007,6 @@ function useGetSavedSearchFolders(_ref) {
           }
         }).then(function (_ref4) {
           var content = _ref4.data.content;
-
           if (content) {
             setCurrentFolders(content.filter(function (collection) {
               return collection.id === id;
@@ -3365,13 +3019,11 @@ function useGetSavedSearchFolders(_ref) {
           setErrors(error);
         });
       }
-
       return null;
     })["catch"](function (error) {
       setErrors(error);
     });
   };
-
   var saveSearch = function saveSearch(folderId, title, itemSearchDocument, callback) {
     try {
       item.searchItem({
@@ -3383,7 +3035,6 @@ function useGetSavedSearchFolders(_ref) {
         itemSearchDocument: itemSearchDocument
       }).then(function (_ref5) {
         var _createMetadataType2;
-
         var library = _ref5.data.library;
         return collection.createCollection({
           collectionDocument: {
@@ -3407,7 +3058,6 @@ function useGetSavedSearchFolders(_ref) {
           }
         }).then(function (_ref7) {
           var content = _ref7.data.content;
-
           if (content) {
             setCurrentFolders(content.filter(function (collection) {
               return collection.id === id;
@@ -3426,7 +3076,6 @@ function useGetSavedSearchFolders(_ref) {
       setErrors(error);
     }
   };
-
   var deleteFolder = function deleteFolder(collectionId) {
     return collection.removeCollection({
       collectionId: collectionId
@@ -3434,7 +3083,6 @@ function useGetSavedSearchFolders(_ref) {
       setErrors(error);
     });
   };
-
   var removeItem = function removeItem(id) {
     setSubFolders(function (prevState) {
       return prevState.filter(function (folder) {
@@ -3442,7 +3090,6 @@ function useGetSavedSearchFolders(_ref) {
       });
     });
   };
-
   useDeepCompareEffect(function () {
     if (currentFolders.length > 0 && expand) {
       getSubFolders();
@@ -3456,8 +3103,8 @@ function useGetSavedSearchFolders(_ref) {
         });
       });
       setSubFolders([]);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [expand]);
   return {
     createFolder: createFolder,
@@ -3474,30 +3121,24 @@ function useGetSavedSearchFolders(_ref) {
 
 var useRepresentativeItems = function useRepresentativeItems(_ref) {
   var collectionId = _ref.collectionId,
-      onError = _ref.onError;
-
+    onError = _ref.onError;
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      representativeItems = _useState2[0],
-      setRepresentativeItems = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    representativeItems = _useState2[0],
+    setRepresentativeItems = _useState2[1];
   var asyncGetRepresentativeItems = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _yield$CollectionApi$, _yield$CollectionApi$2, metadata, _parseMetadataType, _parseMetadataType$re, newRepresentativeItems;
-
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-
               if (collectionId) {
                 _context.next = 3;
                 break;
               }
-
               throw Error('Missing collectionId');
-
             case 3:
               _context.next = 5;
               return collection.getCollectionMetadata({
@@ -3509,7 +3150,6 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
               })["catch"](function (error) {
                 if (onError) onError(error);
               });
-
             case 5:
               _yield$CollectionApi$ = _context.sent;
               _yield$CollectionApi$2 = _yield$CollectionApi$.data;
@@ -3523,12 +3163,10 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
               });
               _context.next = 15;
               break;
-
             case 12:
               _context.prev = 12;
               _context.t0 = _context["catch"](0);
               if (onError) onError(_context.t0);
-
             case 15:
             case "end":
               return _context.stop();
@@ -3536,14 +3174,11 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
         }
       }, _callee, null, [[0, 12]]);
     }));
-
     return function asyncGetRepresentativeItems() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var onRefresh = asyncGetRepresentativeItems;
-
   var updateAsRepresentativeItem = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(values) {
       var metadataDocument, response;
@@ -3560,18 +3195,15 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
                 collectionId: collectionId,
                 metadataDocument: metadataDocument
               });
-
             case 4:
               response = _context2.sent;
               onRefresh();
               return _context2.abrupt("return", response);
-
             case 9:
               _context2.prev = 9;
               _context2.t0 = _context2["catch"](0);
               if (onError) onError(_context2.t0);
               return _context2.abrupt("return", undefined);
-
             case 13:
             case "end":
               return _context2.stop();
@@ -3579,19 +3211,16 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
         }
       }, _callee2, null, [[0, 9]]);
     }));
-
     return function updateAsRepresentativeItem(_x) {
       return _ref3.apply(this, arguments);
     };
   }();
-
   var onAdd = function onAdd(entityId) {
     return updateAsRepresentativeItem({
       value: entityId,
       mode: 'add'
     });
   };
-
   var onRemove = function onRemove(entityId) {
     try {
       // Get all (if it has been added multiple times)
@@ -3612,9 +3241,9 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
       return undefined;
     }
   };
-
   useEffect(function () {
-    onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onRefresh();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [collectionId]);
   return {
     representativeItems: representativeItems,
@@ -3625,9 +3254,7 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
 };
 
 function ownKeys$8(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$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function defaultOnGetStorage() {
   var storageData = storage.listStorage().then(function (response) {
     var storage = {
@@ -3638,7 +3265,6 @@ function defaultOnGetStorage() {
   });
   return storageData;
 }
-
 function defaultOnCreate(list) {
   return library.createLibrary({
     itemListDocument: {
@@ -3651,34 +3277,28 @@ function defaultOnCreate(list) {
     }
   });
 }
-
 function defaultOnList(response, storageInfo, queryParams) {
   var _queryParams$fileName = queryParams.fileName,
-      fileName = _queryParams$fileName === void 0 ? 'output' : _queryParams$fileName,
-      _queryParams$outputFo = queryParams.outputFormat,
-      outputFormat = _queryParams$outputFo === void 0 ? 'csv' : _queryParams$outputFo;
+    fileName = _queryParams$fileName === void 0 ? 'output' : _queryParams$fileName,
+    _queryParams$outputFo = queryParams.outputFormat,
+    outputFormat = _queryParams$outputFo === void 0 ? 'csv' : _queryParams$outputFo;
   var uri = storageInfo.uri;
   var _response$data = response.data;
   _response$data = _response$data === void 0 ? {} : _response$data;
   var _response$data$uri = _response$data.uri;
   _response$data$uri = _response$data$uri === void 0 ? [] : _response$data$uri;
-
   var _response$data$uri2 = _slicedToArray(_response$data$uri, 1),
-      libraryId = _response$data$uri2[0];
-
+    libraryId = _response$data$uri2[0];
   var createNewUri = function createNewUri() {
     if (uri.includes('s3')) {
       var _uri$split = uri.split('?region'),
-          _uri$split2 = _slicedToArray(_uri$split, 2),
-          uriBeforeRegion = _uri$split2[0],
-          uriAfterRegion = _uri$split2[1];
-
+        _uri$split2 = _slicedToArray(_uri$split, 2),
+        uriBeforeRegion = _uri$split2[0],
+        uriAfterRegion = _uri$split2[1];
       return "".concat(uriBeforeRegion).concat(fileName, ".").concat(outputFormat, "?region").concat(uriAfterRegion);
     }
-
     return "".concat(uri).concat(fileName, ".").concat(outputFormat);
   };
-
   var newUri = encodeURIComponent(createNewUri());
   return library.getLibraryBatch({
     libraryId: libraryId,
@@ -3687,29 +3307,25 @@ function defaultOnList(response, storageInfo, queryParams) {
     }, queryParams)
   });
 }
-
 var SUCCESSFUL_STATES = ['FINISHED', 'FINISHED_WARNING'];
 var INACTIVE_STATES = ['FINISHED', 'FINISHED_WARNING', 'FAILED_TOTAL', 'ABORTED'];
-
 function defaultOnGetFile(response, storageInfo, params, onError) {
   var _response$data2 = response.data;
   _response$data2 = _response$data2 === void 0 ? {} : _response$data2;
   var jobId = _response$data2.jobId;
   var id = storageInfo.id;
   var _params$fileName = params.fileName,
-      fileName = _params$fileName === void 0 ? 'output' : _params$fileName,
-      _params$outputFormat = params.outputFormat,
-      outputFormat = _params$outputFormat === void 0 ? 'csv' : _params$outputFormat;
+    fileName = _params$fileName === void 0 ? 'output' : _params$fileName,
+    _params$outputFormat = params.outputFormat,
+    outputFormat = _params$outputFormat === void 0 ? 'csv' : _params$outputFormat;
   var filePath = "".concat(fileName, ".").concat(outputFormat);
   job.getJob({
     jobId: jobId
   }).then(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref2$data = _ref2.data;
-
+      _ref2$data = _ref2.data;
     _ref2$data = _ref2$data === void 0 ? {} : _ref2$data;
     var status = _ref2$data.status;
-
     if (SUCCESSFUL_STATES.includes(status)) {
       try {
         file.listFileStorage({
@@ -3744,29 +3360,28 @@ function defaultOnGetFile(response, storageInfo, params, onError) {
       });
     }
   });
-} // Note: Not needed as a react-hook since doesn't use react,
-//       but this is usually where we put logic functions right now
-
+}
 
+// Note: Not needed as a react-hook since doesn't use react,
+//       but this is usually where we put logic functions right now
 var useCsvDownload = function useCsvDownload(_ref3) {
   var itemListType = _ref3.itemListType,
-      queryParams = _ref3.queryParams,
-      onSuccess = _ref3.onSuccess,
-      _ref3$onError = _ref3.onError,
-      onError = _ref3$onError === void 0 ? function (_ref4) {
-    var message = _ref4.message,
+    queryParams = _ref3.queryParams,
+    onSuccess = _ref3.onSuccess,
+    _ref3$onError = _ref3.onError,
+    onError = _ref3$onError === void 0 ? function (_ref4) {
+      var message = _ref4.message,
         error = _ref4.error;
-    return console.error("".concat(message, "\n").concat(error));
-  } : _ref3$onError,
-      _ref3$onGetFile = _ref3.onGetFile,
-      onGetFile = _ref3$onGetFile === void 0 ? defaultOnGetFile : _ref3$onGetFile,
-      _ref3$onCreateList = _ref3.onCreateList,
-      onCreateList = _ref3$onCreateList === void 0 ? defaultOnCreate : _ref3$onCreateList,
-      _ref3$onList = _ref3.onList,
-      onList = _ref3$onList === void 0 ? defaultOnList : _ref3$onList,
-      _ref3$onGetStorage = _ref3.onGetStorage,
-      onGetStorage = _ref3$onGetStorage === void 0 ? defaultOnGetStorage : _ref3$onGetStorage;
-
+      return console.error("".concat(message, "\n").concat(error));
+    } : _ref3$onError,
+    _ref3$onGetFile = _ref3.onGetFile,
+    onGetFile = _ref3$onGetFile === void 0 ? defaultOnGetFile : _ref3$onGetFile,
+    _ref3$onCreateList = _ref3.onCreateList,
+    onCreateList = _ref3$onCreateList === void 0 ? defaultOnCreate : _ref3$onCreateList,
+    _ref3$onList = _ref3.onList,
+    onList = _ref3$onList === void 0 ? defaultOnList : _ref3$onList,
+    _ref3$onGetStorage = _ref3.onGetStorage,
+    onGetStorage = _ref3$onGetStorage === void 0 ? defaultOnGetStorage : _ref3$onGetStorage;
   var onDownload = function onDownload() {
     return onGetStorage().then(function (storageInfo) {
       return Promise.all([onCreateList(itemListType).then(function (response) {
@@ -3776,25 +3391,21 @@ var useCsvDownload = function useCsvDownload(_ref3) {
       })]);
     });
   };
-
   return {
     onDownload: onDownload
   };
 };
 
 function ownKeys$7(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$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields, onRefresh, onSuccess, onError) {
   var isFamily = function isFamily(el) {
     return el.hasMultipleChild;
   };
-
   var groupFamily = groups.findIndex(isFamily);
   var tableColumns = groups[groupFamily].groups[0].fields.map(function (group) {
     return group;
   });
-
   var onChange = function onChange(e, row, groupIndex, editIndex) {
     var value = e.target.value;
     var name = e.target.name;
@@ -3805,13 +3416,11 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
       if (rowIndex === editIndex) {
         return _objectSpread$7(_objectSpread$7({}, row), {}, _defineProperty({}, name, value));
       }
-
       return newRow;
     });
     newGroups[groupIndex].group = newRows;
     setGroupFields(newGroups);
   };
-
   var onSubmit = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
       var groupNames, metadataDocument, newTimeSpan, uuid, newGroups;
@@ -3852,7 +3461,6 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
               return metadata.removeMetadata({
                 metadataUuid: uuid
               });
-
             case 11:
               _context.next = 13;
               return item.updateItemMetadata({
@@ -3861,21 +3469,17 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
                   timespan: newTimeSpan
                 }
               });
-
             case 13:
               _context.next = 15;
               return onRefresh();
-
             case 15:
               onSuccess();
               _context.next = 21;
               break;
-
             case 18:
               _context.prev = 18;
               _context.t0 = _context["catch"](8);
               onError(_context.t0);
-
             case 21:
             case "end":
               return _context.stop();
@@ -3883,12 +3487,10 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
         }
       }, _callee, null, [[8, 18]]);
     }));
-
     return function onSubmit(_x) {
       return _ref.apply(this, arguments);
     };
   }();
-
   useDeepCompareEffect(function () {
     setGroupFields(values.group);
   }, [values]);
@@ -3901,19 +3503,17 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
 
 function useGetEntityMetadata(_ref) {
   var entity = _ref.entity,
-      entityId = _ref.entityId,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$refreshOnMount = _ref.refreshOnMount,
-      refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
-
+    entityId = _ref.entityId,
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$refreshOnMount = _ref.refreshOnMount,
+    refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
   var _useApi = useApi(metadata.getEntityMetadata),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      metadataType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    metadataType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       entity: entity,
@@ -3921,7 +3521,6 @@ function useGetEntityMetadata(_ref) {
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     if (refreshOnMount) onRefresh();
   }, [entity, entityId, queryParams]);
@@ -3935,25 +3534,22 @@ function useGetEntityMetadata(_ref) {
 
 function useGetFieldGroup(_ref) {
   var groupName = _ref.groupName,
-      _ref$queryParams = _ref.queryParams,
-      queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
-      _ref$refreshOnMount = _ref.refreshOnMount,
-      refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
-
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$refreshOnMount = _ref.refreshOnMount,
+    refreshOnMount = _ref$refreshOnMount === void 0 ? true : _ref$refreshOnMount;
   var _useApi = useApi(fieldgroup.getFieldGroup),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      metadataFieldGroupType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    metadataFieldGroupType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       groupName: groupName,
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     if (refreshOnMount) onRefresh();
   }, [groupName, queryParams]);
@@ -3966,30 +3562,25 @@ function useGetFieldGroup(_ref) {
 }
 
 var _excluded$2 = ["itemType", "collectionType", "metadataType", "joinValue", "flat", "groupAsList", "children"];
-
 function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function MetadataType(_ref) {
   var itemType = _ref.itemType,
-      collectionType = _ref.collectionType,
-      propsMetadataType = _ref.metadataType,
-      _ref$joinValue = _ref.joinValue,
-      joinValue = _ref$joinValue === void 0 ? ',' : _ref$joinValue,
-      _ref$flat = _ref.flat,
-      flat = _ref$flat === void 0 ? true : _ref$flat,
-      _ref$groupAsList = _ref.groupAsList,
-      groupAsList = _ref$groupAsList === void 0 ? true : _ref$groupAsList,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$2);
-
+    collectionType = _ref.collectionType,
+    propsMetadataType = _ref.metadataType,
+    _ref$joinValue = _ref.joinValue,
+    joinValue = _ref$joinValue === void 0 ? ',' : _ref$joinValue,
+    _ref$flat = _ref.flat,
+    flat = _ref$flat === void 0 ? true : _ref$flat,
+    _ref$groupAsList = _ref.groupAsList,
+    groupAsList = _ref$groupAsList === void 0 ? true : _ref$groupAsList,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var metadataType = propsMetadataType;
-
   if (itemType || collectionType) {
     var entityType = itemType || collectionType || {};
     metadataType = entityType === null || entityType === void 0 ? void 0 : entityType.metadata;
   }
-
   var metadata = useMemo(function () {
     return parseMetadataType(metadataType, {
       joinValue: joinValue,
@@ -3997,34 +3588,29 @@ function MetadataType(_ref) {
       groupAsList: groupAsList
     });
   }, [flat, groupAsList, joinValue, metadataType]);
-
   var cloneProps = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, props), metadata), {}, {
     itemType: itemType
   });
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
 function SearchCollection(_ref) {
   var itemSearchDocument = _ref.itemSearchDocument,
-      queryParams = _ref.queryParams,
-      matrixParams = _ref.matrixParams,
-      responseRef = _ref.responseRef,
-      initialState = _ref.initialState,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    matrixParams = _ref.matrixParams,
+    responseRef = _ref.responseRef,
+    initialState = _ref.initialState,
+    children = _ref.children;
   var _useApi = useApi(collection.searchCollection, initialState, responseRef),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      collectionListType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    collectionListType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       itemSearchDocument: itemSearchDocument,
@@ -4032,7 +3618,6 @@ function SearchCollection(_ref) {
       matrixParams: matrixParams
     });
   };
-
   useDeepCompareEffect(function () {
     onRefresh();
   }, [itemSearchDocument, queryParams, matrixParams]);
@@ -4045,30 +3630,26 @@ function SearchCollection(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function SearchItem(_ref) {
   var itemSearchDocument = _ref.itemSearchDocument,
-      queryParams = _ref.queryParams,
-      matrixParams = _ref.matrixParams,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    matrixParams = _ref.matrixParams,
+    children = _ref.children;
   var _useSearchItem = useSearchItem({
-    itemSearchDocument: itemSearchDocument,
-    queryParams: queryParams,
-    matrixParams: matrixParams
-  }),
-      itemListType = _useSearchItem.itemListType,
-      onRefresh = _useSearchItem.onRefresh,
-      isLoading = _useSearchItem.isLoading,
-      isError = _useSearchItem.isError;
-
+      itemSearchDocument: itemSearchDocument,
+      queryParams: queryParams,
+      matrixParams: matrixParams
+    }),
+    itemListType = _useSearchItem.itemListType,
+    onRefresh = _useSearchItem.onRefresh,
+    isLoading = _useSearchItem.isLoading,
+    isError = _useSearchItem.isError;
   var cloneProps = {
     itemSearchDocument: itemSearchDocument,
     matrixParams: matrixParams,
@@ -4078,28 +3659,24 @@ function SearchItem(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
 function SearchItemCollection(_ref) {
   var itemSearchDocument = _ref.itemSearchDocument,
-      queryParams = _ref.queryParams,
-      matrixParams = _ref.matrixParams,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    matrixParams = _ref.matrixParams,
+    children = _ref.children;
   var _useApi = useApi(search.searchItemCollection),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      searchResultType = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    searchResultType = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       itemSearchDocument: itemSearchDocument,
@@ -4107,7 +3684,6 @@ function SearchItemCollection(_ref) {
       matrixParams: matrixParams
     });
   };
-
   useDeepCompareEffect(function () {
     onRefresh();
   }, [itemSearchDocument, queryParams, matrixParams]);
@@ -4120,30 +3696,26 @@ function SearchItemCollection(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function GetItem(_ref) {
   var itemId = _ref.itemId,
-      queryParams = _ref.queryParams,
-      refreshOnMount = _ref.refreshOnMount,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    refreshOnMount = _ref.refreshOnMount,
+    children = _ref.children;
   var _useGetItem = useGetItem({
-    itemId: itemId,
-    queryParams: queryParams,
-    refreshOnMount: refreshOnMount
-  }),
-      itemType = _useGetItem.itemType,
-      onRefresh = _useGetItem.onRefresh,
-      isLoading = _useGetItem.isLoading,
-      isError = _useGetItem.isError;
-
+      itemId: itemId,
+      queryParams: queryParams,
+      refreshOnMount: refreshOnMount
+    }),
+    itemType = _useGetItem.itemType,
+    onRefresh = _useGetItem.onRefresh,
+    isLoading = _useGetItem.isLoading,
+    isError = _useGetItem.isError;
   var cloneProps = {
     itemId: itemId,
     queryParams: queryParams,
@@ -4152,30 +3724,26 @@ function GetItem(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function GetCollectionContent(_ref) {
   var collectionId = _ref.collectionId,
-      queryParams = _ref.queryParams,
-      refreshOnMount = _ref.refreshOnMount,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    refreshOnMount = _ref.refreshOnMount,
+    children = _ref.children;
   var _useGetCollection = useGetCollection$1({
-    collectionId: collectionId,
-    queryParams: queryParams,
-    refreshOnMount: refreshOnMount
-  }),
-      collectionType = _useGetCollection.collectionType,
-      onRefresh = _useGetCollection.onRefresh,
-      isLoading = _useGetCollection.isLoading,
-      isError = _useGetCollection.isError;
-
+      collectionId: collectionId,
+      queryParams: queryParams,
+      refreshOnMount: refreshOnMount
+    }),
+    collectionType = _useGetCollection.collectionType,
+    onRefresh = _useGetCollection.onRefresh,
+    isLoading = _useGetCollection.isLoading,
+    isError = _useGetCollection.isError;
   var cloneProps = {
     collectionId: collectionId,
     queryParams: queryParams,
@@ -4184,34 +3752,29 @@ function GetCollectionContent(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
 function GetJobs(_ref) {
   var matrixParams = _ref.matrixParams,
-      queryParams = _ref.queryParams,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    children = _ref.children;
   var _useApi = useApi(job.listJob),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      jobs = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading,
-      isError = _useApi.isError;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    jobs = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading,
+    isError = _useApi.isError;
   var onRefresh = function onRefresh() {
     return request({
       matrixParams: matrixParams,
       queryParams: queryParams
     });
   };
-
   useDeepCompareEffect(function () {
     onRefresh();
   }, [matrixParams, queryParams]);
@@ -4223,26 +3786,22 @@ function GetJobs(_ref) {
     isError: isError,
     jobs: jobs
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function ListEntityAccess(_ref) {
   var entityId = _ref.entityId,
-      entityType = _ref.entityType,
-      queryParams = _ref.queryParams,
-      children = _ref.children;
-
+    entityType = _ref.entityType,
+    queryParams = _ref.queryParams,
+    children = _ref.children;
   var _useApi = useApi(access.listEntityAccess),
-      request = _useApi.request,
-      _useApi$data = _useApi.data,
-      accessControlList = _useApi$data === void 0 ? {} : _useApi$data,
-      isLoading = _useApi.isLoading;
-
+    request = _useApi.request,
+    _useApi$data = _useApi.data,
+    accessControlList = _useApi$data === void 0 ? {} : _useApi$data,
+    isLoading = _useApi.isLoading;
   var onRefresh = function onRefresh() {
     return request({
       entityId: entityId,
@@ -4250,9 +3809,9 @@ function ListEntityAccess(_ref) {
       queryParams: queryParams
     });
   };
-
   useEffect(function () {
-    onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    onRefresh();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [entityId, entityType, queryParams]);
   var cloneProps = {
     entityId: entityId,
@@ -4262,39 +3821,29 @@ function ListEntityAccess(_ref) {
     onRefresh: onRefresh,
     isLoading: isLoading
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var VidispineApi = /*#__PURE__*/function (_Component) {
   _inherits(VidispineApi, _Component);
-
   var _super = _createSuper$1(VidispineApi);
-
   function VidispineApi(props) {
     var _this;
-
     _classCallCheck(this, VidispineApi);
-
     _this = _super.call(this, props);
     var serverUrl = props.serverUrl,
-        token = props.token,
-        username = props.username,
-        password = props.password,
-        runAs = props.runAs;
-
+      token = props.token,
+      username = props.username,
+      password = props.password,
+      runAs = props.runAs;
     if (serverUrl) {
       utils.defaultClient.defaults.baseURL = serverUrl;
     }
-
     if (token) {
       utils.defaultClient.defaults.headers.Authorization = "token ".concat(token);
     } else {
@@ -4303,24 +3852,20 @@ var VidispineApi = /*#__PURE__*/function (_Component) {
         password: password
       };
     }
-
     if (runAs) {
       utils.defaultClient.defaults.headers.RunAs = runAs;
     }
-
     return _this;
   }
-
   _createClass(VidispineApi, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,
-          serverUrl = _this$props.serverUrl,
-          token = _this$props.token,
-          username = _this$props.username,
-          password = _this$props.password,
-          runAs = _this$props.runAs;
-
+        serverUrl = _this$props.serverUrl,
+        token = _this$props.token,
+        username = _this$props.username,
+        password = _this$props.password,
+        runAs = _this$props.runAs;
       if (prevProps.serverUrl !== serverUrl) {
         if (serverUrl) {
           utils.defaultClient.defaults.baseURL = serverUrl;
@@ -4328,7 +3873,6 @@ var VidispineApi = /*#__PURE__*/function (_Component) {
           delete utils.defaultClient.defaults.baseURL;
         }
       }
-
       if (prevProps.token !== token) {
         if (token) {
           utils.defaultClient.defaults.headers.Authorization = "token ".concat(token);
@@ -4336,14 +3880,12 @@ var VidispineApi = /*#__PURE__*/function (_Component) {
           delete utils.defaultClient.defaults.headers.Authorization;
         }
       }
-
       if (!token && (prevProps.username !== username || prevProps.password !== password)) {
         utils.defaultClient.defaults.auth = {
           username: username,
           password: password
         };
       }
-
       if (prevProps.runAs !== runAs) {
         if (runAs) {
           utils.defaultClient.defaults.headers.RunAs = runAs;
@@ -4356,44 +3898,36 @@ var VidispineApi = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          username = _this$props2.username,
-          serverUrl = _this$props2.serverUrl;
+        children = _this$props2.children,
+        username = _this$props2.username,
+        serverUrl = _this$props2.serverUrl;
       var cloneProps = {
         username: username,
         serverUrl: serverUrl
       };
-
       var cloneChild = function cloneChild(child) {
         return /*#__PURE__*/cloneElement(child, cloneProps);
       };
-
       return Children.map(children, cloneChild);
     }
   }]);
-
   return VidispineApi;
 }(Component);
 
 var _excluded$1 = ["LoginComponent", "LoginProps", "AppComponent", "AppProps", "onGetToken", "onSuccess", "onError", "cookieOptions"];
-
 function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var VIDISPINE_TOKEN$1 = 'VIDISPINE-TOKEN';
 var VIDISPINE_USERNAME$1 = 'VIDISPINE-USERNAME';
 var VIDISPINE_SERVER_URL$1 = 'VIDISPINE-SERVER-URL';
 var VIDISPINE_REMEMBER_ME$1 = 'VIDISPINE-REMEMBER-ME';
-
 var handleOnGetToken = function handleOnGetToken(_ref) {
   var userName = _ref.userName,
-      password = _ref.password,
-      serverUrl = _ref.serverUrl;
-
+    password = _ref.password,
+    serverUrl = _ref.serverUrl;
   if (serverUrl) {
     utils.defaultClient.defaults.baseURL = serverUrl;
   }
-
   var queryParams = {
     seconds: 2592000,
     autoRefresh: 'true'
@@ -4402,7 +3936,6 @@ var handleOnGetToken = function handleOnGetToken(_ref) {
     password: password,
     username: userName
   };
-
   try {
     user.getToken({
       queryParams: queryParams,
@@ -4412,15 +3945,13 @@ var handleOnGetToken = function handleOnGetToken(_ref) {
       return token;
     })["catch"](function (_ref3) {
       var _ref3$response = _ref3.response,
-          response = _ref3$response === void 0 ? {} : _ref3$response,
-          _ref3$message = _ref3.message,
-          message = _ref3$message === void 0 ? 'Unknown error.' : _ref3$message;
+        response = _ref3$response === void 0 ? {} : _ref3$response,
+        _ref3$message = _ref3.message,
+        message = _ref3$message === void 0 ? 'Unknown error.' : _ref3$message;
       var submissionError = message;
-
       if (response.status === 401) {
         submissionError = 'Incorrect Username/Password';
       }
-
       throw submissionError;
     });
   } catch (error) {
@@ -4428,44 +3959,39 @@ var handleOnGetToken = function handleOnGetToken(_ref) {
     throw submissionError;
   }
 };
-
 function Auth(_ref4) {
   var LoginComponent = _ref4.LoginComponent,
-      _ref4$LoginProps = _ref4.LoginProps,
-      LoginProps = _ref4$LoginProps === void 0 ? {} : _ref4$LoginProps,
-      AppComponent = _ref4.AppComponent,
-      _ref4$AppProps = _ref4.AppProps,
-      AppProps = _ref4$AppProps === void 0 ? {} : _ref4$AppProps,
-      _ref4$onGetToken = _ref4.onGetToken,
-      onGetToken = _ref4$onGetToken === void 0 ? handleOnGetToken : _ref4$onGetToken,
-      onSuccess = _ref4.onSuccess,
-      onError = _ref4.onError,
-      _ref4$cookieOptions = _ref4.cookieOptions,
-      cookieOptions = _ref4$cookieOptions === void 0 ? {
-    maxAge: 604800,
-    path: '/'
-  } : _ref4$cookieOptions,
-      props = _objectWithoutProperties(_ref4, _excluded$1);
-
+    _ref4$LoginProps = _ref4.LoginProps,
+    LoginProps = _ref4$LoginProps === void 0 ? {} : _ref4$LoginProps,
+    AppComponent = _ref4.AppComponent,
+    _ref4$AppProps = _ref4.AppProps,
+    AppProps = _ref4$AppProps === void 0 ? {} : _ref4$AppProps,
+    _ref4$onGetToken = _ref4.onGetToken,
+    onGetToken = _ref4$onGetToken === void 0 ? handleOnGetToken : _ref4$onGetToken,
+    onSuccess = _ref4.onSuccess,
+    onError = _ref4.onError,
+    _ref4$cookieOptions = _ref4.cookieOptions,
+    cookieOptions = _ref4$cookieOptions === void 0 ? {
+      maxAge: 604800,
+      path: '/'
+    } : _ref4$cookieOptions,
+    props = _objectWithoutProperties(_ref4, _excluded$1);
   var _useCookies = useCookies([VIDISPINE_TOKEN$1, VIDISPINE_USERNAME$1, VIDISPINE_SERVER_URL$1, VIDISPINE_REMEMBER_ME$1]),
-      _useCookies2 = _slicedToArray(_useCookies, 3),
-      cookies = _useCookies2[0],
-      setCookie = _useCookies2[1],
-      removeCookie = _useCookies2[2];
-
+    _useCookies2 = _slicedToArray(_useCookies, 3),
+    cookies = _useCookies2[0],
+    setCookie = _useCookies2[1],
+    removeCookie = _useCookies2[2];
   var token = cookies[VIDISPINE_TOKEN$1],
-      userName = cookies[VIDISPINE_USERNAME$1],
-      serverUrl = cookies[VIDISPINE_SERVER_URL$1];
+    userName = cookies[VIDISPINE_USERNAME$1],
+    serverUrl = cookies[VIDISPINE_SERVER_URL$1];
   var rememberMe = cookies[VIDISPINE_REMEMBER_ME$1] === 'true';
-
   var onLogin = function onLogin(values) {
     var submissionError;
-
     try {
       onGetToken(values).then(function (newToken) {
         var newUserName = values.userName,
-            newServerUrl = values.serverUrl,
-            newRememberMe = values.rememberMe;
+          newServerUrl = values.serverUrl,
+          newRememberMe = values.rememberMe;
         if (newUserName) setCookie(VIDISPINE_USERNAME$1, newUserName, cookieOptions);
         if (newServerUrl) setCookie(VIDISPINE_SERVER_URL$1, newServerUrl, cookieOptions);
         if (newRememberMe) setCookie(VIDISPINE_REMEMBER_ME$1, newRememberMe, cookieOptions);
@@ -4480,20 +4006,16 @@ function Auth(_ref4) {
       submissionError = error;
       if (onError) return onError(submissionError);
     }
-
     return submissionError;
   };
-
   var onLogout = function onLogout() {
     removeCookie(VIDISPINE_TOKEN$1, cookieOptions);
-
     if (!rememberMe) {
       removeCookie(VIDISPINE_USERNAME$1, cookieOptions);
       removeCookie(VIDISPINE_SERVER_URL$1, cookieOptions);
       removeCookie(VIDISPINE_REMEMBER_ME$1, cookieOptions);
     }
   };
-
   return token ? /*#__PURE__*/jsx(VidispineApi, {
     token: token,
     username: userName,
@@ -4510,12 +4032,10 @@ function Auth(_ref4) {
 }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ErrorBoundaryComponent(_ref) {
   var error = _ref.error,
-      info = _ref.info;
+    info = _ref.info;
   return /*#__PURE__*/jsxs("div", {
     style: {
       height: '100%',
@@ -4532,30 +4052,24 @@ function ErrorBoundaryComponent(_ref) {
     })]
   });
 }
-
 var ErrorBoundary = /*#__PURE__*/function (_Component) {
   _inherits(ErrorBoundary, _Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary(props) {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     _this = _super.call(this, props);
     _this.state = {
       hasError: false
     };
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
       var _this$state = this.state,
-          hasError = _this$state.hasError,
-          info = _this$state.info;
+        hasError = _this$state.hasError,
+        info = _this$state.info;
       var nextInfo = nextState.info;
       if (info === nextInfo && hasError === true) return false;
       return true;
@@ -4564,7 +4078,6 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
     key: "componentDidCatch",
     value: function componentDidCatch(error, info) {
       var onError = this.props.onError;
-
       if (typeof onError === 'function') {
         try {
           onError(error, info);
@@ -4572,7 +4085,6 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
           return;
         }
       }
-
       this.setState({
         info: info
       });
@@ -4582,17 +4094,15 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
     value: function render() {
       var children = this.props.children;
       var _this$state2 = this.state,
-          hasError = _this$state2.hasError,
-          error = _this$state2.error,
-          info = _this$state2.info;
-
+        hasError = _this$state2.hasError,
+        error = _this$state2.error,
+        info = _this$state2.info;
       if (hasError) {
         return /*#__PURE__*/jsx(ErrorBoundaryComponent, {
           info: info,
           error: error
         });
       }
-
       return children;
     }
   }], [{
@@ -4604,26 +4114,23 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
       };
     }
   }]);
-
   return ErrorBoundary;
 }(Component);
 
 function GetFieldGroup(_ref) {
   var groupName = _ref.groupName,
-      queryParams = _ref.queryParams,
-      refreshOnMount = _ref.refreshOnMount,
-      children = _ref.children;
-
+    queryParams = _ref.queryParams,
+    refreshOnMount = _ref.refreshOnMount,
+    children = _ref.children;
   var _useGetFieldGroup = useGetFieldGroup({
-    groupName: groupName,
-    queryParams: queryParams,
-    refreshOnMount: refreshOnMount
-  }),
-      metadataFieldGroupType = _useGetFieldGroup.metadataFieldGroupType,
-      onRefresh = _useGetFieldGroup.onRefresh,
-      isLoading = _useGetFieldGroup.isLoading,
-      isError = _useGetFieldGroup.isError;
-
+      groupName: groupName,
+      queryParams: queryParams,
+      refreshOnMount: refreshOnMount
+    }),
+    metadataFieldGroupType = _useGetFieldGroup.metadataFieldGroupType,
+    onRefresh = _useGetFieldGroup.onRefresh,
+    isLoading = _useGetFieldGroup.isLoading,
+    isError = _useGetFieldGroup.isError;
   var cloneProps = {
     groupName: groupName,
     queryParams: queryParams,
@@ -4632,28 +4139,23 @@ function GetFieldGroup(_ref) {
     isLoading: isLoading,
     isError: isError
   };
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 var RolesContext = /*#__PURE__*/createContext();
-
 function RolesProvider(_ref) {
   var _ref$intialState = _ref.intialState,
-      intialState = _ref$intialState === void 0 ? {} : _ref$intialState,
-      onRefresh = _ref.onRefresh,
-      knownUserName = _ref.userName,
-      children = _ref.children;
-
+    intialState = _ref$intialState === void 0 ? {} : _ref$intialState,
+    onRefresh = _ref.onRefresh,
+    knownUserName = _ref.userName,
+    children = _ref.children;
   var _useState = useState(intialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      groupListType = _useState2[0],
-      setGroupListType = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    groupListType = _useState2[0],
+    setGroupListType = _useState2[1];
   var onGetUserRole = function onGetUserRole() {
     if (knownUserName) {
       user.getUserRole({
@@ -4677,23 +4179,19 @@ function RolesProvider(_ref) {
         if (onRefresh) onRefresh(data, iAm);
       });
     }
-  }; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+  };
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(onGetUserRole, [knownUserName]);
   return /*#__PURE__*/jsx(RolesContext.Provider, {
     value: groupListType,
     children: children
   });
 }
-
 function useRoles() {
   var groupListType = useContext(RolesContext);
-
   if (groupListType === undefined) {
     throw new Error('useRoles must be used within RolesContext');
   }
-
   var hasRole = function hasRole(roleName) {
     if (roleName === undefined) throw new Error('roleName is undefined');
     var groupList = groupListType.group;
@@ -4703,16 +4201,13 @@ function useRoles() {
       return groupName;
     });
     if (groupNames.includes(ROLE_NAMES.SUPER_ACCESS_USER)) return true;
-
     if (Array.isArray(roleName)) {
       return roleName.findIndex(function (thisRole) {
         return groupNames.includes(thisRole);
       }) > -1;
     }
-
     return groupNames.includes(roleName);
   };
-
   return {
     hasRole: hasRole,
     groupListType: groupListType
@@ -4721,53 +4216,42 @@ function useRoles() {
 
 function HasRole(_ref) {
   var roleName = _ref.roleName,
-      allow = _ref.allow,
-      deny = _ref.deny,
-      loading = _ref.loading;
+    allow = _ref.allow,
+    deny = _ref.deny,
+    loading = _ref.loading;
   if (roleName === undefined) throw new Error('roleName is undefined');
-
   var _useRoles = useRoles(),
-      hasRole = _useRoles.hasRole;
-
+    hasRole = _useRoles.hasRole;
   var checkedRole = hasRole(roleName);
-
   if ( /*#__PURE__*/isValidElement(allow) && checkedRole === true) {
     return allow;
   }
-
   if ( /*#__PURE__*/isValidElement(deny) && checkedRole === false) {
     return deny;
   }
-
   if ( /*#__PURE__*/isValidElement(loading) && checkedRole === null) {
     return loading;
   }
-
   return null;
 }
 
 var _excluded = ["providers", "children"],
-    _excluded2 = ["provider"];
-
+  _excluded2 = ["provider"];
 function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ComposeProviders(_ref) {
   var _ref$providers = _ref.providers,
-      providers = _ref$providers === void 0 ? [] : _ref$providers,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    providers = _ref$providers === void 0 ? [] : _ref$providers,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return providers.reduceRight(function (acc, Provider) {
     if (typeof Provider === 'function') {
       return /*#__PURE__*/jsx(Provider, _objectSpread$4(_objectSpread$4({}, props), {}, {
         children: acc
       }));
     }
-
     var ProviderComponent = Provider.provider,
-        providerProps = _objectWithoutProperties(Provider, _excluded2);
-
+      providerProps = _objectWithoutProperties(Provider, _excluded2);
     return /*#__PURE__*/jsx(ProviderComponent, _objectSpread$4(_objectSpread$4(_objectSpread$4({}, props), providerProps), {}, {
       children: acc
     }));
@@ -4776,22 +4260,20 @@ function ComposeProviders(_ref) {
 
 function GetEntityMetadata(_ref) {
   var entity = _ref.entity,
-      entityId = _ref.entityId,
-      queryParams = _ref.queryParams,
-      refreshOnMount = _ref.refreshOnMount,
-      children = _ref.children;
-
+    entityId = _ref.entityId,
+    queryParams = _ref.queryParams,
+    refreshOnMount = _ref.refreshOnMount,
+    children = _ref.children;
   var _useGetEntityMetadata = useGetEntityMetadata({
-    entity: entity,
-    entityId: entityId,
-    queryParams: queryParams,
-    refreshOnMount: refreshOnMount
-  }),
-      metadataType = _useGetEntityMetadata.metadataType,
-      onRefresh = _useGetEntityMetadata.onRefresh,
-      isLoading = _useGetEntityMetadata.isLoading,
-      isError = _useGetEntityMetadata.isError;
-
+      entity: entity,
+      entityId: entityId,
+      queryParams: queryParams,
+      refreshOnMount: refreshOnMount
+    }),
+    metadataType = _useGetEntityMetadata.metadataType,
+    onRefresh = _useGetEntityMetadata.onRefresh,
+    isLoading = _useGetEntityMetadata.isLoading,
+    isError = _useGetEntityMetadata.isError;
   var cloneProps = {
     entity: entity,
     entityId: entityId,
@@ -4802,18 +4284,14 @@ function GetEntityMetadata(_ref) {
     isError: isError
   };
   if (entity === 'collection') cloneProps.collectionId = entityId;else if (entity === 'item') cloneProps.itemId = entityId;
-
   var cloneChild = function cloneChild(child) {
     return /*#__PURE__*/cloneElement(child, cloneProps);
   };
-
   return Children.map(children, cloneChild);
 }
 
 function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var withErrorBoundary = function withErrorBoundary(WrappedComponent) {
   var errorBoundaryProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return function (props) {
@@ -4827,7 +4305,6 @@ var compose = function compose() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
-
   return funcs.reduce(function (a, b) {
     return function () {
       return a(b.apply(void 0, arguments));
@@ -4838,30 +4315,25 @@ var compose = function compose() {
 };
 
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BinContext = /*#__PURE__*/createContext();
-
 var defaultIsUniqueBinItem = function defaultIsUniqueBinItem(bin, _ref) {
   var entityId = _ref.entityId,
-      entityType = _ref.entityType,
-      _ref$entityTimespan = _ref.entityTimespan;
+    entityType = _ref.entityType,
+    _ref$entityTimespan = _ref.entityTimespan;
   _ref$entityTimespan = _ref$entityTimespan === void 0 ? {} : _ref$entityTimespan;
   var start = _ref$entityTimespan.start,
-      end = _ref$entityTimespan.end,
-      _ref$entityTimespan$f = _ref$entityTimespan.field;
+    end = _ref$entityTimespan.end,
+    _ref$entityTimespan$f = _ref$entityTimespan.field;
   _ref$entityTimespan$f = _ref$entityTimespan$f === void 0 ? [] : _ref$entityTimespan$f;
-
   var _ref$entityTimespan$f2 = _slicedToArray(_ref$entityTimespan$f, 1),
-      _ref$entityTimespan$f3 = _ref$entityTimespan$f2[0];
-
+    _ref$entityTimespan$f3 = _ref$entityTimespan$f2[0];
   _ref$entityTimespan$f3 = _ref$entityTimespan$f3 === void 0 ? {} : _ref$entityTimespan$f3;
   var name = _ref$entityTimespan$f3.name;
   var entityExistsInBin = bin.some(function (o) {
     return o.entity.id === entityId && o.entityType === entityType;
   });
   var entityTimespanExistsInBin = false;
-
   if (entityExistsInBin) {
     var binEntitiesWithSameId = bin.filter(function (o) {
       return o.entity.id === entityId && o.entityType === entityType;
@@ -4870,52 +4342,43 @@ var defaultIsUniqueBinItem = function defaultIsUniqueBinItem(bin, _ref) {
       var _ref2$entityTimespan = _ref2.entityTimespan;
       _ref2$entityTimespan = _ref2$entityTimespan === void 0 ? {} : _ref2$entityTimespan;
       var beStart = _ref2$entityTimespan.start,
-          beEnd = _ref2$entityTimespan.end,
-          _ref2$entityTimespan$ = _ref2$entityTimespan.field;
+        beEnd = _ref2$entityTimespan.end,
+        _ref2$entityTimespan$ = _ref2$entityTimespan.field;
       _ref2$entityTimespan$ = _ref2$entityTimespan$ === void 0 ? [] : _ref2$entityTimespan$;
-
       var _ref2$entityTimespan$2 = _slicedToArray(_ref2$entityTimespan$, 1),
-          _ref2$entityTimespan$3 = _ref2$entityTimespan$2[0];
-
+        _ref2$entityTimespan$3 = _ref2$entityTimespan$2[0];
       _ref2$entityTimespan$3 = _ref2$entityTimespan$3 === void 0 ? {} : _ref2$entityTimespan$3;
       var beName = _ref2$entityTimespan$3.name;
-
       if (start === beStart && end === beEnd && name === beName) {
         entityTimespanExistsInBin = true;
       }
     });
   }
-
   return !entityExistsInBin || !entityTimespanExistsInBin;
 };
-
 function BinProvider(_ref3) {
   var onChange = _ref3.onChange,
-      children = _ref3.children,
-      _ref3$initialState = _ref3.initialState,
-      initialState = _ref3$initialState === void 0 ? [] : _ref3$initialState,
-      _ref3$allowDuplicates = _ref3.allowDuplicates,
-      defaultAllowDuplicates = _ref3$allowDuplicates === void 0 ? false : _ref3$allowDuplicates,
-      _ref3$isUniqueBinItem = _ref3.isUniqueBinItem,
-      isUniqueBinItem = _ref3$isUniqueBinItem === void 0 ? defaultIsUniqueBinItem : _ref3$isUniqueBinItem;
-
+    children = _ref3.children,
+    _ref3$initialState = _ref3.initialState,
+    initialState = _ref3$initialState === void 0 ? [] : _ref3$initialState,
+    _ref3$allowDuplicates = _ref3.allowDuplicates,
+    defaultAllowDuplicates = _ref3$allowDuplicates === void 0 ? false : _ref3$allowDuplicates,
+    _ref3$isUniqueBinItem = _ref3.isUniqueBinItem,
+    isUniqueBinItem = _ref3$isUniqueBinItem === void 0 ? defaultIsUniqueBinItem : _ref3$isUniqueBinItem;
   var _useState = useState(initialState),
-      _useState2 = _slicedToArray(_useState, 2),
-      binState = _useState2[0],
-      setBinState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    binState = _useState2[0],
+    setBinState = _useState2[1];
   var _useState3 = useState(defaultAllowDuplicates),
-      _useState4 = _slicedToArray(_useState3, 2),
-      allowDuplicates = _useState4[0],
-      setAllowDuplicates = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    allowDuplicates = _useState4[0],
+    setAllowDuplicates = _useState4[1];
   var onDelete = useCallback(function (binIdToDelete) {
     if (!binIdToDelete || !['string', 'number'].includes(_typeof(binIdToDelete))) {
       // eslint-disable-next-line no-console
       console.error('BinProvider onDelete called without a binId of the entity to delete');
       return;
     }
-
     setBinState(function (state) {
       var newState = state.filter(function (o) {
         return o.binId !== binIdToDelete;
@@ -4928,50 +4391,41 @@ function BinProvider(_ref3) {
     setBinState([]);
     if (onChange) onChange([]);
   }, [onChange]);
-
   var createBinObject = function createBinObject(binObject) {
     var _uuidv4$split = uuidv4().split('-'),
-        _uuidv4$split2 = _slicedToArray(_uuidv4$split, 1),
-        binId = _uuidv4$split2[0];
-
+      _uuidv4$split2 = _slicedToArray(_uuidv4$split, 1),
+      binId = _uuidv4$split2[0];
     return _objectSpread$2({
       binId: binId
     }, binObject);
   };
-
   var handleDrop = useCallback(function () {
     var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref4$dragInfo = _ref4.dragInfo,
-        dragInfo = _ref4$dragInfo === void 0 ? {} : _ref4$dragInfo;
-
+      _ref4$dragInfo = _ref4.dragInfo,
+      dragInfo = _ref4$dragInfo === void 0 ? {} : _ref4$dragInfo;
     var entityId = dragInfo.entityId,
-        entityType = dragInfo.entityType,
-        entity = dragInfo.entity;
-
+      entityType = dragInfo.entityType,
+      entity = dragInfo.entity;
     if (!entityId || !entityType || !entity) {
       throw new Error('Dragged element needs to have entityId, entityType and entity props');
     }
-
     setBinState(function () {
       var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
       if (isUniqueBinItem(state, dragInfo) || allowDuplicates) {
         var newState = [].concat(_toConsumableArray(state), [createBinObject(dragInfo)]);
         if (onChange) onChange(newState);
         return newState;
       }
-
       return state;
     });
   }, [allowDuplicates, isUniqueBinItem, onChange]);
   var handleSort = useCallback(function (_ref5) {
     var dragId = _ref5.dragId,
-        hoverId = _ref5.hoverId,
-        originalDragIndex = _ref5.originalDragIndex;
+      hoverId = _ref5.hoverId,
+      originalDragIndex = _ref5.originalDragIndex;
     if (dragId === undefined || hoverId === undefined && originalDragIndex === undefined) return;
     setBinState(function (state) {
       var newState = _toConsumableArray(state);
-
       var dragIndex = binState.findIndex(function (o) {
         return o.binId === dragId;
       });
@@ -5008,7 +4462,6 @@ function BinProvider(_ref3) {
 }
 
 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; }
 var SettingsDispatchContext = /*#__PURE__*/createContext();
 var SettingsStateContext = /*#__PURE__*/createContext();
@@ -5016,7 +4469,6 @@ var UPDATE_ALL_SETTINGS = 'UPDATE_ALL_SETTINGS';
 var UPDATE_SETTING = 'UPDATE_SETTING';
 var UPDATE_USERNAME = 'UPDATE_USERNAME';
 var REMOVE_SETTING = 'REMOVE_SETTING';
-
 var reducer = function reducer(state, action) {
   switch (action.type) {
     case UPDATE_USERNAME:
@@ -5025,55 +4477,46 @@ var reducer = function reducer(state, action) {
           userName: action.userName
         });
       }
-
     case UPDATE_ALL_SETTINGS:
       {
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
           settings: action.settings
         });
       }
-
     case UPDATE_SETTING:
       {
         var settings = _objectSpread$1(_objectSpread$1({}, state.settings), action.setting);
-
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
           settings: settings
         });
       }
-
     case REMOVE_SETTING:
       {
         var _settings = _objectSpread$1({}, state.settings);
-
         delete _settings[action.key];
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
           settings: _settings
         });
       }
-
     default:
       return state;
   }
 };
-
 function SettingsProvider(_ref) {
   var initialUsername = _ref.userName,
-      settingsKey = _ref.settingsKey,
-      children = _ref.children,
-      initialSettings = _ref.initialSettings,
-      onChange = _ref.onChange,
-      getSettingsApi = _ref.getSettingsApi,
-      updateSettingsApi = _ref.updateSettingsApi;
-
+    settingsKey = _ref.settingsKey,
+    children = _ref.children,
+    initialSettings = _ref.initialSettings,
+    onChange = _ref.onChange,
+    getSettingsApi = _ref.getSettingsApi,
+    updateSettingsApi = _ref.updateSettingsApi;
   var _useReducer = useReducer(reducer, {
-    settings: initialSettings,
-    userName: initialUsername
-  }),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      settings: initialSettings,
+      userName: initialUsername
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var currentSettingsFromServer = useRef();
   useEffect(function () {
     var userName = state.userName;
@@ -5093,11 +4536,11 @@ function SettingsProvider(_ref) {
       currentSettingsFromServer.current = JSON.stringify(settings);
     })["catch"](function (error) {
       var response = error.response;
-
       if (response.status !== 404) {
         throw new Error(error);
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.userName]);
   useEffect(function () {
     if (onChange) onChange(state.settings);
@@ -5112,7 +4555,8 @@ function SettingsProvider(_ref) {
       key: settingsKey,
       value: newValue
     });
-    currentSettingsFromServer.current = newValue; // eslint-disable-next-line react-hooks/exhaustive-deps
+    currentSettingsFromServer.current = newValue;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.settings]);
   return /*#__PURE__*/jsx(SettingsStateContext.Provider, {
     value: state,
@@ -5122,19 +4566,16 @@ function SettingsProvider(_ref) {
     })
   });
 }
-
 var useSettingsState = function useSettingsState() {
   var state = useContext(SettingsStateContext);
   if (!state) throw new Error('useSettingsState must be used within SettingsStateContext');
   return state;
 };
-
 var useSettingsDispatch = function useSettingsDispatch() {
   var dispatch = useContext(SettingsDispatchContext);
   if (!dispatch) throw new Error('useSettingsDispatch must be used within SettingsDispatchContext');
   return dispatch;
 };
-
 var useSettingsActions = function useSettingsActions() {
   var dispatch = useSettingsDispatch();
   var updateAllSettings = useCallback(function (settings) {
@@ -5142,23 +4583,26 @@ var useSettingsActions = function useSettingsActions() {
       type: UPDATE_ALL_SETTINGS,
       settings: settings
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
   var updateSetting = useCallback(function (setting) {
     return dispatch({
       type: UPDATE_SETTING,
       setting: setting
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
   var updateUsername = useCallback(function (userName) {
     return dispatch({
       type: UPDATE_USERNAME,
       userName: userName
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  []); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   var removeSetting = useCallback(function (key) {
     return dispatch({
       type: REMOVE_SETTING,
@@ -5172,18 +4616,15 @@ var useSettingsActions = function useSettingsActions() {
     removeSetting: removeSetting
   };
 };
-
 var useSettings = function useSettings() {
   var _useSettingsState = useSettingsState(),
-      _useSettingsState$set = _useSettingsState.settings,
-      settings = _useSettingsState$set === void 0 ? {} : _useSettingsState$set;
-
+    _useSettingsState$set = _useSettingsState.settings,
+    settings = _useSettingsState$set === void 0 ? {} : _useSettingsState$set;
   var actions = useSettingsActions();
   return _objectSpread$1(_objectSpread$1({}, actions), {}, {
     settings: settings
   });
 };
-
 SettingsProvider.propTypes = {
   userName: PropTypes.string,
   settingsKey: PropTypes.string,
@@ -5204,7 +4645,6 @@ SettingsProvider.defaultProps = {
 };
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var VIDISPINE_TOKEN = 'VIDISPINE-TOKEN';
 var VIDISPINE_USERNAME = 'VIDISPINE-USERNAME';
@@ -5214,7 +4654,6 @@ var ERROR_CREDENTIALS = 'Incorrect username or password';
 var ERROR_OFFLINE = 'Offline or CORS not configured';
 var ERROR_TOKEN_EXPIRED = 'Session expired';
 var ERROR_SERVER_MISMATCH = 'VIDISPINE_URL mismatch';
-
 var getErrorMessage = function getErrorMessage(serverUrl) {
   try {
     // NoAuthApi.isOnline throws cors error after multiple requests
@@ -5229,14 +4668,12 @@ var getErrorMessage = function getErrorMessage(serverUrl) {
     return Promise.resolve(ERROR_OFFLINE);
   }
 };
-
 var defaultOnGetToken = function defaultOnGetToken(_ref) {
   var _ref$maxAge = _ref.maxAge,
-      seconds = _ref$maxAge === void 0 ? 60 : _ref$maxAge,
-      userName = _ref.userName,
-      password = _ref.password,
-      serverUrl = _ref.serverUrl;
-
+    seconds = _ref$maxAge === void 0 ? 60 : _ref$maxAge,
+    userName = _ref.userName,
+    password = _ref.password,
+    serverUrl = _ref.serverUrl;
   try {
     return user.getToken({
       queryParams: {
@@ -5262,7 +4699,6 @@ var defaultOnGetToken = function defaultOnGetToken(_ref) {
     });
   }
 };
-
 var AuthContext = /*#__PURE__*/createContext({
   serverUrl: null,
   token: null,
@@ -5277,44 +4713,40 @@ var AuthContext = /*#__PURE__*/createContext({
 });
 function AuthProvider(_ref3) {
   var cookieOptions = _ref3.cookieOptions,
-      LoginComponent = _ref3.LoginComponent,
-      LoginProps = _ref3.LoginProps,
-      onGetToken = _ref3.onGetToken,
-      onSuccess = _ref3.onSuccess,
-      onError = _ref3.onError,
-      propsServerUrl = _ref3.serverUrl,
-      propsUserName = _ref3.userName,
-      propsToken = _ref3.token,
-      children = _ref3.children;
-
+    LoginComponent = _ref3.LoginComponent,
+    LoginProps = _ref3.LoginProps,
+    onGetToken = _ref3.onGetToken,
+    onSuccess = _ref3.onSuccess,
+    onError = _ref3.onError,
+    propsServerUrl = _ref3.serverUrl,
+    propsUserName = _ref3.userName,
+    propsToken = _ref3.token,
+    children = _ref3.children;
   var _useApi = useApi(user.getUser),
-      userType = _useApi.data,
-      getUser = _useApi.request;
-
+    userType = _useApi.data,
+    getUser = _useApi.request;
   var _useCookies = useCookies([VIDISPINE_TOKEN, VIDISPINE_USERNAME, VIDISPINE_SERVER_URL, VIDISPINE_REMEMBER_ME]),
-      _useCookies2 = _slicedToArray(_useCookies, 3),
-      cookies = _useCookies2[0],
-      setCookie = _useCookies2[1],
-      removeCookie = _useCookies2[2];
-
+    _useCookies2 = _slicedToArray(_useCookies, 3),
+    cookies = _useCookies2[0],
+    setCookie = _useCookies2[1],
+    removeCookie = _useCookies2[2];
   var _cookies$VIDISPINE_TO = cookies[VIDISPINE_TOKEN],
-      token = _cookies$VIDISPINE_TO === void 0 ? propsToken : _cookies$VIDISPINE_TO,
-      _cookies$VIDISPINE_US = cookies[VIDISPINE_USERNAME],
-      userName = _cookies$VIDISPINE_US === void 0 ? propsUserName : _cookies$VIDISPINE_US,
-      _cookies$VIDISPINE_SE = cookies[VIDISPINE_SERVER_URL],
-      serverUrl = _cookies$VIDISPINE_SE === void 0 ? propsServerUrl : _cookies$VIDISPINE_SE;
+    token = _cookies$VIDISPINE_TO === void 0 ? propsToken : _cookies$VIDISPINE_TO,
+    _cookies$VIDISPINE_US = cookies[VIDISPINE_USERNAME],
+    userName = _cookies$VIDISPINE_US === void 0 ? propsUserName : _cookies$VIDISPINE_US,
+    _cookies$VIDISPINE_SE = cookies[VIDISPINE_SERVER_URL],
+    serverUrl = _cookies$VIDISPINE_SE === void 0 ? propsServerUrl : _cookies$VIDISPINE_SE;
   var rememberMe = cookies[VIDISPINE_REMEMBER_ME] === 'true';
   var maxAge = cookieOptions.maxAge;
   var onLogin = useCallback(function (values) {
     var submissionError;
-
     try {
       return onGetToken(_objectSpread({
         maxAge: maxAge
       }, values)).then(function (newToken) {
         var newUserName = values.userName,
-            newServerUrl = values.serverUrl,
-            newRememberMe = values.rememberMe;
+          newServerUrl = values.serverUrl,
+          newRememberMe = values.rememberMe;
         if (newUserName) setCookie(VIDISPINE_USERNAME, newUserName, cookieOptions);
         if (newServerUrl) setCookie(VIDISPINE_SERVER_URL, newServerUrl, cookieOptions);
         if (newRememberMe) setCookie(VIDISPINE_REMEMBER_ME, newRememberMe, cookieOptions);
@@ -5331,12 +4763,10 @@ function AuthProvider(_ref3) {
       submissionError = error;
       if (onError) onError(submissionError);
     }
-
     return submissionError;
   }, [cookieOptions, maxAge, onError, onGetToken, onSuccess, getUser, setCookie]);
   var onLogout = useCallback(function () {
     removeCookie(VIDISPINE_TOKEN, cookieOptions);
-
     if (!rememberMe) {
       removeCookie(VIDISPINE_USERNAME, cookieOptions);
       removeCookie(VIDISPINE_SERVER_URL, cookieOptions);
@@ -5372,7 +4802,6 @@ function AuthProvider(_ref3) {
         return Promise.reject(error);
       });
     }
-
     return function () {
       if (responseInterceptor.current) utils.defaultClient.interceptors.response.eject(responseInterceptor.current);
     };
@@ -5383,8 +4812,8 @@ function AuthProvider(_ref3) {
         var newUserName = _ref4.data;
         return setCookie(VIDISPINE_USERNAME, newUserName, cookieOptions);
       });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [userName, token]);
   useEffect(function () {
     if (token && serverUrl && propsServerUrl && serverUrl !== propsServerUrl) {
@@ -5447,21 +4876,44 @@ AuthProvider.defaultProps = {
 };
 var useAuthContext = function useAuthContext() {
   var context = useContext(AuthContext);
-
   if (context === undefined) {
     throw new Error('useAuth must be used within an AuthContext');
   }
-
   return context;
 };
 
+var DateTimeInputContext = /*#__PURE__*/React.createContext({
+  value: undefined,
+  setValue: function setValue() {
+    return null;
+  }
+});
+function DateTimeInputContextProvider(_ref) {
+  var children = _ref.children,
+    _ref$initialState = _ref.initialState,
+    initialState = _ref$initialState === void 0 ? '' : _ref$initialState;
+  var _React$useState = React.useState(initialState),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var contextValue = React.useMemo(function () {
+    return {
+      value: value,
+      setValue: setValue
+    };
+  }, [value]);
+  return /*#__PURE__*/jsx(DateTimeInputContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+}
+
 var handleAddEntity = function handleAddEntity(_ref) {
   var entityId = _ref.entityId,
-      entityType = _ref.entityType,
-      collectionId = _ref.collectionId,
-      rootParentId = _ref.rootParentId,
-      onError = _ref.onError;
-
+    entityType = _ref.entityType,
+    collectionId = _ref.collectionId,
+    rootParentId = _ref.rootParentId,
+    onError = _ref.onError;
   if (collectionId && collectionId !== rootParentId) {
     try {
       return collection.addCollectionEntity({
@@ -5478,16 +4930,14 @@ var handleAddEntity = function handleAddEntity(_ref) {
       });
     }
   }
-
   return undefined;
 };
 var handleRemoveEntity = function handleRemoveEntity(_ref2) {
   var entityId = _ref2.entityId,
-      entityType = _ref2.entityType,
-      collectionId = _ref2.collectionId,
-      rootParentId = _ref2.rootParentId,
-      onError = _ref2.onError;
-
+    entityType = _ref2.entityType,
+    collectionId = _ref2.collectionId,
+    rootParentId = _ref2.rootParentId,
+    onError = _ref2.onError;
   if (collectionId && collectionId !== rootParentId) {
     try {
       return collection.removeCollectionEntity({
@@ -5504,38 +4954,36 @@ var handleRemoveEntity = function handleRemoveEntity(_ref2) {
       });
     }
   }
-
   return undefined;
 };
 var handleMoveEntity = function handleMoveEntity(_ref3) {
   var entityId = _ref3.entityId,
-      entityType = _ref3.entityType,
-      addToCollectionId = _ref3.addToCollectionId,
-      removeFromCollectionId = _ref3.removeFromCollectionId,
-      rootParentId = _ref3.rootParentId,
-      _ref3$onAddEntity = _ref3.onAddEntity,
-      onAddEntity = _ref3$onAddEntity === void 0 ? handleAddEntity : _ref3$onAddEntity,
-      _ref3$onRemoveEntity = _ref3.onRemoveEntity,
-      onRemoveEntity = _ref3$onRemoveEntity === void 0 ? handleRemoveEntity : _ref3$onRemoveEntity,
-      _ref3$onMoved = _ref3.onMoved,
-      onMoved = _ref3$onMoved === void 0 ? function () {
-    return null;
-  } : _ref3$onMoved,
-      _ref3$onAdded = _ref3.onAdded,
-      onAdded = _ref3$onAdded === void 0 ? function () {
-    return null;
-  } : _ref3$onAdded,
-      _ref3$onRemoved = _ref3.onRemoved,
-      onRemoved = _ref3$onRemoved === void 0 ? function () {
-    return null;
-  } : _ref3$onRemoved,
-      _ref3$onError = _ref3.onError,
-      onError = _ref3$onError === void 0 ? function (_ref4) {
-    var message = _ref4.message,
+    entityType = _ref3.entityType,
+    addToCollectionId = _ref3.addToCollectionId,
+    removeFromCollectionId = _ref3.removeFromCollectionId,
+    rootParentId = _ref3.rootParentId,
+    _ref3$onAddEntity = _ref3.onAddEntity,
+    onAddEntity = _ref3$onAddEntity === void 0 ? handleAddEntity : _ref3$onAddEntity,
+    _ref3$onRemoveEntity = _ref3.onRemoveEntity,
+    onRemoveEntity = _ref3$onRemoveEntity === void 0 ? handleRemoveEntity : _ref3$onRemoveEntity,
+    _ref3$onMoved = _ref3.onMoved,
+    onMoved = _ref3$onMoved === void 0 ? function () {
+      return null;
+    } : _ref3$onMoved,
+    _ref3$onAdded = _ref3.onAdded,
+    onAdded = _ref3$onAdded === void 0 ? function () {
+      return null;
+    } : _ref3$onAdded,
+    _ref3$onRemoved = _ref3.onRemoved,
+    onRemoved = _ref3$onRemoved === void 0 ? function () {
+      return null;
+    } : _ref3$onRemoved,
+    _ref3$onError = _ref3.onError,
+    onError = _ref3$onError === void 0 ? function (_ref4) {
+      var message = _ref4.message,
         error = _ref4.error;
-    return console.error("".concat(message, "\n").concat(error));
-  } : _ref3$onError;
-
+      return console.error("".concat(message, "\n").concat(error));
+    } : _ref3$onError;
   if (!addToCollectionId) {
     onError({
       message: 'Missing the collection id to add entity to',
@@ -5543,7 +4991,6 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
     });
     return;
   }
-
   if (!removeFromCollectionId) {
     onError({
       message: 'Missing the collection id to remove entity from',
@@ -5551,7 +4998,6 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
     });
     return;
   }
-
   try {
     var addPromise = onAddEntity({
       entityId: entityId,
@@ -5577,7 +5023,6 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
       var allSucceeded = failedResults.length === 0;
       var allFailed = failedResults.length === promises.length;
       var oneFailed = failedResults.length === 1;
-
       if (allSucceeded) {
         onMoved();
         onAdded();
@@ -5598,7 +5043,6 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
           error: failedResults[0].reason
         });
         var rollbackPromise;
-
         if (failedToRemove) {
           rollbackPromise = onRemoveEntity({
             entityId: entityId,
@@ -5614,7 +5058,6 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
             onError: onError
           });
         }
-
         if (rollbackPromise) {
           rollbackPromise.then(function () {
             // eslint-disable-next-line no-console
@@ -5643,25 +5086,22 @@ var handleMoveEntity = function handleMoveEntity(_ref3) {
 
 function DropArea(_ref) {
   var children = _ref.children,
-      setDrag = _ref.setDrag,
-      onDropProp = _ref.onDrop,
-      onDragEnterProp = _ref.onDragEnter,
-      onDragOverProp = _ref.onDragOver,
-      onDragLeaveProp = _ref.onDragLeave,
-      style = _ref.style;
-
+    setDrag = _ref.setDrag,
+    onDropProp = _ref.onDrop,
+    onDragEnterProp = _ref.onDragEnter,
+    onDragOverProp = _ref.onDragOver,
+    onDragLeaveProp = _ref.onDragLeave,
+    style = _ref.style;
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragCounter = _useState2[0],
-      setDragCounter = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    dragCounter = _useState2[0],
+    setDragCounter = _useState2[1];
   var _onDrop = function onDrop(e) {
     e.preventDefault();
     e.stopPropagation();
     setDrag(false);
     if (onDropProp) onDropProp(e);
   };
-
   var _onDragEnter = function onDragEnter(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -5669,13 +5109,11 @@ function DropArea(_ref) {
     if (dragCounter === 0) setDrag(true);
     if (onDragEnterProp) onDragEnterProp(e);
   };
-
   var _onDragOver = function onDragOver(e) {
     e.preventDefault();
     e.stopPropagation();
     if (onDragOverProp) onDragOverProp(e);
   };
-
   var _onDragLeave = function onDragLeave(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -5683,7 +5121,6 @@ function DropArea(_ref) {
     if (dragCounter === 1) setDrag(false);
     if (onDragLeaveProp) onDragLeaveProp(e);
   };
-
   return /*#__PURE__*/jsx("div", {
     onDragEnter: function onDragEnter(e) {
       return _onDragEnter(e);
@@ -5702,5 +5139,5 @@ function DropArea(_ref) {
   });
 }
 
-export { Auth, AuthContext, AuthProvider, BinContext, BinProvider, ComposeProviders, DropArea, ErrorBoundary, GetCollectionContent as GetCollection, GetEntityMetadata, GetFieldGroup, GetItem, GetJobs, HasRole, ListEntityAccess, MetadataType, RolesProvider, SearchCollection, SearchItem, SearchItemCollection, SettingsProvider, VidispineApi, compose, handleAddEntity, handleMoveEntity, handleRemoveEntity, useAddMetadataFieldAttributes, useApi, useAuthContext, useAutocomplete, useCollectionAutoPlay, useCompoundMetadata, useCsvDownload, useDocSearchAutocomplete, useEntityAccess, useGetCollection$1 as useGetCollection, useGetCollection as useGetCollectionItem, useGetEntity, useGetEntityMetadata, useGetFieldGroup, useGetFieldMetadataDataset, useGetItem, useGetSavedSearchFolders, useGroup, useHoverScrub, useInterval, useJobSearch, useListGroup, useListUser, useLocalStorage, useMouseDownPosition, useQueryInitialState, useRepresentativeItems, useRoles, useSavedSearch, useSearch, useSearchGroup, useSearchItem, useSearchUser, useSelected, useSettings, useSettingsActions, useTab, useThumbnailScrub, useUpdateEffect, useUpdateQueryState, useUploadFiles, useUser, withErrorBoundary };
+export { Auth, AuthContext, AuthProvider, BinContext, BinProvider, ComposeProviders, DateTimeInputContext, DateTimeInputContextProvider, DropArea, ErrorBoundary, GetCollectionContent as GetCollection, GetEntityMetadata, GetFieldGroup, GetItem, GetJobs, HasRole, ListEntityAccess, MetadataType, RolesProvider, SearchCollection, SearchItem, SearchItemCollection, SettingsProvider, VidispineApi, compose, handleAddEntity, handleMoveEntity, handleRemoveEntity, useAddMetadataFieldAttributes, useApi, useAuthContext, useAutocomplete, useCollectionAutoPlay, useCompoundMetadata, useCsvDownload, useDocSearchAutocomplete, useEntityAccess, useGetCollection$1 as useGetCollection, useGetCollection as useGetCollectionItem, useGetEntity, useGetEntityMetadata, useGetFieldGroup, useGetFieldMetadataDataset, useGetItem, useGetSavedSearchFolders, useGroup, useHoverScrub, useInterval, useJobSearch, useListGroup, useListUser, useLocalStorage, useMouseDownPosition, useQueryInitialState, useRepresentativeItems, useRoles, useSavedSearch, useSearch, useSearchGroup, useSearchItem, useSearchUser, useSelected, useSettings, useSettingsActions, useTab, useThumbnailScrub, useUpdateEffect, useUpdateQueryState, useUploadFiles, useUser, withErrorBoundary };
 //# sourceMappingURL=index.es.js.map