@vidispine/vdt-react 22.1.0 → 22.2.0-pre.1

package/dist/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var react = require('react');
 var vdtApi = require('@vidispine/vdt-api');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -20,14 +20,13 @@ var _createClass = require('@babel/runtime/helpers/createClass');
 var _inherits = require('@babel/runtime/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _extends = require('@babel/runtime/helpers/extends');
 var reactCookie = require('react-cookie');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
@@ -40,11 +39,10 @@ var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 
-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 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$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__default["default"](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; }
+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__default["default"](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] : {},
@@ -73,7 +71,7 @@ var apiReducer = function apiReducer(state, action) {
   switch (action.type) {
     case 'START':
       {
-        return _objectSpread$i(_objectSpread$i({}, state), {}, {
+        return _objectSpread$l(_objectSpread$l({}, state), {}, {
           isLoading: true,
           isError: false
         });
@@ -106,7 +104,7 @@ var apiReducer = function apiReducer(state, action) {
 
     case 'RESET':
       {
-        return _objectSpread$i({}, action.initialState);
+        return _objectSpread$l({}, action.initialState);
       }
 
     default:
@@ -117,23 +115,23 @@ var apiReducer = function apiReducer(state, action) {
 };
 
 function useApi(apiHandler, initialState, responseRef) {
-  var cancelToken = React__default["default"].useRef(function () {
+  var cancelToken = react.useRef(function () {
     return null;
   });
   var initialDefaultState = setDefaultState(initialState, responseRef);
-  var initialStateRef = React__default["default"].useRef(initialDefaultState);
+  var initialStateRef = react.useRef(initialDefaultState);
 
-  var _React$useReducer = React__default["default"].useReducer(apiReducer, initialDefaultState),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+  var _useReducer = react.useReducer(apiReducer, initialDefaultState),
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
-  var request = React__default["default"].useCallback(function (props) {
+  var request = react.useCallback(function (props) {
     dispatch({
       type: 'START'
     });
     return new Promise(function (resolve, reject) {
-      apiHandler(_objectSpread$i({
+      apiHandler(_objectSpread$l({
         canceltoken: new vdtApi.utils.CancelToken(function (c) {
           cancelToken.current = c;
         })
@@ -154,22 +152,22 @@ function useApi(apiHandler, initialState, responseRef) {
       });
     });
   }, [apiHandler, responseRef]);
-  var reset = React__default["default"].useCallback(function () {
+  var reset = react.useCallback(function () {
     return dispatch({
       type: 'RESET',
       initialState: initialStateRef.current
     });
   }, []);
-  var cancel = React__default["default"].useCallback(function () {
+  var cancel = react.useCallback(function () {
     return cancelToken.current();
   }, []);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     return function () {
       cancel();
       reset();
     };
   }, [cancel, reset]);
-  return _objectSpread$i({
+  return _objectSpread$l({
     request: request,
     reset: reset,
     cancel: cancel
@@ -178,9 +176,9 @@ function useApi(apiHandler, initialState, responseRef) {
 
 var _excluded$9 = ["queryParams", "matrixParams", "itemSearchDocument", "rowsPerPage", "page"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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';
 var CHANGE_SORT$3 = 'CHANGE_SORT';
@@ -226,16 +224,16 @@ var setInitialDefaultState$4 = function setInitialDefaultState() {
       page = _ref$page === void 0 ? 0 : _ref$page,
       state = _objectWithoutProperties__default["default"](_ref, _excluded$9);
 
-  return _objectSpread$h(_objectSpread$h({}, state), {}, {
-    queryParams: _objectSpread$h({
+  return _objectSpread$k(_objectSpread$k({}, state), {}, {
+    queryParams: _objectSpread$k({
       content: 'metadata',
       interval: 'generic'
     }, queryParams),
-    matrixParams: _objectSpread$h({
+    matrixParams: _objectSpread$k({
       first: page * rowsPerPage + 1,
       number: rowsPerPage
     }, matrixParams),
-    itemSearchDocument: _objectSpread$h({
+    itemSearchDocument: _objectSpread$k({
       intervals: 'generic',
       filter: []
     }, itemSearchDocument),
@@ -248,30 +246,30 @@ var searchReducer$3 = function searchReducer(state, action) {
   switch (action.type) {
     case ACTION_TYPE$3.CHANGE_ITEMSEARCHDOCUMENT:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           itemSearchDocument: action.itemSearchDocument
         });
       }
 
     case ACTION_TYPE$3.CHANGE_QUERYPARAMS:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           queryParams: action.queryParams
         });
       }
 
     case ACTION_TYPE$3.CHANGE_MATRIXPARAMS:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           matrixParams: action.matrixParams
         });
       }
 
     case ACTION_TYPE$3.CHANGE_PAGE:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: action.page,
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: action.page * state.rowsPerPage + 1
           })
         });
@@ -279,10 +277,10 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_ROWS:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           rowsPerPage: action.rowsPerPage,
           page: 0,
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1,
             number: action.rowsPerPage
           })
@@ -291,17 +289,17 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SORT:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           searchText: action.value,
           sort: action.value,
-          itemSearchDocument: _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             sort: action.field ? [{
               field: action.field,
               order: action.order || 'descending'
             }] : []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -309,17 +307,17 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SEARCHTEXT:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           searchText: action.value,
-          itemSearchDocument: action.value ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.value ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             text: [{
               value: "".concat(action.value)
             }]
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             text: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -327,15 +325,15 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SEARCHFIELD:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           field: action.field,
-          itemSearchDocument: action.field ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.field ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             field: action.field
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             field: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -343,18 +341,18 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SEARCHFIELDFACET:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           field: action.field,
           facet: action.facet,
-          itemSearchDocument: action.field ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.field ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             field: action.field,
             facet: action.facet
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             field: [],
             facet: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -362,15 +360,15 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SEARCHFILTER:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           filter: action.filter,
-          itemSearchDocument: action.filter ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.filter ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             filter: action.filter
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             filter: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -378,17 +376,17 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SEARCHFILTERFACET:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           filter: action.filter,
-          itemSearchDocument: action.filter ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.filter ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             filter: action.filter,
             facet: action.facet
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             filter: [],
             facet: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -396,15 +394,15 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_FACET:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           facet: action.facet,
-          itemSearchDocument: action.facet ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.facet ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             facet: action.facet
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             facet: []
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -412,10 +410,10 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_PARENT_COLLECTION:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
           page: 0,
           parentCollection: action.value,
-          itemSearchDocument: action.value ? _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          itemSearchDocument: action.value ? _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             operator: {
               field: [{
                 name: '__parent_collection',
@@ -430,10 +428,10 @@ var searchReducer$3 = function searchReducer(state, action) {
               }],
               operation: 'OR'
             }
-          }) : _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+          }) : _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             operator: undefined
           }),
-          matrixParams: _objectSpread$h(_objectSpread$h({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$k(_objectSpread$k({}, state.matrixParams), {}, {
             first: 1
           })
         });
@@ -441,8 +439,8 @@ var searchReducer$3 = function searchReducer(state, action) {
 
     case ACTION_TYPE$3.CHANGE_SUGGESTION:
       {
-        return _objectSpread$h(_objectSpread$h({}, state), {}, {
-          itemSearchDocument: _objectSpread$h(_objectSpread$h({}, state.itemSearchDocument), {}, {
+        return _objectSpread$k(_objectSpread$k({}, state), {}, {
+          itemSearchDocument: _objectSpread$k(_objectSpread$k({}, state.itemSearchDocument), {}, {
             suggestion: action.suggestion
           })
         });
@@ -458,10 +456,10 @@ var searchReducer$3 = function searchReducer(state, action) {
 function useSearch(initialState) {
   var initialDefaultState = setInitialDefaultState$4(initialState);
 
-  var _React$useReducer = React__default["default"].useReducer(searchReducer$3, initialDefaultState),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+  var _useReducer = react.useReducer(searchReducer$3, initialDefaultState),
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -489,37 +487,37 @@ function useSearch(initialState) {
     });
   };
 
-  var setSearchText = React__default["default"].useCallback(function (value) {
+  var setSearchText = react.useCallback(function (value) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_SEARCHTEXT,
       value: value
     });
   }, []);
-  var setItemSearchDocument = React__default["default"].useCallback(function (itemSearchDocument) {
+  var setItemSearchDocument = react.useCallback(function (itemSearchDocument) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_ITEMSEARCHDOCUMENT,
       itemSearchDocument: itemSearchDocument
     });
   }, []);
-  var setQueryParams = React__default["default"].useCallback(function (queryParams) {
+  var setQueryParams = react.useCallback(function (queryParams) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_ITEMQUERYPARAMS,
       queryParams: queryParams
     });
   }, []);
-  var setMatrixParams = React__default["default"].useCallback(function (matrixParams) {
+  var setMatrixParams = react.useCallback(function (matrixParams) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_ITEMMATRIXPARAMS,
       matrixParams: matrixParams
     });
   }, []);
-  var setSearchField = React__default["default"].useCallback(function (field) {
+  var setSearchField = react.useCallback(function (field) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_SEARCHFIELD,
       field: field
     });
   }, []);
-  var setSearchFieldFacet = React__default["default"].useCallback(function (field) {
+  var setSearchFieldFacet = react.useCallback(function (field) {
     var facet = field.map(function (_ref4) {
       var name = _ref4.name;
       return {
@@ -533,13 +531,13 @@ function useSearch(initialState) {
       facet: facet
     });
   }, []);
-  var setSearchFilter = React__default["default"].useCallback(function (filter) {
+  var setSearchFilter = react.useCallback(function (filter) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_SEARCHFILTER,
       filter: filter
     });
   }, []);
-  var setSearchFilterFacet = React__default["default"].useCallback(function (filter) {
+  var setSearchFilterFacet = react.useCallback(function (filter) {
     var fieldList = filter.reduce(function (a, _ref5) {
       var _ref5$field = _ref5.field,
           field = _ref5$field === void 0 ? [] : _ref5$field;
@@ -560,19 +558,19 @@ function useSearch(initialState) {
       facet: facet
     });
   }, [dispatch]);
-  var setFacet = React__default["default"].useCallback(function (facet) {
+  var setFacet = react.useCallback(function (facet) {
     dispatch({
       type: ACTION_TYPE$3.CHANGE_FACET,
       facet: facet
     });
   }, [dispatch]);
-  var setParentCollection = React__default["default"].useCallback(function (value) {
+  var setParentCollection = react.useCallback(function (value) {
     return dispatch({
       type: ACTION_TYPE$3.CHANGE_PARENT_COLLECTION,
       value: value
     });
   }, []);
-  var setSuggestion = React__default["default"].useCallback(function (suggestion) {
+  var setSuggestion = react.useCallback(function (suggestion) {
     dispatch({
       type: ACTION_TYPE$3.CHANGE_SUGGESTION,
       suggestion: suggestion
@@ -598,8 +596,8 @@ function useSearch(initialState) {
 }
 
 function useUpdateEffect(fn, inputs) {
-  var hasMountedRef = React__default["default"].useRef(false);
-  React__default["default"].useEffect(function () {
+  var hasMountedRef = react.useRef(false);
+  react.useEffect(function () {
     if (hasMountedRef.current) {
       fn();
     } else {
@@ -609,9 +607,9 @@ function useUpdateEffect(fn, inputs) {
   }, inputs);
 }
 
-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 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$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__default["default"](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; }
+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__default["default"](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] : {},
@@ -632,30 +630,30 @@ var setInitialDefaultState$3 = function setInitialDefaultState() {
 function useAutocomplete(initialState) {
   var initialDefaultState = setInitialDefaultState$3(initialState);
 
-  var _React$useState = React__default["default"].useState(initialDefaultState),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      autocompleteDoc = _React$useState2[0],
-      setAutocompleteDoc = _React$useState2[1];
+  var _useState = react.useState(initialDefaultState),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      autocompleteDoc = _useState2[0],
+      setAutocompleteDoc = _useState2[1];
 
-  var setAutocompleteField = React__default["default"].useCallback(function (field) {
+  var setAutocompleteField = react.useCallback(function (field) {
     var text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     setAutocompleteDoc(function (state) {
-      return _objectSpread$g(_objectSpread$g({}, state), {}, {
+      return _objectSpread$j(_objectSpread$j({}, state), {}, {
         field: field,
         text: text
       });
     });
   }, []);
-  var setAutocompleteText = React__default["default"].useCallback(function (text) {
+  var setAutocompleteText = react.useCallback(function (text) {
     setAutocompleteDoc(function (state) {
-      return _objectSpread$g(_objectSpread$g({}, state), {}, {
+      return _objectSpread$j(_objectSpread$j({}, state), {}, {
         text: text
       });
     });
   }, []);
-  var setAutocompleteMaxSuggestions = React__default["default"].useCallback(function (maximumSuggestions) {
+  var setAutocompleteMaxSuggestions = react.useCallback(function (maximumSuggestions) {
     setAutocompleteDoc(function (state) {
-      return _objectSpread$g(_objectSpread$g({}, state), {}, {
+      return _objectSpread$j(_objectSpread$j({}, state), {}, {
         maximumSuggestions: maximumSuggestions
       });
     });
@@ -685,10 +683,10 @@ 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 _React$useState = React__default["default"].useState(initialState),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      selected = _React$useState2[0],
-      setSelected = _React$useState2[1];
+  var _useState = react.useState(initialState),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
 
   var onSelect = function onSelect(event, checked, props) {
     var propValue = props[propKey];
@@ -729,10 +727,10 @@ var useSelected = (function () {
 });
 
 var useTab = (function (initialTab) {
-  var _React$useState = React__default["default"].useState(initialTab),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      activeTab = _React$useState2[0],
-      setActiveTab = _React$useState2[1];
+  var _useState = react.useState(initialTab),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      activeTab = _useState2[0],
+      setActiveTab = _useState2[1];
 
   var changeTab = function changeTab(_, newValue) {
     return setActiveTab(newValue);
@@ -745,11 +743,11 @@ var useTab = (function (initialTab) {
 });
 
 function useInterval(callback, delay) {
-  var savedCallback = React__default["default"].useRef();
-  React__default["default"].useEffect(function () {
+  var savedCallback = react.useRef();
+  react.useEffect(function () {
     savedCallback.current = callback;
   }, [callback]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     var tick = function tick() {
       return savedCallback.current();
     };
@@ -763,18 +761,18 @@ function useInterval(callback, delay) {
 
 function useThumbnailScrub() {
   var srcList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var savedInterval = React__default["default"].useRef();
-  var initialImgIdx = React__default["default"].useMemo(function () {
+  var savedInterval = react.useRef();
+  var initialImgIdx = react.useMemo(function () {
     return Math.floor(srcList.length / 2);
   }, [srcList]);
 
-  var _React$useState = React__default["default"].useState(),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      imgIdx = _React$useState2[0],
-      setImgIdx = _React$useState2[1];
+  var _useState = react.useState(),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      imgIdx = _useState2[0],
+      setImgIdx = _useState2[1];
 
-  var imgIdxRef = React__default["default"].useRef(imgIdx);
-  React__default["default"].useEffect(function () {
+  var imgIdxRef = react.useRef(imgIdx);
+  react.useEffect(function () {
     return function () {
       return savedInterval.current && clearInterval(savedInterval.current);
     };
@@ -821,9 +819,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 
 function _toPrimitive(input, hint) { if (_typeof__default["default"](input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof__default["default"](res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
-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 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$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__default["default"](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; }
+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__default["default"](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';
 var CHANGE_SORT$2 = 'CHANGE_SORT';
@@ -852,7 +850,7 @@ var setInitialDefaultState$2 = function setInitialDefaultState() {
 
   return {
     queryParams: queryParams,
-    matrixParams: _objectSpread$f({
+    matrixParams: _objectSpread$i({
       first: 1,
       number: 10
     }, matrixParams),
@@ -873,9 +871,9 @@ var searchReducer$2 = function searchReducer(state, action) {
             page = _action$page === void 0 ? 0 : _action$page;
         var _state$rowsPerPage = state.rowsPerPage,
             rowsPerPage = _state$rowsPerPage === void 0 ? 10 : _state$rowsPerPage;
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: page,
-          matrixParams: _objectSpread$f(_objectSpread$f({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, {
             first: page * rowsPerPage + 1
           })
         });
@@ -884,10 +882,10 @@ var searchReducer$2 = function searchReducer(state, action) {
     case ACTION_TYPE$2.CHANGE_ROWS:
       {
         var _rowsPerPage = action.rowsPerPage;
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           rowsPerPage: _rowsPerPage,
           page: 0,
-          matrixParams: _objectSpread$f(_objectSpread$f({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, {
             first: 1,
             number: _rowsPerPage
           })
@@ -899,9 +897,9 @@ var searchReducer$2 = function searchReducer(state, action) {
         var field = action.field,
             _action$order = action.order,
             order = _action$order === void 0 ? 'desc' : _action$order;
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
-          matrixParams: _objectSpread$f(_objectSpread$f({}, state.matrixParams), {}, {
+          matrixParams: _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, {
             first: 1,
             sort: "".concat(field, " ").concat(order)
           })
@@ -922,16 +920,16 @@ var searchReducer$2 = function searchReducer(state, action) {
               _state$matrixParams[_field];
               var newMatrixParams = _objectWithoutProperties__default["default"](_state$matrixParams, [_field].map(_toPropertyKey));
 
-          matrixParams = _objectSpread$f(_objectSpread$f({}, newMatrixParams), {}, {
+          matrixParams = _objectSpread$i(_objectSpread$i({}, newMatrixParams), {}, {
             first: 1
           });
         } else {
-          matrixParams = _objectSpread$f(_objectSpread$f({}, state.matrixParams), {}, _defineProperty__default["default"]({
+          matrixParams = _objectSpread$i(_objectSpread$i({}, state.matrixParams), {}, _defineProperty__default["default"]({
             first: 1
           }, _field, Array.isArray(value) ? value.join(',') : value));
         }
 
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           matrixParams: matrixParams
         });
@@ -951,16 +949,16 @@ var searchReducer$2 = function searchReducer(state, action) {
               _state$queryParams[_field2];
               var newQueryParams = _objectWithoutProperties__default["default"](_state$queryParams, [_field2].map(_toPropertyKey));
 
-          queryParams = _objectSpread$f(_objectSpread$f({}, newQueryParams), {}, {
+          queryParams = _objectSpread$i(_objectSpread$i({}, newQueryParams), {}, {
             first: 1
           });
         } else {
-          queryParams = _objectSpread$f(_objectSpread$f({}, state.queryParams), {}, _defineProperty__default["default"]({
+          queryParams = _objectSpread$i(_objectSpread$i({}, state.queryParams), {}, _defineProperty__default["default"]({
             first: 1
           }, _field2, _value));
         }
 
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           queryParams: queryParams
         });
@@ -979,16 +977,16 @@ var searchReducer$2 = function searchReducer(state, action) {
               _state$queryParams2[_field3];
               var _newQueryParams = _objectWithoutProperties__default["default"](_state$queryParams2, [_field3].map(_toPropertyKey));
 
-          _queryParams = _objectSpread$f(_objectSpread$f({}, _newQueryParams), {}, {
+          _queryParams = _objectSpread$i(_objectSpread$i({}, _newQueryParams), {}, {
             first: 1
           });
         } else {
-          _queryParams = _objectSpread$f(_objectSpread$f({}, state.queryParams), {}, _defineProperty__default["default"]({
+          _queryParams = _objectSpread$i(_objectSpread$i({}, state.queryParams), {}, _defineProperty__default["default"]({
             first: 1
           }, _field3, _value2));
         }
 
-        return _objectSpread$f(_objectSpread$f({}, state), {}, {
+        return _objectSpread$i(_objectSpread$i({}, state), {}, {
           page: 0,
           queryParams: _queryParams,
           jobMetadata: _value2
@@ -1003,10 +1001,10 @@ var searchReducer$2 = function searchReducer(state, action) {
 function useJobSearch(initialState) {
   var initialDefaultState = setInitialDefaultState$2(initialState);
 
-  var _React$useReducer = React__default["default"].useReducer(searchReducer$2, initialDefaultState),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+  var _useReducer = react.useReducer(searchReducer$2, initialDefaultState),
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
   var onChangeRowsPerPage = function onChangeRowsPerPage() {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1148,12 +1146,12 @@ function useJobSearch(initialState) {
 }
 
 var useLocalStorage = function useLocalStorage(localStorageKey, defaultValue) {
-  var _React$useState = React__default["default"].useState(JSON.parse(window.localStorage.getItem(localStorageKey) || JSON.stringify(defaultValue))),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
+  var _useState = react.useState(JSON.parse(window.localStorage.getItem(localStorageKey) || JSON.stringify(defaultValue))),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     window.localStorage.setItem(localStorageKey, JSON.stringify(value));
   }, [localStorageKey, value]);
 
@@ -1183,9 +1181,9 @@ function b64DecodeUnicode(str) {
 
 var _excluded$7 = ["onUploadFile", "initialMetadata"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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'];
 var DEFAULT_IMAGE_SHAPETAGS = ['__png'];
@@ -1208,7 +1206,7 @@ var getDefaultShapeTags = function getDefaultShapeTags(file) {
 var chunkedUpload = function chunkedUpload(file) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return new Promise(function (resolve, reject) {
-    var uploadInstance = new vdtApi.ChunkedUpload(file, _objectSpread$e({
+    var uploadInstance = new vdtApi.ChunkedUpload(file, _objectSpread$h({
       onFail: function onFail(error) {
         return reject(error);
       },
@@ -1248,7 +1246,7 @@ var onUploadFile = function onUploadFile(_ref) {
           _mimeType$split2 = _slicedToArray__default["default"](_mimeType$split, 1),
           mediaType = _mimeType$split2[0];
 
-      var metadata = _objectSpread$e({
+      var metadata = _objectSpread$h({
         originalFilename: filename,
         mimeType: mimeType,
         mediaType: mediaType
@@ -1257,7 +1255,7 @@ var onUploadFile = function onUploadFile(_ref) {
       var metadataDocument = vdtJs.createMetadataType(metadata);
       vdtApi.vsimport.createImportPlaceholder({
         metadataDocument: metadataDocument,
-        queryParams: _objectSpread$e({
+        queryParams: _objectSpread$h({
           container: 1
         }, placeholderParams)
       }).then(function (_ref2) {
@@ -1274,13 +1272,13 @@ var onUploadFile = function onUploadFile(_ref) {
       }).then(function () {
         var transferId = generateTransferId();
 
-        var queryParams = _objectSpread$e({
+        var queryParams = _objectSpread$h({
           filename: filename,
           transferId: transferId,
           tag: shapeTags
         }, importParams);
 
-        return chunkedUpload(file, _objectSpread$e({
+        return chunkedUpload(file, _objectSpread$h({
           api: {
             method: vdtApi.vsimport.createImportComponentRaw,
             props: {
@@ -1292,7 +1290,7 @@ var onUploadFile = function onUploadFile(_ref) {
           onProgress: onProgress
         }, chunkedUploadProps));
       }).then(function (response) {
-        resolve(_objectSpread$e(_objectSpread$e({}, response), {}, {
+        resolve(_objectSpread$h(_objectSpread$h({}, response), {}, {
           itemId: itemId,
           collectionId: collectionId
         }));
@@ -1314,12 +1312,12 @@ function useUploadFiles(_ref3) {
       initialMetadata = _ref3$initialMetadata === void 0 ? {} : _ref3$initialMetadata,
       props = _objectWithoutProperties__default["default"](_ref3, _excluded$7);
 
-  var _React$useState = React__default["default"].useState([]),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      files = _React$useState2[0],
-      setFiles = _React$useState2[1];
+  var _useState = react.useState([]),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      files = _useState2[0],
+      setFiles = _useState2[1];
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     return function () {
       // Make sure to revoke the data uris to avoid memory leaks
       files.forEach(function (file) {
@@ -1327,12 +1325,12 @@ function useUploadFiles(_ref3) {
       });
     };
   }, [files]);
-  var onAddFiles = React__default["default"].useCallback(function () {
+  var onAddFiles = react.useCallback(function () {
     var newFiles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var newFilesObj = newFiles.map(function (file) {
       return {
         file: file,
-        metadata: _objectSpread$e({
+        metadata: _objectSpread$h({
           title: file.name
         }, initialMetadata)
       };
@@ -1341,7 +1339,7 @@ function useUploadFiles(_ref3) {
       return newFilesObj.concat(currentFiles);
     });
   }, [initialMetadata]);
-  var onChangeFile = React__default["default"].useCallback(function (idx) {
+  var onChangeFile = react.useCallback(function (idx) {
     var changeFile = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     setFiles(function (currentFilesList) {
       var currentFile = currentFilesList[idx];
@@ -1354,15 +1352,15 @@ function useUploadFiles(_ref3) {
 
       var newFilesList = _toConsumableArray__default["default"](currentFilesList);
 
-      var newFile = _objectSpread$e({}, currentFile);
+      var newFile = _objectSpread$h({}, currentFile);
 
-      if (newMetadata) newFile.metadata = _objectSpread$e(_objectSpread$e({}, currentMetadata), newMetadata);
-      if (newProgress) newFile.progress = _objectSpread$e(_objectSpread$e({}, currentProgress), newProgress);
+      if (newMetadata) newFile.metadata = _objectSpread$h(_objectSpread$h({}, currentMetadata), newMetadata);
+      if (newProgress) newFile.progress = _objectSpread$h(_objectSpread$h({}, currentProgress), newProgress);
       newFilesList[idx] = newFile;
       return newFilesList;
     });
   }, [setFiles]);
-  var onChangeProgress = React__default["default"].useCallback(function (idx) {
+  var onChangeProgress = react.useCallback(function (idx) {
     return function () {
       var newProgress = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       onChangeFile(idx, {
@@ -1370,7 +1368,7 @@ function useUploadFiles(_ref3) {
       });
     };
   }, [onChangeFile]);
-  var onChangeMetadata = React__default["default"].useCallback(function (idx) {
+  var onChangeMetadata = react.useCallback(function (idx) {
     return function () {
       var newMetadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       onChangeFile(idx, {
@@ -1378,14 +1376,14 @@ function useUploadFiles(_ref3) {
       });
     };
   }, [onChangeFile]);
-  var onUpload = React__default["default"].useCallback(function (uploadProps) {
+  var onUpload = react.useCallback(function (uploadProps) {
     return files.reduce(function (previousPromise, thisFile, idx) {
       return previousPromise.then(function (res) {
         if (thisFile.progress) {
           return previousPromise;
         }
 
-        return handleUploadFile(_objectSpread$e(_objectSpread$e({
+        return handleUploadFile(_objectSpread$h(_objectSpread$h({
           file: thisFile.file,
           onProgress: onChangeProgress(idx),
           metadata: thisFile.metadata
@@ -1395,14 +1393,14 @@ function useUploadFiles(_ref3) {
       });
     }, Promise.resolve([]));
   }, [files, handleUploadFile, onChangeProgress, props]);
-  var onRemoveFile = React__default["default"].useCallback(function (idx) {
+  var onRemoveFile = react.useCallback(function (idx) {
     return function () {
       setFiles(_toConsumableArray__default["default"](files).filter(function (_, i) {
         return i !== idx;
       }));
     };
   }, [setFiles, files]);
-  var onRemoveFiles = React__default["default"].useCallback(function (idxs) {
+  var onRemoveFiles = react.useCallback(function (idxs) {
     return function () {
       setFiles(_toConsumableArray__default["default"](files).filter(function (_, i) {
         return !idxs.includes(i);
@@ -1431,8 +1429,8 @@ function useQueryInitialState(_ref) {
       queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName,
       _ref$defaultState = _ref.defaultState,
       defaultState = _ref$defaultState === void 0 ? undefined : _ref$defaultState;
-  var defaultStateRef = React__default["default"].useRef(defaultState);
-  var queryState = React__default["default"].useMemo(function () {
+  var defaultStateRef = react.useRef(defaultState);
+  var queryState = react.useMemo(function () {
     var _ref2 = history || {},
         _ref2$location = _ref2.location,
         location = _ref2$location === void 0 ? propLocation : _ref2$location;
@@ -1476,7 +1474,7 @@ function useUpdateQueryState(_ref) {
       state = _ref.state,
       _ref$queryName = _ref.queryName,
       queryName = _ref$queryName === void 0 ? 'q' : _ref$queryName;
-  var onSearchStateChange = React__default["default"].useCallback(function () {
+  var onSearchStateChange = react.useCallback(function () {
     var _ref2 = history || {},
         _ref2$location = _ref2.location,
         location = _ref2$location === void 0 ? propLocation : _ref2$location;
@@ -1503,9 +1501,9 @@ function useUpdateQueryState(_ref) {
 var _excluded$6 = ["accessId"],
     _excluded2$2 = ["accessControlDocument"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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,
@@ -1517,29 +1515,29 @@ var useEntityAccess = function useEntityAccess(_ref) {
       accessControlList = _useApi$data === void 0 ? {} : _useApi$data,
       isLoading = _useApi.isLoading;
 
-  var onList = React.useCallback(function () {
+  var onList = react.useCallback(function () {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return listEntityAccess(_objectSpread$d({
+    return listEntityAccess(_objectSpread$g({
       entityId: entityId,
       entityType: entityType
     }, props));
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [entityId, entityType]);
-  var onRemove = React.useCallback(function (_ref2) {
+  var onRemove = react.useCallback(function (_ref2) {
     var accessId = _ref2.accessId,
         props = _objectWithoutProperties__default["default"](_ref2, _excluded$6);
 
-    return vdtApi.access.removeEntityAccess(_objectSpread$d({
+    return vdtApi.access.removeEntityAccess(_objectSpread$g({
       accessId: accessId,
       entityId: entityId,
       entityType: entityType
     }, props));
   }, [entityId, entityType]);
-  var onAdd = React.useCallback(function (_ref3) {
+  var onAdd = react.useCallback(function (_ref3) {
     var accessControlDocument = _ref3.accessControlDocument,
         props = _objectWithoutProperties__default["default"](_ref3, _excluded2$2);
 
-    return vdtApi.access.createEntityAccess(_objectSpread$d({
+    return vdtApi.access.createEntityAccess(_objectSpread$g({
       entityType: entityType,
       entityId: entityId,
       accessControlDocument: accessControlDocument
@@ -1559,9 +1557,9 @@ var _excluded$5 = ["name"],
     _excluded3 = ["name", "field", "group"],
     _excluded4 = ["label"];
 
-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 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$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__default["default"](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 _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__default["default"](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] : {},
@@ -1638,20 +1636,20 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
       _ref5$groupQueryParam = _ref5.groupQueryParams,
       groupQueryParams = _ref5$groupQueryParam === void 0 ? {} : _ref5$groupQueryParam;
 
-  var _React$useState = React__default["default"].useState(false),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      isLoading = _React$useState2[0],
-      setIsLoading = _React$useState2[1];
+  var _useState = react.useState(false),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
 
-  var _React$useState3 = React__default["default"].useState(fields),
-      _React$useState4 = _slicedToArray__default["default"](_React$useState3, 2),
-      fieldsWithAttributes = _React$useState4[0],
-      setFieldsWithAttributes = _React$useState4[1];
+  var _useState3 = react.useState(fields),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      fieldsWithAttributes = _useState4[0],
+      setFieldsWithAttributes = _useState4[1];
 
-  var _React$useState5 = React__default["default"].useState(groups),
-      _React$useState6 = _slicedToArray__default["default"](_React$useState5, 2),
-      groupsWithAttributes = _React$useState6[0],
-      setGroupsWithAttributes = _React$useState6[1];
+  var _useState5 = react.useState(groups),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      groupsWithAttributes = _useState6[0],
+      setGroupsWithAttributes = _useState6[1];
 
   useDeepCompareEffect__default["default"](function () {
     var addFieldAttributes = function addFieldAttributes() {
@@ -1667,7 +1665,7 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
             label = _getDataAttributes.label,
             dataAttributes = _objectWithoutProperties__default["default"](_getDataAttributes, _excluded2$1);
 
-        return _objectSpread$c(_objectSpread$c({
+        return _objectSpread$f(_objectSpread$f({
           name: name,
           label: label || name,
           type: fieldAttributes.type,
@@ -1695,7 +1693,7 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
             label = _getDataAttributes2.label,
             dataAttributes = _objectWithoutProperties__default["default"](_getDataAttributes2, _excluded4);
 
-        return _objectSpread$c(_objectSpread$c({
+        return _objectSpread$f(_objectSpread$f({
           name: name,
           label: label || name,
           order: getValueFromData(groupAttributes, 'order'),
@@ -1725,7 +1723,7 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
                 fieldPromises = [];
 
                 if (fields) {
-                  queryParams = _objectSpread$c(_objectSpread$c({}, fieldQueryParams), {}, {
+                  queryParams = _objectSpread$f(_objectSpread$f({}, fieldQueryParams), {}, {
                     data: fieldDataToInclude
                   });
                   fieldPromises = fields.map( /*#__PURE__*/function () {
@@ -1775,7 +1773,7 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
 
                 if (groups) {
                   groupsToFetch = _toConsumableArray__default["default"](groups);
-                  _queryParams = _objectSpread$c(_objectSpread$c({}, groupQueryParams), {}, {
+                  _queryParams = _objectSpread$f(_objectSpread$f({}, groupQueryParams), {}, {
                     data: groupDataToInclude
                   });
                   groupPromises = groupsToFetch.map( /*#__PURE__*/function () {
@@ -1805,7 +1803,7 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
 
                                 if (dataValues) {
                                   var jsonValues = convertValuesXmlToJson(dataValues.value);
-                                  fieldsAttributes[f.name] = _objectSpread$c(_objectSpread$c({}, f), {}, {
+                                  fieldsAttributes[f.name] = _objectSpread$f(_objectSpread$f({}, f), {}, {
                                     values: jsonValues
                                   });
                                 }
@@ -1895,9 +1893,9 @@ var useAddMetadataFieldAttributes = function useAddMetadataFieldAttributes(_ref5
 
 var _excluded$4 = ["setItemSearchDocument"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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
 
@@ -1919,7 +1917,7 @@ function saveSearch(_ref) {
     var library = _ref2.data.library;
     return vdtApi.collection.createCollection({
       collectionDocument: {
-        metadata: markerField ? vdtJs.createMetadataType(_objectSpread$b(_defineProperty__default["default"]({}, markerField, markerValue || library), metadata)) : metadata,
+        metadata: markerField ? vdtJs.createMetadataType(_objectSpread$e(_defineProperty__default["default"]({}, markerField, markerValue || library), metadata)) : metadata,
         content: [{
           id: library,
           type: 'library'
@@ -2003,7 +2001,7 @@ function useSavedSearch(_ref11) {
       onUpdateSearchMetadata = _ref11$onUpdateSearch === void 0 ? vdtApi.collection.updateCollectionMetadata : _ref11$onUpdateSearch,
       _ref11$onGetSavedSear = _ref11.onGetSavedSearchSettings,
       onGetSavedSearchSettings = _ref11$onGetSavedSear === void 0 ? getSavedSearchSettings : _ref11$onGetSavedSear;
-  var saveSearchWithMarker = React__default["default"].useCallback(function (_ref12) {
+  var saveSearchWithMarker = react.useCallback(function (_ref12) {
     var metadata = _ref12.metadata,
         itemSearchDocument = _ref12.itemSearchDocument;
     return onSaveSearch({
@@ -2016,7 +2014,7 @@ function useSavedSearch(_ref11) {
 
   var mergeMarkerField = function mergeMarkerField() {
     var itemSearchDocument = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return _objectSpread$b(_objectSpread$b({}, itemSearchDocument), {}, {
+    return _objectSpread$e(_objectSpread$e({}, itemSearchDocument), {}, {
       operator: {
         field: [{
           name: markerField,
@@ -2030,7 +2028,7 @@ function useSavedSearch(_ref11) {
     });
   };
 
-  var searchProps = useSearch(_objectSpread$b(_objectSpread$b({}, initialSearchState), {}, {
+  var searchProps = useSearch(_objectSpread$e(_objectSpread$e({}, initialSearchState), {}, {
     itemSearchDocument: mergeMarkerField()
   }));
 
@@ -2042,7 +2040,7 @@ function useSavedSearch(_ref11) {
     onDeleteSearch: onDeleteSearch,
     onUpdateSearchMetadata: onUpdateSearchMetadata,
     onGetSavedSearchSettings: onGetSavedSearchSettings,
-    searchProps: _objectSpread$b({
+    searchProps: _objectSpread$e({
       setItemSearchDocument: function setItemSearchDocument(itemSearchDocument) {
         return _setItemSearchDocument(mergeMarkerField(itemSearchDocument));
       }
@@ -2082,15 +2080,15 @@ function useSearchItem(_ref) {
 }
 
 var useMouseDownPosition = function useMouseDownPosition() {
-  var _React$useState = React__default["default"].useState({
+  var _useState = react.useState({
     x: 0,
     y: 0
   }),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      position = _React$useState2[0],
-      setPosition = _React$useState2[1];
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      position = _useState2[0],
+      setPosition = _useState2[1];
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     var setFromEvent = function setFromEvent(e) {
       return setPosition({
         x: e.clientX,
@@ -2168,9 +2166,9 @@ function useGetCollection(_ref) {
 
 var _excluded$3 = ["request", "data"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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
@@ -2217,15 +2215,15 @@ var useGetEntity = function useGetEntity(_ref) {
       data = _useApi.data,
       apiProps = _objectWithoutProperties__default["default"](_useApi, _excluded$3);
 
-  var onGetEntity = React__default["default"].useCallback(function (props) {
-    return request(_objectSpread$a(_defineProperty__default["default"]({}, entityTypeId, entityId), props));
+  var onGetEntity = react.useCallback(function (props) {
+    return request(_objectSpread$d(_defineProperty__default["default"]({}, entityTypeId, entityId), props));
   }, [entityId, entityTypeId, request]);
-  return _objectSpread$a((_objectSpread3 = {}, _defineProperty__default["default"](_objectSpread3, dataType, data), _defineProperty__default["default"](_objectSpread3, entityTypeId, entityId), _defineProperty__default["default"](_objectSpread3, "onGetEntity", onGetEntity), _objectSpread3), apiProps);
+  return _objectSpread$d((_objectSpread3 = {}, _defineProperty__default["default"](_objectSpread3, dataType, data), _defineProperty__default["default"](_objectSpread3, entityTypeId, entityId), _defineProperty__default["default"](_objectSpread3, "onGetEntity", onGetEntity), _objectSpread3), apiProps);
 };
 
-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 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$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__default["default"](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 _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__default["default"](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(vdtApi.user.getUser, {
     data: initialState
@@ -2236,15 +2234,15 @@ function useUser(initialState) {
   var _ref = userType || {},
       userName = _ref.userName;
 
-  var getUser = React__default["default"].useCallback(function () {
+  var getUser = react.useCallback(function () {
     return request({
       userName: userName
     });
   }, [request, userName]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (userName) getUser();
   }, [getUser, userName]);
-  var updateUser = React__default["default"].useCallback(function (_ref2) {
+  var updateUser = react.useCallback(function (_ref2) {
     var userDocument = _ref2.userDocument;
     return vdtApi.user.updateUser({
       userName: userName,
@@ -2255,7 +2253,7 @@ function useUser(initialState) {
       });
     });
   }, [request, userName]);
-  var updateUserGroups = React__default["default"].useCallback(function (_ref3) {
+  var updateUserGroups = react.useCallback(function (_ref3) {
     var _ref3$groups = _ref3.groups,
         groups = _ref3$groups === void 0 ? [] : _ref3$groups;
     return vdtApi.user.updateUserGroup({
@@ -2269,13 +2267,13 @@ function useUser(initialState) {
       }
     }).then(getUser);
   }, [getUser, userName]);
-  var removeUserFromGroup = React__default["default"].useCallback(function (groupName) {
+  var removeUserFromGroup = react.useCallback(function (groupName) {
     return vdtApi.group.removeGroupUser({
       groupName: groupName,
       userName: userName
     }).then(getUser);
   }, [getUser, userName]);
-  var changePassword = React__default["default"].useCallback(function (password) {
+  var changePassword = react.useCallback(function (password) {
     return vdtApi.user.updateUser({
       userName: userName,
       userDocument: {
@@ -2294,20 +2292,20 @@ function useUser(initialState) {
 
     return vdtApi.user.disableUser({
       userName: userName,
-      queryParams: _objectSpread$9({
+      queryParams: _objectSpread$c({
         hard: true
       }, queryParams)
     });
   };
 
   var disableUser = function disableUser(args) {
-    return vdtApi.user.disableUser(_objectSpread$9({
+    return vdtApi.user.disableUser(_objectSpread$c({
       userName: userName
     }, args)).then(getUser);
   };
 
   var enableUser = function enableUser(args) {
-    return vdtApi.user.enableUser(_objectSpread$9({
+    return vdtApi.user.enableUser(_objectSpread$c({
       userName: userName
     }, args)).then(getUser);
   };
@@ -2325,9 +2323,9 @@ function useUser(initialState) {
   };
 }
 
-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 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$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__default["default"](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 _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__default["default"](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';
 var CHANGE_SORT$1 = 'CHANGE_SORT';
@@ -2349,7 +2347,7 @@ var setInitialDefaultState$1 = function setInitialDefaultState() {
       page = _ref$page === void 0 ? 0 : _ref$page;
 
   return {
-    queryParams: _objectSpread$8({
+    queryParams: _objectSpread$b({
       first: page * rowsPerPage + 1,
       number: rowsPerPage
     }, queryParams),
@@ -2371,9 +2369,9 @@ var searchReducer$1 = function searchReducer(state, action) {
     case ACTION_TYPE$1.CHANGE_PAGE:
       {
         var page = action.page;
-        return _objectSpread$8(_objectSpread$8({}, state), {}, {
+        return _objectSpread$b(_objectSpread$b({}, state), {}, {
           page: page,
-          queryParams: _objectSpread$8(_objectSpread$8({}, state.queryParams), {}, {
+          queryParams: _objectSpread$b(_objectSpread$b({}, state.queryParams), {}, {
             first: page * state.rowsPerPage + 1
           })
         });
@@ -2382,10 +2380,10 @@ var searchReducer$1 = function searchReducer(state, action) {
     case ACTION_TYPE$1.CHANGE_ROWS:
       {
         var rowsPerPage = action.rowsPerPage;
-        return _objectSpread$8(_objectSpread$8({}, state), {}, {
+        return _objectSpread$b(_objectSpread$b({}, state), {}, {
           rowsPerPage: rowsPerPage,
           page: 0,
-          queryParams: _objectSpread$8(_objectSpread$8({}, state.queryParams), {}, {
+          queryParams: _objectSpread$b(_objectSpread$b({}, state.queryParams), {}, {
             first: 1,
             number: rowsPerPage
           })
@@ -2394,15 +2392,15 @@ var searchReducer$1 = function searchReducer(state, action) {
 
     case ACTION_TYPE$1.CHANGE_QUERY:
       {
-        return _objectSpread$8(_objectSpread$8({}, state), {}, {
+        return _objectSpread$b(_objectSpread$b({}, state), {}, {
           page: 0,
-          userSearchDocument: _objectSpread$8(_objectSpread$8({}, state.userSearchDocument), {}, {
+          userSearchDocument: _objectSpread$b(_objectSpread$b({}, state.userSearchDocument), {}, {
             field: [{
               name: action.field || 'username',
               value: action.query || ''
             }]
           }),
-          queryParams: _objectSpread$8(_objectSpread$8({}, state.queryParams), {}, {
+          queryParams: _objectSpread$b(_objectSpread$b({}, state.queryParams), {}, {
             first: 1
           })
         });
@@ -2416,10 +2414,10 @@ var searchReducer$1 = function searchReducer(state, action) {
 function useSearchUser(initialState) {
   var initialDefaultState = setInitialDefaultState$1(initialState);
 
-  var _React$useReducer = React__default["default"].useReducer(searchReducer$1, initialDefaultState),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+  var _useReducer = react.useReducer(searchReducer$1, initialDefaultState),
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
   var _useApi = useApi(vdtApi.user.searchUser),
       userListDocument = _useApi.data,
@@ -2434,7 +2432,7 @@ function useSearchUser(initialState) {
     });
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onSearchUser(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.queryParams, state.userSearchDocument]);
 
@@ -2473,7 +2471,7 @@ function useSearchUser(initialState) {
     });
   };
 
-  return _objectSpread$8(_objectSpread$8({}, state), {}, {
+  return _objectSpread$b(_objectSpread$b({}, state), {}, {
     hasLoaded: hasLoaded,
     isError: isError,
     userListDocument: userListDocument,
@@ -2496,7 +2494,7 @@ var useListGroup = function useListGroup(args) {
     return request(args);
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [args]);
   return {
@@ -2517,7 +2515,7 @@ var useListUser = function useListUser(args) {
     return request(args);
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [args]);
   return {
@@ -2527,9 +2525,9 @@ var useListUser = function useListUser(args) {
   };
 };
 
-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 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$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__default["default"](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 _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__default["default"](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';
 var CHANGE_SORT = 'CHANGE_SORT';
@@ -2553,7 +2551,7 @@ var setInitialDefaultState = function setInitialDefaultState() {
       page = _ref$page === void 0 ? 0 : _ref$page;
 
   return {
-    queryParams: _objectSpread$7({
+    queryParams: _objectSpread$a({
       first: page * rowsPerPage + 1,
       number: rowsPerPage
     }, queryParams),
@@ -2570,9 +2568,9 @@ var searchReducer = function searchReducer(state, action) {
     case ACTION_TYPE.CHANGE_PAGE:
       {
         var page = action.page;
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
+        return _objectSpread$a(_objectSpread$a({}, state), {}, {
           page: page,
-          queryParams: _objectSpread$7(_objectSpread$7({}, state.queryParams), {}, {
+          queryParams: _objectSpread$a(_objectSpread$a({}, state.queryParams), {}, {
             first: page * state.rowsPerPage + 1
           })
         });
@@ -2581,10 +2579,10 @@ var searchReducer = function searchReducer(state, action) {
     case ACTION_TYPE.CHANGE_ROWS:
       {
         var rowsPerPage = action.rowsPerPage;
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
+        return _objectSpread$a(_objectSpread$a({}, state), {}, {
           rowsPerPage: rowsPerPage,
           page: 0,
-          queryParams: _objectSpread$7(_objectSpread$7({}, state.queryParams), {}, {
+          queryParams: _objectSpread$a(_objectSpread$a({}, state.queryParams), {}, {
             first: 1,
             number: rowsPerPage
           })
@@ -2595,9 +2593,9 @@ var searchReducer = function searchReducer(state, action) {
       {
         var hideRoles = action.hideRoles;
         var role = hideRoles === true ? false : undefined;
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
+        return _objectSpread$a(_objectSpread$a({}, state), {}, {
           page: 0,
-          queryParams: _objectSpread$7(_objectSpread$7({}, state.queryParams), {}, {
+          queryParams: _objectSpread$a(_objectSpread$a({}, state.queryParams), {}, {
             first: 1,
             role: role
           })
@@ -2606,15 +2604,15 @@ var searchReducer = function searchReducer(state, action) {
 
     case ACTION_TYPE.CHANGE_QUERY:
       {
-        return _objectSpread$7(_objectSpread$7({}, state), {}, {
+        return _objectSpread$a(_objectSpread$a({}, state), {}, {
           page: 0,
-          groupSearchDocument: _objectSpread$7(_objectSpread$7({}, state.groupSearchDocument), {}, {
+          groupSearchDocument: _objectSpread$a(_objectSpread$a({}, state.groupSearchDocument), {}, {
             field: [{
               name: action.field || 'groupname',
               value: action.query || ''
             }]
           }),
-          queryParams: _objectSpread$7(_objectSpread$7({}, state.queryParams), {}, {
+          queryParams: _objectSpread$a(_objectSpread$a({}, state.queryParams), {}, {
             first: 1
           })
         });
@@ -2628,10 +2626,10 @@ var searchReducer = function searchReducer(state, action) {
 function useSearchGroup(initialState) {
   var initialDefaultState = setInitialDefaultState(initialState);
 
-  var _React$useReducer = React__default["default"].useReducer(searchReducer, initialDefaultState),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+  var _useReducer = react.useReducer(searchReducer, initialDefaultState),
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
   var _useApi = useApi(vdtApi.group.searchGroup),
       groupListDocument = _useApi.data,
@@ -2646,7 +2644,7 @@ function useSearchGroup(initialState) {
     });
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onSearchGroup(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.queryParams, state.groupSearchDocument]);
 
@@ -2693,7 +2691,7 @@ function useSearchGroup(initialState) {
     });
   };
 
-  return _objectSpread$7(_objectSpread$7({}, state), {}, {
+  return _objectSpread$a(_objectSpread$a({}, state), {}, {
     hasLoaded: hasLoaded,
     isError: isError,
     groupListDocument: groupListDocument,
@@ -2716,22 +2714,22 @@ function useGroup(initialState) {
   var _ref = groupType || {},
       groupName = _ref.groupName;
 
-  var getGroup = React__default["default"].useCallback(function () {
+  var getGroup = react.useCallback(function () {
     return request({
       groupName: groupName
     });
   }, [request, groupName]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (groupName) getGroup();
   }, [getGroup, groupName]);
-  var updateGroup = React__default["default"].useCallback(function (_ref2) {
+  var updateGroup = react.useCallback(function (_ref2) {
     var groupDocument = _ref2.groupDocument;
     return vdtApi.group.updateGroup({
       groupName: groupName,
       groupDocument: groupDocument
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var addChildGroups = React__default["default"].useCallback(function (_ref3) {
+  var addChildGroups = react.useCallback(function (_ref3) {
     var groups = _ref3.groups;
     return vdtApi.group.updateGroup({
       groupName: groupName,
@@ -2746,7 +2744,7 @@ function useGroup(initialState) {
       }
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var addParentGroups = React__default["default"].useCallback(function (_ref4) {
+  var addParentGroups = react.useCallback(function (_ref4) {
     var groups = _ref4.groups;
     return vdtApi.group.updateGroup({
       groupName: groupName,
@@ -2761,7 +2759,7 @@ function useGroup(initialState) {
       }
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var addUsersToGroup = React__default["default"].useCallback(function (_ref5) {
+  var addUsersToGroup = react.useCallback(function (_ref5) {
     var users = _ref5.users;
     return vdtApi.group.updateGroup({
       groupName: groupName,
@@ -2776,25 +2774,25 @@ function useGroup(initialState) {
       }
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var removeUserFromGroup = React__default["default"].useCallback(function (userName) {
+  var removeUserFromGroup = react.useCallback(function (userName) {
     return vdtApi.group.removeGroupUser({
       groupName: groupName,
       userName: userName
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var removeChildGroup = React__default["default"].useCallback(function (childGroupName) {
+  var removeChildGroup = react.useCallback(function (childGroupName) {
     return vdtApi.group.removeGroupChildren({
       groupName: groupName,
       childGroupName: childGroupName
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var removeFromParentGroup = React__default["default"].useCallback(function (parentGroupName) {
+  var removeFromParentGroup = react.useCallback(function (parentGroupName) {
     return vdtApi.group.removeGroupChildren({
       groupName: parentGroupName,
       childGroupName: groupName
     }).then(getGroup);
   }, [getGroup, groupName]);
-  var removeGroup = React__default["default"].useCallback(function () {
+  var removeGroup = react.useCallback(function () {
     return vdtApi.group.removeGroup({
       groupName: groupName
     });
@@ -2850,15 +2848,15 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
       _ref$defaultEnabled = _ref.defaultEnabled,
       defaultEnabled = _ref$defaultEnabled === void 0 ? true : _ref$defaultEnabled;
 
-  var _React$useState = React__default["default"].useState(),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      nextPlaying = _React$useState2[0],
-      setNextPlaying = _React$useState2[1];
+  var _useState = react.useState(),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      nextPlaying = _useState2[0],
+      setNextPlaying = _useState2[1];
 
-  var _React$useState3 = React__default["default"].useState(defaultEnabled),
-      _React$useState4 = _slicedToArray__default["default"](_React$useState3, 2),
-      isAutoPlayEnabled = _React$useState4[0],
-      setIsAutoPlayEnabled = _React$useState4[1];
+  var _useState3 = react.useState(defaultEnabled),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      isAutoPlayEnabled = _useState4[0],
+      setIsAutoPlayEnabled = _useState4[1];
 
   var toggleAutoPlay = function toggleAutoPlay(newValue) {
     return setIsAutoPlayEnabled(function (prevValue) {
@@ -2866,10 +2864,10 @@ var useCollectionAutoPlay = function useCollectionAutoPlay(_ref) {
     });
   };
 
-  var allItemsRef = React__default["default"].useRef();
-  var orderItemsRef = React__default["default"].useRef();
-  var hitsRef = React__default["default"].useRef();
-  var onNext = React__default["default"].useCallback(function (_ref2) {
+  var allItemsRef = react.useRef();
+  var orderItemsRef = react.useRef();
+  var hitsRef = react.useRef();
+  var onNext = react.useCallback(function (_ref2) {
     var itemId = _ref2.itemId;
     if (isAutoPlayEnabled === false) return;
     var searchDocument = {
@@ -3021,37 +3019,37 @@ function useHoverScrub() {
   var durationSeconds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   var getThumbnailTimeCodes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultGetThumbnailTimeCodes;
 
-  var _React$useState = React__default["default"].useState(0),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      scrubPosition = _React$useState2[0],
-      setScrubPosition = _React$useState2[1];
-
-  var _React$useState3 = React__default["default"].useState(0),
-      _React$useState4 = _slicedToArray__default["default"](_React$useState3, 2),
-      thumbnailIndex = _React$useState4[0],
-      setThumbnailIndex = _React$useState4[1];
-
-  var _React$useState5 = React__default["default"].useState(false),
-      _React$useState6 = _slicedToArray__default["default"](_React$useState5, 2),
-      showScrub = _React$useState6[0],
-      setShowScrub = _React$useState6[1];
-
-  var _React$useState7 = React__default["default"].useState([]),
-      _React$useState8 = _slicedToArray__default["default"](_React$useState7, 2),
-      thumbnailTimeCodeArray = _React$useState8[0],
-      setThumbnailTimeCodeArray = _React$useState8[1];
-
-  var _React$useState9 = React__default["default"].useState(),
-      _React$useState10 = _slicedToArray__default["default"](_React$useState9, 2),
-      thumbnailTimeCode = _React$useState10[0],
-      setThumbnailTimeCode = _React$useState10[1];
-
-  var _React$useState11 = React__default["default"].useState(0),
-      _React$useState12 = _slicedToArray__default["default"](_React$useState11, 2),
-      thumbnailWidth = _React$useState12[0],
-      setThumbnailWidth = _React$useState12[1];
-
-  var debouncedSetNewThumbnail = React__default["default"].useRef(_debounce__default["default"](function (val) {
+  var _useState = react.useState(0),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      scrubPosition = _useState2[0],
+      setScrubPosition = _useState2[1];
+
+  var _useState3 = react.useState(0),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      thumbnailIndex = _useState4[0],
+      setThumbnailIndex = _useState4[1];
+
+  var _useState5 = react.useState(false),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      showScrub = _useState6[0],
+      setShowScrub = _useState6[1];
+
+  var _useState7 = react.useState([]),
+      _useState8 = _slicedToArray__default["default"](_useState7, 2),
+      thumbnailTimeCodeArray = _useState8[0],
+      setThumbnailTimeCodeArray = _useState8[1];
+
+  var _useState9 = react.useState(),
+      _useState10 = _slicedToArray__default["default"](_useState9, 2),
+      thumbnailTimeCode = _useState10[0],
+      setThumbnailTimeCode = _useState10[1];
+
+  var _useState11 = react.useState(0),
+      _useState12 = _slicedToArray__default["default"](_useState11, 2),
+      thumbnailWidth = _useState12[0],
+      setThumbnailWidth = _useState12[1];
+
+  var debouncedSetNewThumbnail = react.useRef(_debounce__default["default"](function (val) {
     setThumbnailIndex(val);
   }, 10)).current;
 
@@ -3063,7 +3061,7 @@ function useHoverScrub() {
     }
   };
 
-  var getMouseElementPosition = React__default["default"].useCallback(function (e) {
+  var getMouseElementPosition = react.useCallback(function (e) {
     var mouseElementPosition = e.clientX - getOffsetLeft(e.currentTarget) - customOffset;
     var elementWidth = e.currentTarget.offsetWidth;
 
@@ -3142,9 +3140,9 @@ function useHoverScrub() {
   };
 }
 
-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 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$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__default["default"](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 _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__default["default"](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,
@@ -3159,12 +3157,12 @@ function useDocSearchAutocomplete(_ref) {
       _ref$apiCall = _ref.apiCall,
       apiCall = _ref$apiCall === void 0 ? vdtApi.item.searchItem : _ref$apiCall;
 
-  var _React$useState = React__default["default"].useState(''),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      textValue = _React$useState2[0],
-      setTextValue = _React$useState2[1];
+  var _useState = react.useState(''),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      textValue = _useState2[0],
+      setTextValue = _useState2[1];
 
-  var handleAutocompleteChange = React__default["default"].useRef(_debounce__default["default"](setTextValue, debounceTime)).current;
+  var handleAutocompleteChange = react.useRef(_debounce__default["default"](setTextValue, debounceTime)).current;
 
   var _useApi = useApi(apiCall),
       _useApi$data = _useApi.data;
@@ -3181,7 +3179,7 @@ function useDocSearchAutocomplete(_ref) {
   useDeepCompareEffect__default["default"](function () {
     if (searchDoc && textValue && textValue.length >= triggerLength) {
       request({
-        body: _objectSpread$6(_objectSpread$6({}, searchDoc), {}, {
+        body: _objectSpread$9(_objectSpread$9({}, searchDoc), {}, {
           suggestion: suggestionSettings,
           autocomplete: [{
             text: textValue
@@ -3190,7 +3188,7 @@ function useDocSearchAutocomplete(_ref) {
             value: textValue
           }]
         }),
-        queryParams: _objectSpread$6({
+        queryParams: _objectSpread$9({
           count: false,
           number: 0
         }, queryParams)
@@ -3260,22 +3258,22 @@ function useGetSavedSearchFolders(_ref) {
   } : _ref$markerProps,
       expand = _ref.expand;
 
-  var _React$useState = React__default["default"].useState(childFolders),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      currentFolders = _React$useState2[0],
-      setCurrentFolders = _React$useState2[1];
+  var _useState = react.useState(childFolders),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      currentFolders = _useState2[0],
+      setCurrentFolders = _useState2[1];
 
-  var _React$useState3 = React__default["default"].useState([]),
-      _React$useState4 = _slicedToArray__default["default"](_React$useState3, 2),
-      subFolders = _React$useState4[0],
-      setSubFolders = _React$useState4[1];
+  var _useState3 = react.useState([]),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      subFolders = _useState4[0],
+      setSubFolders = _useState4[1];
 
-  var _React$useState5 = React__default["default"].useState(),
-      _React$useState6 = _slicedToArray__default["default"](_React$useState5, 2),
-      errors = _React$useState6[0],
-      setErrors = _React$useState6[1];
+  var _useState5 = react.useState(),
+      _useState6 = _slicedToArray__default["default"](_useState5, 2),
+      errors = _useState6[0],
+      setErrors = _useState6[1];
 
-  var getSubFolders = React__default["default"].useCallback(function () {
+  var getSubFolders = react.useCallback(function () {
     Promise.all(currentFolders.map( /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(id) {
         var _yield$CollectionApi$, _yield$CollectionApi$2, content, _yield$CollectionApi$3, metadata, field;
@@ -3461,7 +3459,7 @@ function useGetSavedSearchFolders(_ref) {
       getSubFolders();
     }
   }, [currentFolders, expand]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (!expand && typeof expand === 'boolean') {
       setCurrentFolders(function () {
         return subFolders.map(function (folder) {
@@ -3489,10 +3487,10 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
   var collectionId = _ref.collectionId,
       onError = _ref.onError;
 
-  var _React$useState = React__default["default"].useState([]),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      representativeItems = _React$useState2[0],
-      setRepresentativeItems = _React$useState2[1];
+  var _useState = react.useState([]),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      representativeItems = _useState2[0],
+      setRepresentativeItems = _useState2[1];
 
   var asyncGetRepresentativeItems = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
@@ -3626,7 +3624,7 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
     }
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [collectionId]);
   return {
@@ -3637,9 +3635,9 @@ var useRepresentativeItems = function useRepresentativeItems(_ref) {
   };
 };
 
-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 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$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__default["default"](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; }
+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__default["default"](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 = vdtApi.storage.listStorage().then(function (response) {
@@ -3695,7 +3693,7 @@ function defaultOnList(response, storageInfo, queryParams) {
   var newUri = encodeURIComponent(createNewUri());
   return vdtApi.library.getLibraryBatch({
     libraryId: libraryId,
-    queryParams: _objectSpread$5({
+    queryParams: _objectSpread$8({
       destinationUri: newUri
     }, queryParams)
   });
@@ -3795,9 +3793,9 @@ var useCsvDownload = function useCsvDownload(_ref3) {
   };
 };
 
-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 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$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__default["default"](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 _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__default["default"](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;
@@ -3816,7 +3814,7 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
     });
     var newRows = newGroups[groupIndex].group.map(function (newRow, rowIndex) {
       if (rowIndex === editIndex) {
-        return _objectSpread$4(_objectSpread$4({}, row), {}, _defineProperty__default["default"]({}, name, value));
+        return _objectSpread$7(_objectSpread$7({}, row), {}, _defineProperty__default["default"]({}, name, value));
       }
 
       return newRow;
@@ -3914,9 +3912,9 @@ function useCompoundMetadata(itemId, values, groups, groupFields, setGroupFields
 
 var _excluded$2 = ["itemType", "collectionType", "joinValue", "flat", "groupAsList", "children"];
 
-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 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$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__default["default"](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; }
+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__default["default"](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,
@@ -3931,7 +3929,7 @@ function MetadataType(_ref) {
 
   var entityType = itemType || collectionType || {};
   var metadataType = entityType.metadata;
-  var metadata = React__default["default"].useMemo(function () {
+  var metadata = react.useMemo(function () {
     return vdtJs.parseMetadataType(metadataType, {
       joinValue: joinValue,
       flat: flat,
@@ -3939,15 +3937,15 @@ function MetadataType(_ref) {
     });
   }, [flat, groupAsList, joinValue, metadataType]);
 
-  var cloneProps = _objectSpread$3(_objectSpread$3(_objectSpread$3({}, props), metadata), {}, {
+  var cloneProps = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, props), metadata), {}, {
     itemType: itemType
   });
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
@@ -3988,10 +3986,10 @@ function SearchCollection(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 function SearchItem(_ref) {
@@ -4021,10 +4019,10 @@ function SearchItem(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
@@ -4063,10 +4061,10 @@ function SearchItemCollection(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 function GetItem(_ref) {
@@ -4095,10 +4093,10 @@ function GetItem(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 function GetCollectionContent(_ref) {
@@ -4127,10 +4125,10 @@ function GetCollectionContent(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 /* eslint react/prop-types: "off" */
@@ -4166,10 +4164,10 @@ function GetJobs(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 function ListEntityAccess(_ref) {
@@ -4192,7 +4190,7 @@ function ListEntityAccess(_ref) {
     });
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [entityId, entityType, queryParams]);
   var cloneProps = {
@@ -4205,18 +4203,18 @@ function ListEntityAccess(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](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 (_React$Component) {
-  _inherits__default["default"](VidispineApi, _React$Component);
+var VidispineApi = /*#__PURE__*/function (_Component) {
+  _inherits__default["default"](VidispineApi, _Component);
 
   var _super = _createSuper$1(VidispineApi);
 
@@ -4306,17 +4304,21 @@ var VidispineApi = /*#__PURE__*/function (_React$Component) {
       };
 
       var cloneChild = function cloneChild(child) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+        return /*#__PURE__*/react.cloneElement(child, cloneProps);
       };
 
-      return React__default["default"].Children.map(children, cloneChild);
+      return react.Children.map(children, cloneChild);
     }
   }]);
 
   return VidispineApi;
-}(React__default["default"].Component);
+}(react.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__default["default"](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';
@@ -4431,18 +4433,19 @@ function Auth(_ref4) {
     }
   };
 
-  return token ? /*#__PURE__*/React__default["default"].createElement(VidispineApi, {
+  return token ? /*#__PURE__*/jsxRuntime.jsx(VidispineApi, {
     token: token,
     username: userName,
-    serverUrl: serverUrl
-  }, /*#__PURE__*/React__default["default"].createElement(AppComponent, _extends__default["default"]({
-    onLogout: onLogout
-  }, props, AppProps))) : /*#__PURE__*/React__default["default"].createElement(LoginComponent, _extends__default["default"]({
+    serverUrl: serverUrl,
+    children: /*#__PURE__*/jsxRuntime.jsx(AppComponent, _objectSpread$5(_objectSpread$5({
+      onLogout: onLogout
+    }, props), AppProps))
+  }) : /*#__PURE__*/jsxRuntime.jsx(LoginComponent, _objectSpread$5(_objectSpread$5({
     onLogin: onLogin,
     userName: userName,
     serverUrl: serverUrl,
     rememberMe: rememberMe
-  }, props, LoginProps));
+  }, props), LoginProps));
 }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
@@ -4452,7 +4455,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function ErrorBoundaryComponent(_ref) {
   var error = _ref.error,
       info = _ref.info;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: {
       height: '100%',
       maxHeight: '100vh',
@@ -4460,12 +4463,17 @@ function ErrorBoundaryComponent(_ref) {
       maxWidth: '100vw',
       backgroundColor: 'red',
       color: 'white'
-    }
-  }, error && /*#__PURE__*/React__default["default"].createElement("div", null, error.toString()), info && /*#__PURE__*/React__default["default"].createElement("div", null, info.componentStack));
+    },
+    children: [error && /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: error.toString()
+    }), info && /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: info.componentStack
+    })]
+  });
 }
 
-var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits__default["default"](ErrorBoundary, _React$Component);
+var ErrorBoundary = /*#__PURE__*/function (_Component) {
+  _inherits__default["default"](ErrorBoundary, _Component);
 
   var _super = _createSuper(ErrorBoundary);
 
@@ -4518,7 +4526,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           info = _this$state2.info;
 
       if (hasError) {
-        return /*#__PURE__*/React__default["default"].createElement(ErrorBoundaryComponent, {
+        return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundaryComponent, {
           info: info,
           error: error
         });
@@ -4537,7 +4545,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return ErrorBoundary;
-}(React__default["default"].Component);
+}(react.Component);
 
 /* eslint react/prop-types: "off" */
 function GetFieldGroup(_ref) {
@@ -4558,7 +4566,7 @@ function GetFieldGroup(_ref) {
     });
   };
 
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     onRefresh(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [groupName, queryParams]);
   var cloneProps = {
@@ -4571,13 +4579,13 @@ function GetFieldGroup(_ref) {
   };
 
   var cloneChild = function cloneChild(child) {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, cloneProps);
+    return /*#__PURE__*/react.cloneElement(child, cloneProps);
   };
 
-  return React__default["default"].Children.map(children, cloneChild);
+  return react.Children.map(children, cloneChild);
 }
 
-var RolesContext = /*#__PURE__*/React__default["default"].createContext();
+var RolesContext = /*#__PURE__*/react.createContext();
 
 function RolesProvider(_ref) {
   var _ref$intialState = _ref.intialState,
@@ -4586,10 +4594,10 @@ function RolesProvider(_ref) {
       knownUserName = _ref.userName,
       children = _ref.children;
 
-  var _React$useState = React__default["default"].useState(intialState),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      groupListType = _React$useState2[0],
-      setGroupListType = _React$useState2[1];
+  var _useState = react.useState(intialState),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      groupListType = _useState2[0],
+      setGroupListType = _useState2[1];
 
   var onGetUserRole = function onGetUserRole() {
     if (knownUserName) {
@@ -4617,14 +4625,15 @@ function RolesProvider(_ref) {
   }; // eslint-disable-next-line react-hooks/exhaustive-deps
 
 
-  React__default["default"].useEffect(onGetUserRole, [knownUserName]);
-  return /*#__PURE__*/React__default["default"].createElement(RolesContext.Provider, {
-    value: groupListType
-  }, children);
+  react.useEffect(onGetUserRole, [knownUserName]);
+  return /*#__PURE__*/jsxRuntime.jsx(RolesContext.Provider, {
+    value: groupListType,
+    children: children
+  });
 }
 
 function useRoles() {
-  var groupListType = React__default["default"].useContext(RolesContext);
+  var groupListType = react.useContext(RolesContext);
 
   if (groupListType === undefined) {
     throw new Error('useRoles must be used within RolesContext');
@@ -4667,15 +4676,15 @@ function HasRole(_ref) {
 
   var checkedRole = hasRole(roleName);
 
-  if ( /*#__PURE__*/React__default["default"].isValidElement(allow) && checkedRole === true) {
+  if ( /*#__PURE__*/react.isValidElement(allow) && checkedRole === true) {
     return allow;
   }
 
-  if ( /*#__PURE__*/React__default["default"].isValidElement(deny) && checkedRole === false) {
+  if ( /*#__PURE__*/react.isValidElement(deny) && checkedRole === false) {
     return deny;
   }
 
-  if ( /*#__PURE__*/React__default["default"].isValidElement(loading) && checkedRole === null) {
+  if ( /*#__PURE__*/react.isValidElement(loading) && checkedRole === null) {
     return loading;
   }
 
@@ -4684,6 +4693,10 @@ function HasRole(_ref) {
 
 var _excluded = ["providers", "children"],
     _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__default["default"](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,
@@ -4692,20 +4705,30 @@ function ComposeProviders(_ref) {
 
   return providers.reduceRight(function (acc, Provider) {
     if (typeof Provider === 'function') {
-      return /*#__PURE__*/React__default["default"].createElement(Provider, props, acc);
+      return /*#__PURE__*/jsxRuntime.jsx(Provider, _objectSpread$4(_objectSpread$4({}, props), {}, {
+        children: acc
+      }));
     }
 
     var ProviderComponent = Provider.provider,
         providerProps = _objectWithoutProperties__default["default"](Provider, _excluded2);
 
-    return /*#__PURE__*/React__default["default"].createElement(ProviderComponent, _extends__default["default"]({}, props, providerProps), acc);
+    return /*#__PURE__*/jsxRuntime.jsx(ProviderComponent, _objectSpread$4(_objectSpread$4(_objectSpread$4({}, props), providerProps), {}, {
+      children: acc
+    }));
   }, children);
 }
 
+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__default["default"](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) {
-    return /*#__PURE__*/React__default["default"].createElement(ErrorBoundary, errorBoundaryProps, /*#__PURE__*/React__default["default"].createElement(WrappedComponent, props));
+    return /*#__PURE__*/jsxRuntime.jsx(ErrorBoundary, _objectSpread$3(_objectSpread$3({}, errorBoundaryProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread$3({}, props))
+    }));
   };
 };
 
@@ -4726,7 +4749,7 @@ 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__default["default"](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__*/React__default["default"].createContext();
+var BinContext = /*#__PURE__*/react.createContext();
 
 var defaultIsUniqueBinItem = function defaultIsUniqueBinItem(bin, _ref) {
   var entityId = _ref.entityId,
@@ -4785,17 +4808,17 @@ function BinProvider(_ref3) {
       _ref3$isUniqueBinItem = _ref3.isUniqueBinItem,
       isUniqueBinItem = _ref3$isUniqueBinItem === void 0 ? defaultIsUniqueBinItem : _ref3$isUniqueBinItem;
 
-  var _React$useState = React__default["default"].useState(initialState),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      binState = _React$useState2[0],
-      setBinState = _React$useState2[1];
+  var _useState = react.useState(initialState),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      binState = _useState2[0],
+      setBinState = _useState2[1];
 
-  var _React$useState3 = React__default["default"].useState(defaultAllowDuplicates),
-      _React$useState4 = _slicedToArray__default["default"](_React$useState3, 2),
-      allowDuplicates = _React$useState4[0],
-      setAllowDuplicates = _React$useState4[1];
+  var _useState3 = react.useState(defaultAllowDuplicates),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      allowDuplicates = _useState4[0],
+      setAllowDuplicates = _useState4[1];
 
-  var onDelete = React__default["default"].useCallback(function (binIdToDelete) {
+  var onDelete = react.useCallback(function (binIdToDelete) {
     if (!binIdToDelete || !['string', 'number'].includes(_typeof__default["default"](binIdToDelete))) {
       // eslint-disable-next-line no-console
       console.error('BinProvider onDelete called without a binId of the entity to delete');
@@ -4810,7 +4833,7 @@ function BinProvider(_ref3) {
       return newState;
     });
   }, [onChange]);
-  var onEmptyBin = React__default["default"].useCallback(function () {
+  var onEmptyBin = react.useCallback(function () {
     setBinState([]);
     if (onChange) onChange([]);
   }, [onChange]);
@@ -4825,7 +4848,7 @@ function BinProvider(_ref3) {
     }, binObject);
   };
 
-  var handleDrop = React__default["default"].useCallback(function () {
+  var handleDrop = react.useCallback(function () {
     var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         _ref4$dragInfo = _ref4.dragInfo,
         dragInfo = _ref4$dragInfo === void 0 ? {} : _ref4$dragInfo;
@@ -4850,7 +4873,7 @@ function BinProvider(_ref3) {
       return state;
     });
   }, [allowDuplicates, isUniqueBinItem, onChange]);
-  var handleSort = React__default["default"].useCallback(function (_ref5) {
+  var handleSort = react.useCallback(function (_ref5) {
     var dragId = _ref5.dragId,
         hoverId = _ref5.hoverId,
         originalDragIndex = _ref5.originalDragIndex;
@@ -4872,7 +4895,7 @@ function BinProvider(_ref3) {
       return newState;
     });
   }, [binState, onChange]);
-  var contextValue = React__default["default"].useMemo(function () {
+  var contextValue = react.useMemo(function () {
     return {
       setBin: setBinState,
       bin: binState,
@@ -4887,9 +4910,10 @@ function BinProvider(_ref3) {
       onDelete: onDelete
     };
   }, [allowDuplicates, binState, handleDrop, handleSort, onDelete, onEmptyBin]);
-  return /*#__PURE__*/React__default["default"].createElement(BinContext.Provider, {
-    value: contextValue
-  }, children);
+  return /*#__PURE__*/jsxRuntime.jsx(BinContext.Provider, {
+    value: contextValue,
+    children: children
+  });
 }
 
 var propTypes = {exports: {}};
@@ -6000,8 +6024,8 @@ var PropTypes = propTypes.exports;
 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__default["default"](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__*/React__default["default"].createContext();
-var SettingsStateContext = /*#__PURE__*/React__default["default"].createContext();
+var SettingsDispatchContext = /*#__PURE__*/react.createContext();
+var SettingsStateContext = /*#__PURE__*/react.createContext();
 var UPDATE_ALL_SETTINGS = 'UPDATE_ALL_SETTINGS';
 var UPDATE_SETTING = 'UPDATE_SETTING';
 var UPDATE_USERNAME = 'UPDATE_USERNAME';
@@ -6056,16 +6080,16 @@ function SettingsProvider(_ref) {
       getSettingsApi = _ref.getSettingsApi,
       updateSettingsApi = _ref.updateSettingsApi;
 
-  var _React$useReducer = React__default["default"].useReducer(reducer, {
+  var _useReducer = react.useReducer(reducer, {
     settings: initialSettings,
     userName: initialUsername
   }),
-      _React$useReducer2 = _slicedToArray__default["default"](_React$useReducer, 2),
-      state = _React$useReducer2[0],
-      dispatch = _React$useReducer2[1];
+      _useReducer2 = _slicedToArray__default["default"](_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
 
-  var currentSettingsFromServer = React__default["default"].useRef();
-  React__default["default"].useEffect(function () {
+  var currentSettingsFromServer = react.useRef();
+  react.useEffect(function () {
     var userName = state.userName;
     if (!getSettingsApi || !userName) return;
     getSettingsApi({
@@ -6089,7 +6113,7 @@ function SettingsProvider(_ref) {
       }
     }); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.userName]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (onChange) onChange(state.settings);
     var userName = state.userName;
     if (!updateSettingsApi || !userName) return;
@@ -6104,42 +6128,44 @@ function SettingsProvider(_ref) {
     });
     currentSettingsFromServer.current = newValue; // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.settings]);
-  return /*#__PURE__*/React__default["default"].createElement(SettingsStateContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React__default["default"].createElement(SettingsDispatchContext.Provider, {
-    value: dispatch
-  }, children));
+  return /*#__PURE__*/jsxRuntime.jsx(SettingsStateContext.Provider, {
+    value: state,
+    children: /*#__PURE__*/jsxRuntime.jsx(SettingsDispatchContext.Provider, {
+      value: dispatch,
+      children: children
+    })
+  });
 }
 
 var useSettingsState = function useSettingsState() {
-  var state = React__default["default"].useContext(SettingsStateContext);
+  var state = react.useContext(SettingsStateContext);
   if (!state) throw new Error('useSettingsState must be used within SettingsStateContext');
   return state;
 };
 
 var useSettingsDispatch = function useSettingsDispatch() {
-  var dispatch = React__default["default"].useContext(SettingsDispatchContext);
+  var dispatch = react.useContext(SettingsDispatchContext);
   if (!dispatch) throw new Error('useSettingsDispatch must be used within SettingsDispatchContext');
   return dispatch;
 };
 
 var useSettingsActions = function useSettingsActions() {
   var dispatch = useSettingsDispatch();
-  var updateAllSettings = React__default["default"].useCallback(function (settings) {
+  var updateAllSettings = react.useCallback(function (settings) {
     return dispatch({
       type: UPDATE_ALL_SETTINGS,
       settings: settings
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  var updateSetting = React__default["default"].useCallback(function (setting) {
+  var updateSetting = react.useCallback(function (setting) {
     return dispatch({
       type: UPDATE_SETTING,
       setting: setting
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  var updateUsername = React__default["default"].useCallback(function (userName) {
+  var updateUsername = react.useCallback(function (userName) {
     return dispatch({
       type: UPDATE_USERNAME,
       userName: userName
@@ -6147,7 +6173,7 @@ var useSettingsActions = function useSettingsActions() {
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   []); // eslint-disable-next-line react-hooks/exhaustive-deps
 
-  var removeSetting = React__default["default"].useCallback(function (key) {
+  var removeSetting = react.useCallback(function (key) {
     return dispatch({
       type: REMOVE_SETTING,
       key: key
@@ -6173,8 +6199,8 @@ var useSettings = function useSettings() {
 };
 
 SettingsProvider.propTypes = {
-  userName: PropTypes.string.isRequired,
-  settingsKey: PropTypes.string.isRequired,
+  userName: PropTypes.string,
+  settingsKey: PropTypes.string,
   children: PropTypes.objectOf(PropTypes.any),
   initialSettings: PropTypes.objectOf(PropTypes.any),
   onChange: PropTypes.func,
@@ -6182,6 +6208,8 @@ SettingsProvider.propTypes = {
   updateSettingsApi: PropTypes.func
 };
 SettingsProvider.defaultProps = {
+  userName: undefined,
+  settingsKey: undefined,
   children: null,
   initialSettings: {},
   onChange: null,
@@ -6249,7 +6277,7 @@ var defaultOnGetToken = function defaultOnGetToken(_ref) {
   }
 };
 
-var AuthContext = /*#__PURE__*/React__default["default"].createContext({
+var AuthContext = /*#__PURE__*/react.createContext({
   serverUrl: null,
   token: null,
   userType: null,
@@ -6291,7 +6319,7 @@ function AuthProvider(_ref3) {
       serverUrl = _cookies$VIDISPINE_SE === void 0 ? propsServerUrl : _cookies$VIDISPINE_SE;
   var rememberMe = cookies[VIDISPINE_REMEMBER_ME] === 'true';
   var maxAge = cookieOptions.maxAge;
-  var onLogin = React__default["default"].useCallback(function (values) {
+  var onLogin = react.useCallback(function (values) {
     var submissionError;
 
     try {
@@ -6317,7 +6345,7 @@ function AuthProvider(_ref3) {
 
     return submissionError;
   }, [cookieOptions, maxAge, onError, onGetToken, onSuccess, setCookie]);
-  var onLogout = React__default["default"].useCallback(function () {
+  var onLogout = react.useCallback(function () {
     removeCookie(VIDISPINE_TOKEN, cookieOptions);
 
     if (!rememberMe) {
@@ -6326,8 +6354,8 @@ function AuthProvider(_ref3) {
       removeCookie(VIDISPINE_REMEMBER_ME, cookieOptions);
     }
   }, [cookieOptions, rememberMe, removeCookie]);
-  var responseInterceptor = React__default["default"].useRef();
-  React__default["default"].useEffect(function () {
+  var responseInterceptor = react.useRef();
+  react.useEffect(function () {
     if (token) {
       if (responseInterceptor.current) vdtApi.utils.defaultClient.interceptors.response.eject(responseInterceptor.current);
       responseInterceptor.current = vdtApi.utils.defaultClient.interceptors.response.use(function (response) {
@@ -6360,7 +6388,7 @@ function AuthProvider(_ref3) {
       if (responseInterceptor.current) vdtApi.utils.defaultClient.interceptors.response.eject(responseInterceptor.current);
     };
   }, [onLogout, onError, token]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (token && userName === undefined) {
       vdtApi.user.whoAmI().then(function (_ref4) {
         var newUserName = _ref4.data;
@@ -6369,18 +6397,18 @@ function AuthProvider(_ref3) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [userName, token]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (token && userName && userType === undefined) getUser({
       userName: userName
     });
   }, [userName, token, userType, getUser, onLogout]);
-  React__default["default"].useEffect(function () {
+  react.useEffect(function () {
     if (token && serverUrl && propsServerUrl && serverUrl !== propsServerUrl) {
       onLogout();
       if (onError) onError(Error(ERROR_SERVER_MISMATCH));
     }
   }, [token, serverUrl, propsServerUrl, onLogout, onError]);
-  var contextValue = React__default["default"].useMemo(function () {
+  var contextValue = react.useMemo(function () {
     return {
       serverUrl: serverUrl,
       token: token,
@@ -6390,13 +6418,15 @@ function AuthProvider(_ref3) {
       onLogout: onLogout
     };
   }, [onLogin, onLogout, serverUrl, token, userName, userType]);
-  return token ? /*#__PURE__*/React__default["default"].createElement(VidispineApi, {
+  return token ? /*#__PURE__*/jsxRuntime.jsx(VidispineApi, {
     token: token,
     username: userName,
-    serverUrl: serverUrl
-  }, /*#__PURE__*/React__default["default"].createElement(AuthContext.Provider, {
-    value: contextValue
-  }, children)) : /*#__PURE__*/React__default["default"].createElement(LoginComponent, _extends__default["default"]({
+    serverUrl: serverUrl,
+    children: /*#__PURE__*/jsxRuntime.jsx(AuthContext.Provider, {
+      value: contextValue,
+      children: children
+    })
+  }) : /*#__PURE__*/jsxRuntime.jsx(LoginComponent, _objectSpread({
     onLogin: onLogin,
     userName: userName,
     serverUrl: serverUrl,
@@ -6432,7 +6462,7 @@ AuthProvider.defaultProps = {
   token: null
 };
 var useAuthContext = function useAuthContext() {
-  var context = React__default["default"].useContext(AuthContext);
+  var context = react.useContext(AuthContext);
 
   if (context === undefined) {
     throw new Error('useAuth must be used within an AuthContext');
@@ -6636,10 +6666,10 @@ function DropArea(_ref) {
       onDragLeaveProp = _ref.onDragLeave,
       style = _ref.style;
 
-  var _React$useState = React__default["default"].useState(0),
-      _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
-      dragCounter = _React$useState2[0],
-      setDragCounter = _React$useState2[1];
+  var _useState = react.useState(0),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      dragCounter = _useState2[0],
+      setDragCounter = _useState2[1];
 
   var _onDrop = function onDrop(e) {
     e.preventDefault();
@@ -6670,7 +6700,7 @@ function DropArea(_ref) {
     if (onDragLeaveProp) onDragLeaveProp(e);
   };
 
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     onDragEnter: function onDragEnter(e) {
       return _onDragEnter(e);
     },
@@ -6683,8 +6713,9 @@ function DropArea(_ref) {
     onDragLeave: function onDragLeave(e) {
       return _onDragLeave(e);
     },
-    style: style
-  }, children);
+    style: style,
+    children: children
+  });
 }
 
 exports.Auth = Auth;