@sunggang/ui-lib 0.2.61 → 0.2.62

package/index.esm2.js

@@ -6482,37 +6482,52 @@ function flatten$2(items) {
     }, []);
 }
 function fromDataTransferItem(item, entry) {
-    var _this = this;
-    var _a;
-    if (typeof item.getAsFileSystemHandle === "function") {
-        return item.getAsFileSystemHandle().then(function(h) {
-            return __awaiter(_this, void 0, void 0, function() {
-                var file;
-                return _ts_generator$2(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            return [
-                                4,
-                                h.getFile()
-                            ];
-                        case 1:
-                            file = _state.sent();
-                            file.handle = h;
-                            return [
-                                2,
-                                toFileWithPath(file)
-                            ];
+    return __awaiter(this, void 0, void 0, function() {
+        var _a, h, file, file1, fwp;
+        return _ts_generator$2(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!(globalThis.isSecureContext && typeof item.getAsFileSystemHandle === "function")) return [
+                        3,
+                        3
+                    ];
+                    return [
+                        4,
+                        item.getAsFileSystemHandle()
+                    ];
+                case 1:
+                    h = _state.sent();
+                    if (h === null) {
+                        throw new Error("".concat(item, " is not a File"));
                     }
-                });
-            });
+                    if (!(h !== undefined)) return [
+                        3,
+                        3
+                    ];
+                    return [
+                        4,
+                        h.getFile()
+                    ];
+                case 2:
+                    file = _state.sent();
+                    file.handle = h;
+                    return [
+                        2,
+                        toFileWithPath(file)
+                    ];
+                case 3:
+                    file1 = item.getAsFile();
+                    if (!file1) {
+                        throw new Error("".concat(item, " is not a File"));
+                    }
+                    fwp = toFileWithPath(file1, (_a = entry === null || entry === void 0 ? void 0 : entry.fullPath) !== null && _a !== void 0 ? _a : undefined);
+                    return [
+                        2,
+                        fwp
+                    ];
+            }
         });
-    }
-    var file = item.getAsFile();
-    if (!file) {
-        return Promise.reject("".concat(item, " is not a File"));
-    }
-    var fwp = toFileWithPath(file, (_a = entry === null || entry === void 0 ? void 0 : entry.fullPath) !== null && _a !== void 0 ? _a : undefined);
-    return Promise.resolve(fwp);
+    });
 }
 // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
 function fromEntry(entry) {
@@ -8741,7 +8756,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
-        if (e.includes(n)) continue;
+        if (-1 !== e.indexOf(n)) continue;
         t[n] = r[n];
     }
     return t;
@@ -36051,8 +36066,8 @@ function _objectWithoutProperties(e, t) {
     if (null == e) return {};
     var o, r, i = _objectWithoutPropertiesLoose(e, t);
     if (Object.getOwnPropertySymbols) {
-        var s = Object.getOwnPropertySymbols(e);
-        for(r = 0; r < s.length; r++)o = s[r], t.includes(o) || ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
@@ -42426,6 +42441,16 @@ function memoizeOne(resultFn, isEqual) {
     return memoized;
 }
 
+/**
+ * Returns the width of a given element.
+ * 
+ * @param node the element
+ * @param client whether to use `clientWidth` if possible
+ */ function getWidth(node, client) {
+    var win = isWindow(node);
+    return win ? win.innerWidth : client ? node.clientWidth : offset$2(node).width;
+}
+
 var Symbol$2 = _Symbol, isArguments = isArguments_1, isArray$3 = isArray_1;
 /** Built-in value references. */ var spreadableSymbol = Symbol$2 ? Symbol$2.isConcatSpreadable : undefined;
 /**
@@ -42905,40 +42930,129 @@ var baseFlatten$1 = _baseFlatten, baseOrderBy = _baseOrderBy, baseRest$1 = _base
 });
 var sortBy_1 = sortBy;
 
-/**
- * Returns the width of a given element.
- * 
- * @param node the element
- * @param client whether to use `clientWidth` if possible
- */ function getWidth(node, client) {
-    var win = isWindow(node);
-    return win ? win.innerWidth : client ? node.clientWidth : offset$2(node).width;
-}
-
 function _toArray(r) {
     return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
 }
 
 /**
- * A specialized version of `_.forEach` for arrays without support for
- * iteratee shorthands.
+ * This function is like
+ * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * except that it includes inherited enumerable properties.
  *
  * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns `array`.
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
  */
 
-function arrayEach$2(array, iteratee) {
-    var index = -1, length = array == null ? 0 : array.length;
-    while(++index < length){
-        if (iteratee(array[index], index, array) === false) {
-            break;
+function nativeKeysIn$1(object) {
+    var result = [];
+    if (object != null) {
+        for(var key in Object(object)){
+            result.push(key);
         }
     }
-    return array;
+    return result;
 }
-var _arrayEach = arrayEach$2;
+var _nativeKeysIn = nativeKeysIn$1;
+
+var isObject$3 = isObject_1, isPrototype$1 = _isPrototype, nativeKeysIn = _nativeKeysIn;
+/** Used for built-in method references. */ var objectProto$4 = Object.prototype;
+/** Used to check objects for own properties. */ var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+/**
+ * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */ function baseKeysIn$1(object) {
+    if (!isObject$3(object)) {
+        return nativeKeysIn(object);
+    }
+    var isProto = isPrototype$1(object), result = [];
+    for(var key in object){
+        if (!(key == "constructor" && (isProto || !hasOwnProperty$4.call(object, key)))) {
+            result.push(key);
+        }
+    }
+    return result;
+}
+var _baseKeysIn = baseKeysIn$1;
+
+var arrayLikeKeys = _arrayLikeKeys, baseKeysIn = _baseKeysIn, isArrayLike = isArrayLike_1;
+/**
+ * Creates an array of the own and inherited enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keysIn(new Foo);
+ * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ */ function keysIn$4(object) {
+    return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+}
+var keysIn_1 = keysIn$4;
+
+var baseRest = _baseRest, eq$1 = eq_1, isIterateeCall = _isIterateeCall, keysIn$3 = keysIn_1;
+/** Used for built-in method references. */ var objectProto$3 = Object.prototype;
+/** Used to check objects for own properties. */ var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+/**
+ * Assigns own and inherited enumerable string keyed properties of source
+ * objects to the destination object for all destination properties that
+ * resolve to `undefined`. Source objects are applied from left to right.
+ * Once a property is set, additional values of the same property are ignored.
+ *
+ * **Note:** This method mutates `object`.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The destination object.
+ * @param {...Object} [sources] The source objects.
+ * @returns {Object} Returns `object`.
+ * @see _.defaultsDeep
+ * @example
+ *
+ * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
+ * // => { 'a': 1, 'b': 2 }
+ */ var defaults = baseRest(function(object, sources) {
+    object = Object(object);
+    var index = -1;
+    var length = sources.length;
+    var guard = length > 2 ? sources[2] : undefined;
+    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+        length = 1;
+    }
+    while(++index < length){
+        var source = sources[index];
+        var props = keysIn$3(source);
+        var propsIndex = -1;
+        var propsLength = props.length;
+        while(++propsIndex < propsLength){
+            var key = props[propsIndex];
+            var value = object[key];
+            if (value === undefined || eq$1(value, objectProto$3[key]) && !hasOwnProperty$3.call(object, key)) {
+                object[key] = source[key];
+            }
+        }
+    }
+    return object;
+});
+var defaults_1 = defaults;
 
 var defineProperty$1 = _defineProperty;
 /**
@@ -42963,9 +43077,68 @@ var defineProperty$1 = _defineProperty;
 }
 var _baseAssignValue = baseAssignValue$3;
 
-var baseAssignValue$2 = _baseAssignValue, eq$1 = eq_1;
-/** Used for built-in method references. */ var objectProto$4 = Object.prototype;
-/** Used to check objects for own properties. */ var hasOwnProperty$4 = objectProto$4.hasOwnProperty;
+var baseAssignValue$2 = _baseAssignValue, baseForOwn$1 = _baseForOwn, baseIteratee$1 = _baseIteratee;
+/**
+ * Creates an object with the same keys as `object` and values generated
+ * by running each own enumerable string keyed property of `object` thru
+ * `iteratee`. The iteratee is invoked with three arguments:
+ * (value, key, object).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Object
+ * @param {Object} object The object to iterate over.
+ * @param {Function} [iteratee=_.identity] The function invoked per iteration.
+ * @returns {Object} Returns the new mapped object.
+ * @see _.mapKeys
+ * @example
+ *
+ * var users = {
+ *   'fred':    { 'user': 'fred',    'age': 40 },
+ *   'pebbles': { 'user': 'pebbles', 'age': 1 }
+ * };
+ *
+ * _.mapValues(users, function(o) { return o.age; });
+ * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.mapValues(users, 'age');
+ * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
+ */ function mapValues(object, iteratee) {
+    var result = {};
+    iteratee = baseIteratee$1(iteratee);
+    baseForOwn$1(object, function(value, key, object) {
+        baseAssignValue$2(result, key, iteratee(value, key, object));
+    });
+    return result;
+}
+var mapValues_1 = mapValues;
+
+/**
+ * A specialized version of `_.forEach` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns `array`.
+ */
+
+function arrayEach$2(array, iteratee) {
+    var index = -1, length = array == null ? 0 : array.length;
+    while(++index < length){
+        if (iteratee(array[index], index, array) === false) {
+            break;
+        }
+    }
+    return array;
+}
+var _arrayEach = arrayEach$2;
+
+var baseAssignValue$1 = _baseAssignValue, eq = eq_1;
+/** Used for built-in method references. */ var objectProto$2 = Object.prototype;
+/** Used to check objects for own properties. */ var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
 /**
  * Assigns `value` to `key` of `object` if the existing value is not equivalent
  * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
@@ -42977,13 +43150,13 @@ var baseAssignValue$2 = _baseAssignValue, eq$1 = eq_1;
  * @param {*} value The value to assign.
  */ function assignValue$2(object, key, value) {
     var objValue = object[key];
-    if (!(hasOwnProperty$4.call(object, key) && eq$1(objValue, value)) || value === undefined && !(key in object)) {
-        baseAssignValue$2(object, key, value);
+    if (!(hasOwnProperty$2.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
+        baseAssignValue$1(object, key, value);
     }
 }
 var _assignValue = assignValue$2;
 
-var assignValue$1 = _assignValue, baseAssignValue$1 = _baseAssignValue;
+var assignValue$1 = _assignValue, baseAssignValue = _baseAssignValue;
 /**
  * Copies properties of `source` to `object`.
  *
@@ -43004,7 +43177,7 @@ var assignValue$1 = _assignValue, baseAssignValue$1 = _baseAssignValue;
             newValue = source[key];
         }
         if (isNew) {
-            baseAssignValue$1(object, key, newValue);
+            baseAssignValue(object, key, newValue);
         } else {
             assignValue$1(object, key, newValue);
         }
@@ -43027,79 +43200,7 @@ var copyObject$4 = _copyObject, keys$1 = keys_1;
 }
 var _baseAssign = baseAssign$1;
 
-/**
- * This function is like
- * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
- * except that it includes inherited enumerable properties.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- */
-
-function nativeKeysIn$1(object) {
-    var result = [];
-    if (object != null) {
-        for(var key in Object(object)){
-            result.push(key);
-        }
-    }
-    return result;
-}
-var _nativeKeysIn = nativeKeysIn$1;
-
-var isObject$3 = isObject_1, isPrototype$1 = _isPrototype, nativeKeysIn = _nativeKeysIn;
-/** Used for built-in method references. */ var objectProto$3 = Object.prototype;
-/** Used to check objects for own properties. */ var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-/**
- * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- */ function baseKeysIn$1(object) {
-    if (!isObject$3(object)) {
-        return nativeKeysIn(object);
-    }
-    var isProto = isPrototype$1(object), result = [];
-    for(var key in object){
-        if (!(key == "constructor" && (isProto || !hasOwnProperty$3.call(object, key)))) {
-            result.push(key);
-        }
-    }
-    return result;
-}
-var _baseKeysIn = baseKeysIn$1;
-
-var arrayLikeKeys = _arrayLikeKeys, baseKeysIn = _baseKeysIn, isArrayLike = isArrayLike_1;
-/**
- * Creates an array of the own and inherited enumerable property names of `object`.
- *
- * **Note:** Non-object values are coerced to objects.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.keysIn(new Foo);
- * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
- */ function keysIn$4(object) {
-    return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
-}
-var keysIn_1 = keysIn$4;
-
-var copyObject$3 = _copyObject, keysIn$3 = keysIn_1;
+var copyObject$3 = _copyObject, keysIn$2 = keysIn_1;
 /**
  * The base implementation of `_.assignIn` without support for multiple sources
  * or `customizer` functions.
@@ -43109,7 +43210,7 @@ var copyObject$3 = _copyObject, keysIn$3 = keysIn_1;
  * @param {Object} source The source object.
  * @returns {Object} Returns `object`.
  */ function baseAssignIn$1(object, source) {
-    return object && copyObject$3(source, keysIn$3(source), object);
+    return object && copyObject$3(source, keysIn$2(source), object);
 }
 var _baseAssignIn = baseAssignIn$1;
 
@@ -43208,7 +43309,7 @@ var copyObject$1 = _copyObject, getSymbolsIn$1 = _getSymbolsIn;
 }
 var _copySymbolsIn = copySymbolsIn$1;
 
-var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn = _getSymbolsIn, keysIn$2 = keysIn_1;
+var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn = _getSymbolsIn, keysIn$1 = keysIn_1;
 /**
  * Creates an array of own and inherited enumerable property names and
  * symbols of `object`.
@@ -43217,14 +43318,14 @@ var baseGetAllKeys = _baseGetAllKeys, getSymbolsIn = _getSymbolsIn, keysIn$2 = k
  * @param {Object} object The object to query.
  * @returns {Array} Returns the array of property names and symbols.
  */ function getAllKeysIn$2(object) {
-    return baseGetAllKeys(object, keysIn$2, getSymbolsIn);
+    return baseGetAllKeys(object, keysIn$1, getSymbolsIn);
 }
 var _getAllKeysIn = getAllKeysIn$2;
 
 /** Used for built-in method references. */
 
-var objectProto$2 = Object.prototype;
-/** Used to check objects for own properties. */ var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var objectProto$1 = Object.prototype;
+/** Used to check objects for own properties. */ var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
 /**
  * Initializes an array clone.
  *
@@ -43234,7 +43335,7 @@ var objectProto$2 = Object.prototype;
  */ function initCloneArray$1(array) {
     var length = array.length, result = new array.constructor(length);
     // Add properties assigned by `RegExp#exec`.
-    if (length && typeof array[0] == "string" && hasOwnProperty$2.call(array, "index")) {
+    if (length && typeof array[0] == "string" && hasOwnProperty$1.call(array, "index")) {
         result.index = array.index;
         result.input = array.input;
     }
@@ -43468,7 +43569,7 @@ var baseIsSet = _baseIsSet, baseUnary = _baseUnary, nodeUtil = _nodeUtil.exports
  */ var isSet$1 = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
 var isSet_1 = isSet$1;
 
-var Stack = _Stack, arrayEach$1 = _arrayEach, assignValue = _assignValue, baseAssign = _baseAssign, baseAssignIn = _baseAssignIn, cloneBuffer = _cloneBuffer.exports, copyArray = _copyArray, copySymbols = _copySymbols, copySymbolsIn = _copySymbolsIn, getAllKeys = _getAllKeys, getAllKeysIn$1 = _getAllKeysIn, getTag = _getTag, initCloneArray = _initCloneArray, initCloneByTag = _initCloneByTag, initCloneObject = _initCloneObject, isArray$1 = isArray_1, isBuffer$1 = isBuffer$4.exports, isMap = isMap_1, isObject$1 = isObject_1, isSet = isSet_1, keys = keys_1, keysIn$1 = keysIn_1;
+var Stack = _Stack, arrayEach$1 = _arrayEach, assignValue = _assignValue, baseAssign = _baseAssign, baseAssignIn = _baseAssignIn, cloneBuffer = _cloneBuffer.exports, copyArray = _copyArray, copySymbols = _copySymbols, copySymbolsIn = _copySymbolsIn, getAllKeys = _getAllKeys, getAllKeysIn$1 = _getAllKeysIn, getTag = _getTag, initCloneArray = _initCloneArray, initCloneByTag = _initCloneByTag, initCloneObject = _initCloneObject, isArray$1 = isArray_1, isBuffer$1 = isBuffer$4.exports, isMap = isMap_1, isObject$1 = isObject_1, isSet = isSet_1, keys = keys_1, keysIn = keysIn_1;
 /** Used to compose bitmasks for cloning. */ var CLONE_DEEP_FLAG$1 = 1, CLONE_FLAT_FLAG$1 = 2, CLONE_SYMBOLS_FLAG$1 = 4;
 /** `Object#toString` result references. */ var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]", weakMapTag = "[object WeakMap]";
 var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
@@ -43540,7 +43641,7 @@ cloneableTags[errorTag] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = f
             result.set(key, baseClone$1(subValue, bitmask, customizer, key, value, stack));
         });
     }
-    var keysFunc = isFull ? isFlat ? getAllKeysIn$1 : getAllKeys : isFlat ? keysIn$1 : keys;
+    var keysFunc = isFull ? isFlat ? getAllKeysIn$1 : getAllKeys : isFlat ? keysIn : keys;
     var props = isArr ? undefined : keysFunc(value);
     arrayEach$1(props || value, function(subValue, key) {
         if (props) {
@@ -43612,9 +43713,9 @@ function _instanceof$1(left, right) {
 }
 var baseGetTag = _baseGetTag, getPrototype$1 = _getPrototype, isObjectLike = isObjectLike_1;
 /** `Object#toString` result references. */ var objectTag = "[object Object]";
-/** Used for built-in method references. */ var funcProto = Function.prototype, objectProto$1 = Object.prototype;
+/** Used for built-in method references. */ var funcProto = Function.prototype, objectProto = Object.prototype;
 /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString;
-/** Used to check objects for own properties. */ var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+/** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty;
 /** Used to infer the `Object` constructor. */ var objectCtorString = funcToString.call(Object);
 /**
  * Checks if `value` is a plain object, that is, an object created by the
@@ -43651,7 +43752,7 @@ var baseGetTag = _baseGetTag, getPrototype$1 = _getPrototype, isObjectLike = isO
     if (proto === null) {
         return true;
     }
-    var Ctor = hasOwnProperty$1.call(proto, "constructor") && proto.constructor;
+    var Ctor = hasOwnProperty.call(proto, "constructor") && proto.constructor;
     return typeof Ctor == "function" && _instanceof$1(Ctor, Ctor) && funcToString.call(Ctor) == objectCtorString;
 }
 var isPlainObject_1 = isPlainObject$1;
@@ -43746,55 +43847,7 @@ var arrayMap = _arrayMap, baseClone = _baseClone, baseUnset = _baseUnset, castPa
 });
 var omit_1 = omit;
 
-var baseRest = _baseRest, eq = eq_1, isIterateeCall = _isIterateeCall, keysIn = keysIn_1;
-/** Used for built-in method references. */ var objectProto = Object.prototype;
-/** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty;
-/**
- * Assigns own and inherited enumerable string keyed properties of source
- * objects to the destination object for all destination properties that
- * resolve to `undefined`. Source objects are applied from left to right.
- * Once a property is set, additional values of the same property are ignored.
- *
- * **Note:** This method mutates `object`.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The destination object.
- * @param {...Object} [sources] The source objects.
- * @returns {Object} Returns `object`.
- * @see _.defaultsDeep
- * @example
- *
- * _.defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });
- * // => { 'a': 1, 'b': 2 }
- */ var defaults = baseRest(function(object, sources) {
-    object = Object(object);
-    var index = -1;
-    var length = sources.length;
-    var guard = length > 2 ? sources[2] : undefined;
-    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-        length = 1;
-    }
-    while(++index < length){
-        var source = sources[index];
-        var props = keysIn(source);
-        var propsIndex = -1;
-        var propsLength = props.length;
-        while(++propsIndex < propsLength){
-            var key = props[propsIndex];
-            var value = object[key];
-            if (value === undefined || eq(value, objectProto[key]) && !hasOwnProperty.call(object, key)) {
-                object[key] = source[key];
-            }
-        }
-    }
-    return object;
-});
-var defaults_1 = defaults;
-
-var arrayEach = _arrayEach, baseCreate = _baseCreate, baseForOwn$1 = _baseForOwn, baseIteratee$1 = _baseIteratee, getPrototype = _getPrototype, isArray = isArray_1, isBuffer = isBuffer$4.exports, isFunction$1 = isFunction_1, isObject = isObject_1, isTypedArray = isTypedArray_1;
+var arrayEach = _arrayEach, baseCreate = _baseCreate, baseForOwn = _baseForOwn, baseIteratee = _baseIteratee, getPrototype = _getPrototype, isArray = isArray_1, isBuffer = isBuffer$4.exports, isFunction$1 = isFunction_1, isObject = isObject_1, isTypedArray = isTypedArray_1;
 /**
  * An alternative to `_.reduce`; this method transforms `object` to a new
  * `accumulator` object which is the result of running each of its own
@@ -43826,7 +43879,7 @@ var arrayEach = _arrayEach, baseCreate = _baseCreate, baseForOwn$1 = _baseForOwn
  * // => { '1': ['a', 'c'], '2': ['b'] }
  */ function transform(object, iteratee, accumulator) {
     var isArr = isArray(object), isArrLike = isArr || isBuffer(object) || isTypedArray(object);
-    iteratee = baseIteratee$1(iteratee);
+    iteratee = baseIteratee(iteratee);
     if (accumulator == null) {
         var Ctor = object && object.constructor;
         if (isArrLike) {
@@ -43837,51 +43890,13 @@ var arrayEach = _arrayEach, baseCreate = _baseCreate, baseForOwn$1 = _baseForOwn
             accumulator = {};
         }
     }
-    (isArrLike ? arrayEach : baseForOwn$1)(object, function(value, index, object) {
+    (isArrLike ? arrayEach : baseForOwn)(object, function(value, index, object) {
         return iteratee(accumulator, value, index, object);
     });
     return accumulator;
 }
 var transform_1 = transform;
 
-var baseAssignValue = _baseAssignValue, baseForOwn = _baseForOwn, baseIteratee = _baseIteratee;
-/**
- * Creates an object with the same keys as `object` and values generated
- * by running each own enumerable string keyed property of `object` thru
- * `iteratee`. The iteratee is invoked with three arguments:
- * (value, key, object).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Object
- * @param {Object} object The object to iterate over.
- * @param {Function} [iteratee=_.identity] The function invoked per iteration.
- * @returns {Object} Returns the new mapped object.
- * @see _.mapKeys
- * @example
- *
- * var users = {
- *   'fred':    { 'user': 'fred',    'age': 40 },
- *   'pebbles': { 'user': 'pebbles', 'age': 1 }
- * };
- *
- * _.mapValues(users, function(o) { return o.age; });
- * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
- *
- * // The `_.property` iteratee shorthand.
- * _.mapValues(users, 'age');
- * // => { 'fred': 40, 'pebbles': 1 } (iteration order is not guaranteed)
- */ function mapValues(object, iteratee) {
-    var result = {};
-    iteratee = baseIteratee(iteratee);
-    baseForOwn(object, function(value, key, object) {
-        baseAssignValue(result, key, iteratee(value, key, object));
-    });
-    return result;
-}
-var mapValues_1 = mapValues;
-
 var isBetween = {
     exports: {}
 };
@@ -44252,9 +44267,6 @@ PropTypes.oneOfType([
     ]),
     PropTypes.func
 ]);
-function notify(handler, args) {
-    handler && handler.apply(null, [].concat(args));
-}
 /* eslint no-fallthrough: off */ var MILLI = {
     seconds: 1000,
     minutes: 1000 * 60,
@@ -44455,6 +44467,73 @@ function mergeWithDefaults(localizer, culture, formatOverrides, messages) {
         }
     });
 }
+var Toolbar = /*#__PURE__*/ function(_React$Component) {
+    function Toolbar() {
+        var _this;
+        _classCallCheck(this, Toolbar);
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        _this = _callSuper(this, Toolbar, [].concat(args));
+        _this.navigate = function(action) {
+            _this.props.onNavigate(action);
+        };
+        _this.view = function(view) {
+            _this.props.onView(view);
+        };
+        return _this;
+    }
+    _inherits(Toolbar, _React$Component);
+    return _createClass(Toolbar, [
+        {
+            key: "render",
+            value: function render() {
+                var _this$props = this.props, messages = _this$props.localizer.messages, label = _this$props.label;
+                return /*#__PURE__*/ React__default.createElement("div", {
+                    className: "rbc-toolbar"
+                }, /*#__PURE__*/ React__default.createElement("span", {
+                    className: "rbc-btn-group"
+                }, /*#__PURE__*/ React__default.createElement("button", {
+                    type: "button",
+                    onClick: this.navigate.bind(null, navigate.TODAY)
+                }, messages.today), /*#__PURE__*/ React__default.createElement("button", {
+                    type: "button",
+                    onClick: this.navigate.bind(null, navigate.PREVIOUS)
+                }, messages.previous), /*#__PURE__*/ React__default.createElement("button", {
+                    type: "button",
+                    onClick: this.navigate.bind(null, navigate.NEXT)
+                }, messages.next)), /*#__PURE__*/ React__default.createElement("span", {
+                    className: "rbc-toolbar-label"
+                }, label), /*#__PURE__*/ React__default.createElement("span", {
+                    className: "rbc-btn-group"
+                }, this.viewNamesGroup(messages)));
+            }
+        },
+        {
+            key: "viewNamesGroup",
+            value: function viewNamesGroup(messages) {
+                var _this2 = this;
+                var viewNames = this.props.views;
+                var view = this.props.view;
+                if (viewNames.length > 1) {
+                    return viewNames.map(function(name) {
+                        return /*#__PURE__*/ React__default.createElement("button", {
+                            type: "button",
+                            key: name,
+                            className: clsx$1({
+                                "rbc-active": view === name
+                            }),
+                            onClick: _this2.view.bind(null, name)
+                        }, messages[name]);
+                    });
+                }
+            }
+        }
+    ]);
+}(React__default.Component);
+function notify(handler, args) {
+    handler && handler.apply(null, [].concat(args));
+}
 var defaultMessages = {
     date: "Date",
     time: "Time",
@@ -45925,8 +46004,7 @@ var DateHeader = function DateHeader(_ref) {
     return /*#__PURE__*/ React__default.createElement("button", {
         type: "button",
         className: "rbc-button-link",
-        onClick: onDrillDown,
-        role: "cell"
+        onClick: onDrillDown
     }, label);
 };
 var _excluded$6 = [
@@ -46783,9 +46861,11 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                 dayLayoutAlgorithm: dayLayoutAlgorithm
             });
             return styledEvents.map(function(_ref2, idx) {
+                var _accessors$eventId;
                 var event = _ref2.event, style = _ref2.style;
                 var end = accessors.end(event);
                 var start = accessors.start(event);
+                var key = (_accessors$eventId = accessors.eventId(event)) !== null && _accessors$eventId !== void 0 ? _accessors$eventId : "evt_" + idx;
                 var format = "eventTimeRangeFormat";
                 var label;
                 var startsBeforeDay = slotMetrics.startsBeforeDay(start);
@@ -46803,7 +46883,7 @@ var DayColumn = /*#__PURE__*/ function(_React$Component) {
                     style: style,
                     event: event,
                     label: label,
-                    key: "evt_" + idx,
+                    key: key,
                     getters: getters,
                     rtl: rtl,
                     components: components,
@@ -47098,6 +47178,281 @@ DayColumn.defaultProps = {
     dragThroughEvents: true,
     timeslots: 2
 };
+var ResourceHeader = function ResourceHeader(_ref) {
+    var label = _ref.label;
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, label);
+};
+var TimeGridHeader = /*#__PURE__*/ function(_React$Component) {
+    function TimeGridHeader() {
+        var _this;
+        _classCallCheck(this, TimeGridHeader);
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        _this = _callSuper(this, TimeGridHeader, [].concat(args));
+        _this.handleHeaderClick = function(date, view, e) {
+            e.preventDefault();
+            notify(_this.props.onDrillDown, [
+                date,
+                view
+            ]);
+        };
+        _this.renderRow = function(resource) {
+            var _this$props = _this.props, events = _this$props.events, rtl = _this$props.rtl, selectable = _this$props.selectable, getNow = _this$props.getNow, range = _this$props.range, getters = _this$props.getters, localizer = _this$props.localizer, accessors = _this$props.accessors, components = _this$props.components, resizable = _this$props.resizable;
+            var resourceId = accessors.resourceId(resource);
+            var eventsToDisplay = resource ? events.filter(function(event) {
+                return accessors.resource(event) === resourceId;
+            }) : events;
+            return /*#__PURE__*/ React__default.createElement(DateContentRow, {
+                isAllDay: true,
+                rtl: rtl,
+                getNow: getNow,
+                minRows: 2,
+                maxRows: _this.props.allDayMaxRows + 1,
+                range: range,
+                events: eventsToDisplay,
+                resourceId: resourceId,
+                className: "rbc-allday-cell",
+                selectable: selectable,
+                selected: _this.props.selected,
+                components: components,
+                accessors: accessors,
+                getters: getters,
+                localizer: localizer,
+                onSelect: _this.props.onSelectEvent,
+                onShowMore: _this.props.onShowMore,
+                onDoubleClick: _this.props.onDoubleClickEvent,
+                onKeyPress: _this.props.onKeyPressEvent,
+                onSelectSlot: _this.props.onSelectSlot,
+                longPressThreshold: _this.props.longPressThreshold,
+                resizable: resizable
+            });
+        };
+        return _this;
+    }
+    _inherits(TimeGridHeader, _React$Component);
+    return _createClass(TimeGridHeader, [
+        {
+            key: "renderHeaderCells",
+            value: function renderHeaderCells(range) {
+                var _this2 = this;
+                var _this$props2 = this.props, localizer = _this$props2.localizer, getDrilldownView = _this$props2.getDrilldownView, getNow = _this$props2.getNow, dayProp = _this$props2.getters.dayProp, _this$props2$componen = _this$props2.components.header, HeaderComponent = _this$props2$componen === void 0 ? Header : _this$props2$componen;
+                var today = getNow();
+                return range.map(function(date, i) {
+                    var drilldownView = getDrilldownView(date);
+                    var label = localizer.format(date, "dayFormat");
+                    var _dayProp = dayProp(date), className = _dayProp.className, style = _dayProp.style;
+                    var header = /*#__PURE__*/ React__default.createElement(HeaderComponent, {
+                        date: date,
+                        label: label,
+                        localizer: localizer
+                    });
+                    return /*#__PURE__*/ React__default.createElement("div", {
+                        key: i,
+                        style: style,
+                        className: clsx$1("rbc-header", className, localizer.isSameDate(date, today) && "rbc-today")
+                    }, drilldownView ? /*#__PURE__*/ React__default.createElement("button", {
+                        type: "button",
+                        className: "rbc-button-link",
+                        onClick: function onClick(e) {
+                            return _this2.handleHeaderClick(date, drilldownView, e);
+                        }
+                    }, header) : /*#__PURE__*/ React__default.createElement("span", null, header));
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                var _this3 = this;
+                var _this$props3 = this.props, width = _this$props3.width, rtl = _this$props3.rtl, resources = _this$props3.resources, range = _this$props3.range, events = _this$props3.events, getNow = _this$props3.getNow, accessors = _this$props3.accessors, selectable = _this$props3.selectable, components = _this$props3.components, getters = _this$props3.getters, scrollRef = _this$props3.scrollRef, localizer = _this$props3.localizer, isOverflowing = _this$props3.isOverflowing, _this$props3$componen = _this$props3.components, TimeGutterHeader = _this$props3$componen.timeGutterHeader, _this$props3$componen2 = _this$props3$componen.resourceHeader, ResourceHeaderComponent = _this$props3$componen2 === void 0 ? ResourceHeader : _this$props3$componen2, resizable = _this$props3.resizable;
+                var style = {};
+                if (isOverflowing) {
+                    style[rtl ? "marginLeft" : "marginRight"] = "".concat(scrollbarSize() - 1, "px");
+                }
+                var groupedEvents = resources.groupEvents(events);
+                return /*#__PURE__*/ React__default.createElement("div", {
+                    style: style,
+                    ref: scrollRef,
+                    className: clsx$1("rbc-time-header", isOverflowing && "rbc-overflowing")
+                }, /*#__PURE__*/ React__default.createElement("div", {
+                    className: "rbc-label rbc-time-header-gutter",
+                    style: {
+                        width: width,
+                        minWidth: width,
+                        maxWidth: width
+                    }
+                }, TimeGutterHeader && /*#__PURE__*/ React__default.createElement(TimeGutterHeader, null)), resources.map(function(_ref, idx) {
+                    var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], resource = _ref2[1];
+                    return /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-time-header-content",
+                        key: id || idx
+                    }, resource && /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-row rbc-row-resource",
+                        key: "resource_".concat(idx)
+                    }, /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-header"
+                    }, /*#__PURE__*/ React__default.createElement(ResourceHeaderComponent, {
+                        index: idx,
+                        label: accessors.resourceTitle(resource),
+                        resource: resource
+                    }))), /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-row rbc-time-header-cell".concat(range.length <= 1 ? " rbc-time-header-cell-single-day" : "")
+                    }, _this3.renderHeaderCells(range)), /*#__PURE__*/ React__default.createElement(DateContentRow, {
+                        isAllDay: true,
+                        rtl: rtl,
+                        getNow: getNow,
+                        minRows: 2,
+                        maxRows: _this3.props.allDayMaxRows + 1,
+                        range: range,
+                        events: groupedEvents.get(id) || [],
+                        resourceId: resource && id,
+                        className: "rbc-allday-cell",
+                        selectable: selectable,
+                        selected: _this3.props.selected,
+                        components: components,
+                        accessors: accessors,
+                        getters: getters,
+                        localizer: localizer,
+                        onSelect: _this3.props.onSelectEvent,
+                        onShowMore: _this3.props.onShowMore,
+                        onDoubleClick: _this3.props.onDoubleClickEvent,
+                        onKeyDown: _this3.props.onKeyPressEvent,
+                        onSelectSlot: _this3.props.onSelectSlot,
+                        longPressThreshold: _this3.props.longPressThreshold,
+                        resizable: resizable
+                    }));
+                }));
+            }
+        }
+    ]);
+}(React__default.Component);
+var TimeGridHeaderResources = /*#__PURE__*/ function(_React$Component) {
+    function TimeGridHeaderResources() {
+        var _this;
+        _classCallCheck(this, TimeGridHeaderResources);
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        _this = _callSuper(this, TimeGridHeaderResources, [].concat(args));
+        _this.handleHeaderClick = function(date, view, e) {
+            e.preventDefault();
+            notify(_this.props.onDrillDown, [
+                date,
+                view
+            ]);
+        };
+        return _this;
+    }
+    _inherits(TimeGridHeaderResources, _React$Component);
+    return _createClass(TimeGridHeaderResources, [
+        {
+            key: "renderHeaderCells",
+            value: function renderHeaderCells(range) {
+                var _this2 = this;
+                var _this$props = this.props, localizer = _this$props.localizer, getDrilldownView = _this$props.getDrilldownView, getNow = _this$props.getNow, dayProp = _this$props.getters.dayProp, _this$props$component = _this$props.components, _this$props$component2 = _this$props$component.header, HeaderComponent = _this$props$component2 === void 0 ? Header : _this$props$component2, _this$props$component3 = _this$props$component.resourceHeader, ResourceHeaderComponent = _this$props$component3 === void 0 ? ResourceHeader : _this$props$component3, resources = _this$props.resources, accessors = _this$props.accessors, events = _this$props.events, rtl = _this$props.rtl, selectable = _this$props.selectable, components = _this$props.components, getters = _this$props.getters, resizable = _this$props.resizable;
+                var today = getNow();
+                var groupedEvents = resources.groupEvents(events);
+                return range.map(function(date, idx) {
+                    var drilldownView = getDrilldownView(date);
+                    var label = localizer.format(date, "dayFormat");
+                    var _dayProp = dayProp(date), className = _dayProp.className, style = _dayProp.style;
+                    var header = /*#__PURE__*/ React__default.createElement(HeaderComponent, {
+                        date: date,
+                        label: label,
+                        localizer: localizer
+                    });
+                    return /*#__PURE__*/ React__default.createElement("div", {
+                        key: idx,
+                        className: "rbc-time-header-content rbc-resource-grouping"
+                    }, /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-row rbc-time-header-cell".concat(range.length <= 1 ? " rbc-time-header-cell-single-day" : "")
+                    }, /*#__PURE__*/ React__default.createElement("div", {
+                        style: style,
+                        className: clsx$1("rbc-header", className, localizer.isSameDate(date, today) && "rbc-today")
+                    }, drilldownView ? /*#__PURE__*/ React__default.createElement("button", {
+                        type: "button",
+                        className: "rbc-button-link",
+                        onClick: function onClick(e) {
+                            return _this2.handleHeaderClick(date, drilldownView, e);
+                        }
+                    }, header) : /*#__PURE__*/ React__default.createElement("span", null, header))), /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-row"
+                    }, resources.map(function(_ref, idx) {
+                        var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], resource = _ref2[1];
+                        return /*#__PURE__*/ React__default.createElement("div", {
+                            key: "resource_".concat(id, "_").concat(idx),
+                            className: clsx$1("rbc-header", className, localizer.isSameDate(date, today) && "rbc-today")
+                        }, /*#__PURE__*/ React__default.createElement(ResourceHeaderComponent, {
+                            index: idx,
+                            label: accessors.resourceTitle(resource),
+                            resource: resource
+                        }));
+                    })), /*#__PURE__*/ React__default.createElement("div", {
+                        className: "rbc-row rbc-m-b-negative-3 rbc-h-full"
+                    }, resources.map(function(_ref3, idx) {
+                        var _ref4 = _slicedToArray(_ref3, 2), id = _ref4[0], resource = _ref4[1];
+                        // Filter the grouped events by the current date.
+                        var filteredEvents = (groupedEvents.get(id) || []).filter(function(event) {
+                            return localizer.isSameDate(event.start, date) || localizer.isSameDate(event.end, date);
+                        });
+                        return /*#__PURE__*/ React__default.createElement(DateContentRow, {
+                            key: "resource_".concat(id, "_").concat(idx),
+                            isAllDay: true,
+                            rtl: rtl,
+                            getNow: getNow,
+                            minRows: 2,
+                            maxRows: _this2.props.allDayMaxRows + 1,
+                            range: [
+                                date
+                            ] // This ensures that only the single day is rendered
+                            ,
+                            events: filteredEvents // Only show filtered events for this day.
+                            ,
+                            resourceId: resource && id,
+                            className: "rbc-allday-cell",
+                            selectable: selectable,
+                            selected: _this2.props.selected,
+                            components: components,
+                            accessors: accessors,
+                            getters: getters,
+                            localizer: localizer,
+                            onSelect: _this2.props.onSelectEvent,
+                            onShowMore: _this2.props.onShowMore,
+                            onDoubleClick: _this2.props.onDoubleClickEvent,
+                            onKeyDown: _this2.props.onKeyPressEvent,
+                            onSelectSlot: _this2.props.onSelectSlot,
+                            longPressThreshold: _this2.props.longPressThreshold,
+                            resizable: resizable
+                        });
+                    })));
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                var _this$props2 = this.props, width = _this$props2.width, rtl = _this$props2.rtl, range = _this$props2.range, scrollRef = _this$props2.scrollRef, isOverflowing = _this$props2.isOverflowing, TimeGutterHeader = _this$props2.components.timeGutterHeader;
+                var style = {};
+                if (isOverflowing) {
+                    style[rtl ? "marginLeft" : "marginRight"] = "".concat(scrollbarSize() - 1, "px");
+                }
+                return /*#__PURE__*/ React__default.createElement("div", {
+                    style: style,
+                    ref: scrollRef,
+                    className: clsx$1("rbc-time-header", isOverflowing && "rbc-overflowing")
+                }, /*#__PURE__*/ React__default.createElement("div", {
+                    className: "rbc-label rbc-time-header-gutter",
+                    style: {
+                        width: width,
+                        minWidth: width,
+                        maxWidth: width
+                    }
+                }, TimeGutterHeader && /*#__PURE__*/ React__default.createElement(TimeGutterHeader, null)), this.renderHeaderCells(range));
+            }
+        }
+    ]);
+}(React__default.Component);
 /**
  * Since the TimeGutter only displays the 'times' of slots in a day, and is separate
  * from the Day Columns themselves, we check to see if the range contains an offset difference
@@ -47189,155 +47544,6 @@ var TimeGutter$1 = /*#__PURE__*/ React__default.forwardRef(function(props, ref)
         gutterRef: ref
     }, props));
 });
-var ResourceHeader = function ResourceHeader(_ref) {
-    var label = _ref.label;
-    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, label);
-};
-var TimeGridHeader = /*#__PURE__*/ function(_React$Component) {
-    function TimeGridHeader() {
-        var _this;
-        _classCallCheck(this, TimeGridHeader);
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        _this = _callSuper(this, TimeGridHeader, [].concat(args));
-        _this.handleHeaderClick = function(date, view, e) {
-            e.preventDefault();
-            notify(_this.props.onDrillDown, [
-                date,
-                view
-            ]);
-        };
-        _this.renderRow = function(resource) {
-            var _this$props = _this.props, events = _this$props.events, rtl = _this$props.rtl, selectable = _this$props.selectable, getNow = _this$props.getNow, range = _this$props.range, getters = _this$props.getters, localizer = _this$props.localizer, accessors = _this$props.accessors, components = _this$props.components, resizable = _this$props.resizable;
-            var resourceId = accessors.resourceId(resource);
-            var eventsToDisplay = resource ? events.filter(function(event) {
-                return accessors.resource(event) === resourceId;
-            }) : events;
-            return /*#__PURE__*/ React__default.createElement(DateContentRow, {
-                isAllDay: true,
-                rtl: rtl,
-                getNow: getNow,
-                minRows: 2,
-                maxRows: _this.props.allDayMaxRows + 1,
-                range: range,
-                events: eventsToDisplay,
-                resourceId: resourceId,
-                className: "rbc-allday-cell",
-                selectable: selectable,
-                selected: _this.props.selected,
-                components: components,
-                accessors: accessors,
-                getters: getters,
-                localizer: localizer,
-                onSelect: _this.props.onSelectEvent,
-                onShowMore: _this.props.onShowMore,
-                onDoubleClick: _this.props.onDoubleClickEvent,
-                onKeyPress: _this.props.onKeyPressEvent,
-                onSelectSlot: _this.props.onSelectSlot,
-                longPressThreshold: _this.props.longPressThreshold,
-                resizable: resizable
-            });
-        };
-        return _this;
-    }
-    _inherits(TimeGridHeader, _React$Component);
-    return _createClass(TimeGridHeader, [
-        {
-            key: "renderHeaderCells",
-            value: function renderHeaderCells(range) {
-                var _this2 = this;
-                var _this$props2 = this.props, localizer = _this$props2.localizer, getDrilldownView = _this$props2.getDrilldownView, getNow = _this$props2.getNow, dayProp = _this$props2.getters.dayProp, _this$props2$componen = _this$props2.components.header, HeaderComponent = _this$props2$componen === void 0 ? Header : _this$props2$componen;
-                var today = getNow();
-                return range.map(function(date, i) {
-                    var drilldownView = getDrilldownView(date);
-                    var label = localizer.format(date, "dayFormat");
-                    var _dayProp = dayProp(date), className = _dayProp.className, style = _dayProp.style;
-                    var header = /*#__PURE__*/ React__default.createElement(HeaderComponent, {
-                        date: date,
-                        label: label,
-                        localizer: localizer
-                    });
-                    return /*#__PURE__*/ React__default.createElement("div", {
-                        key: i,
-                        style: style,
-                        className: clsx$1("rbc-header", className, localizer.isSameDate(date, today) && "rbc-today")
-                    }, drilldownView ? /*#__PURE__*/ React__default.createElement("button", {
-                        type: "button",
-                        className: "rbc-button-link",
-                        onClick: function onClick(e) {
-                            return _this2.handleHeaderClick(date, drilldownView, e);
-                        }
-                    }, header) : /*#__PURE__*/ React__default.createElement("span", null, header));
-                });
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                var _this3 = this;
-                var _this$props3 = this.props, width = _this$props3.width, rtl = _this$props3.rtl, resources = _this$props3.resources, range = _this$props3.range, events = _this$props3.events, getNow = _this$props3.getNow, accessors = _this$props3.accessors, selectable = _this$props3.selectable, components = _this$props3.components, getters = _this$props3.getters, scrollRef = _this$props3.scrollRef, localizer = _this$props3.localizer, isOverflowing = _this$props3.isOverflowing, _this$props3$componen = _this$props3.components, TimeGutterHeader = _this$props3$componen.timeGutterHeader, _this$props3$componen2 = _this$props3$componen.resourceHeader, ResourceHeaderComponent = _this$props3$componen2 === void 0 ? ResourceHeader : _this$props3$componen2, resizable = _this$props3.resizable;
-                var style = {};
-                if (isOverflowing) {
-                    style[rtl ? "marginLeft" : "marginRight"] = "".concat(scrollbarSize() - 1, "px");
-                }
-                var groupedEvents = resources.groupEvents(events);
-                return /*#__PURE__*/ React__default.createElement("div", {
-                    style: style,
-                    ref: scrollRef,
-                    className: clsx$1("rbc-time-header", isOverflowing && "rbc-overflowing")
-                }, /*#__PURE__*/ React__default.createElement("div", {
-                    className: "rbc-label rbc-time-header-gutter",
-                    style: {
-                        width: width,
-                        minWidth: width,
-                        maxWidth: width
-                    }
-                }, TimeGutterHeader && /*#__PURE__*/ React__default.createElement(TimeGutterHeader, null)), resources.map(function(_ref, idx) {
-                    var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], resource = _ref2[1];
-                    return /*#__PURE__*/ React__default.createElement("div", {
-                        className: "rbc-time-header-content",
-                        key: id || idx
-                    }, resource && /*#__PURE__*/ React__default.createElement("div", {
-                        className: "rbc-row rbc-row-resource",
-                        key: "resource_".concat(idx)
-                    }, /*#__PURE__*/ React__default.createElement("div", {
-                        className: "rbc-header"
-                    }, /*#__PURE__*/ React__default.createElement(ResourceHeaderComponent, {
-                        index: idx,
-                        label: accessors.resourceTitle(resource),
-                        resource: resource
-                    }))), /*#__PURE__*/ React__default.createElement("div", {
-                        className: "rbc-row rbc-time-header-cell".concat(range.length <= 1 ? " rbc-time-header-cell-single-day" : "")
-                    }, _this3.renderHeaderCells(range)), /*#__PURE__*/ React__default.createElement(DateContentRow, {
-                        isAllDay: true,
-                        rtl: rtl,
-                        getNow: getNow,
-                        minRows: 2,
-                        maxRows: _this3.props.allDayMaxRows + 1,
-                        range: range,
-                        events: groupedEvents.get(id) || [],
-                        resourceId: resource && id,
-                        className: "rbc-allday-cell",
-                        selectable: selectable,
-                        selected: _this3.props.selected,
-                        components: components,
-                        accessors: accessors,
-                        getters: getters,
-                        localizer: localizer,
-                        onSelect: _this3.props.onSelectEvent,
-                        onShowMore: _this3.props.onShowMore,
-                        onDoubleClick: _this3.props.onDoubleClickEvent,
-                        onKeyDown: _this3.props.onKeyPressEvent,
-                        onSelectSlot: _this3.props.onSelectSlot,
-                        longPressThreshold: _this3.props.longPressThreshold,
-                        resizable: resizable
-                    }));
-                }));
-            }
-        }
-    ]);
-}(React__default.Component);
 var NONE = {};
 function Resources(resources, accessors) {
     return {
@@ -47527,45 +47733,86 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
                 this.applyScroll();
             }
         },
+        {
+            key: "renderDayColumn",
+            value: function renderDayColumn(date, id, resource, groupedEvents, groupedBackgroundEvents, localizer, accessors, components, dayLayoutAlgorithm, now) {
+                var _this$props2 = this.props, min = _this$props2.min, max = _this$props2.max;
+                var daysEvents = (groupedEvents.get(id) || []).filter(function(event) {
+                    return localizer.inRange(date, accessors.start(event), accessors.end(event), "day");
+                });
+                var daysBackgroundEvents = (groupedBackgroundEvents.get(id) || []).filter(function(event) {
+                    return localizer.inRange(date, accessors.start(event), accessors.end(event), "day");
+                });
+                return /*#__PURE__*/ React__default.createElement(DayColumn, Object.assign({}, this.props, {
+                    localizer: localizer,
+                    min: localizer.merge(date, min),
+                    max: localizer.merge(date, max),
+                    resource: resource && id,
+                    components: components,
+                    isNow: localizer.isSameDate(date, now),
+                    key: "".concat(id, "-").concat(date),
+                    date: date,
+                    events: daysEvents,
+                    backgroundEvents: daysBackgroundEvents,
+                    dayLayoutAlgorithm: dayLayoutAlgorithm
+                }));
+            }
+        },
+        {
+            key: "renderResourcesFirst",
+            value: function renderResourcesFirst(range, resources, groupedEvents, groupedBackgroundEvents, localizer, accessors, now, components, dayLayoutAlgorithm) {
+                var _this2 = this;
+                return resources.map(function(_ref) {
+                    var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], resource = _ref2[1];
+                    return range.map(function(date) {
+                        return _this2.renderDayColumn(date, id, resource, groupedEvents, groupedBackgroundEvents, localizer, accessors, components, dayLayoutAlgorithm, now);
+                    });
+                });
+            }
+        },
+        {
+            key: "renderRangeFirst",
+            value: function renderRangeFirst(range, resources, groupedEvents, groupedBackgroundEvents, localizer, accessors, now, components, dayLayoutAlgorithm) {
+                var _this3 = this;
+                return range.map(function(date) {
+                    return /*#__PURE__*/ React__default.createElement("div", {
+                        style: {
+                            display: "flex",
+                            minHeight: "100%",
+                            flex: 1
+                        },
+                        key: date
+                    }, resources.map(function(_ref3) {
+                        var _ref4 = _slicedToArray(_ref3, 2), id = _ref4[0], resource = _ref4[1];
+                        return /*#__PURE__*/ React__default.createElement("div", {
+                            style: {
+                                flex: 1
+                            },
+                            key: accessors.resourceId(resource)
+                        }, _this3.renderDayColumn(date, id, resource, groupedEvents, groupedBackgroundEvents, localizer, accessors, components, dayLayoutAlgorithm, now));
+                    }));
+                });
+            }
+        },
         {
             key: "renderEvents",
             value: function renderEvents(range, events, backgroundEvents, now) {
-                var _this2 = this;
-                var _this$props2 = this.props, min = _this$props2.min, max = _this$props2.max, components = _this$props2.components, accessors = _this$props2.accessors, localizer = _this$props2.localizer, dayLayoutAlgorithm = _this$props2.dayLayoutAlgorithm;
+                var _this$props3 = this.props, accessors = _this$props3.accessors, localizer = _this$props3.localizer, resourceGroupingLayout = _this$props3.resourceGroupingLayout, components = _this$props3.components, dayLayoutAlgorithm = _this$props3.dayLayoutAlgorithm;
                 var resources = this.memoizedResources(this.props.resources, accessors);
                 var groupedEvents = resources.groupEvents(events);
                 var groupedBackgroundEvents = resources.groupEvents(backgroundEvents);
-                return resources.map(function(_ref, i) {
-                    var _ref2 = _slicedToArray(_ref, 2), id = _ref2[0], resource = _ref2[1];
-                    return range.map(function(date, jj) {
-                        var daysEvents = (groupedEvents.get(id) || []).filter(function(event) {
-                            return localizer.inRange(date, accessors.start(event), accessors.end(event), "day");
-                        });
-                        var daysBackgroundEvents = (groupedBackgroundEvents.get(id) || []).filter(function(event) {
-                            return localizer.inRange(date, accessors.start(event), accessors.end(event), "day");
-                        });
-                        return /*#__PURE__*/ React__default.createElement(DayColumn, Object.assign({}, _this2.props, {
-                            localizer: localizer,
-                            min: localizer.merge(date, min),
-                            max: localizer.merge(date, max),
-                            resource: resource && id,
-                            components: components,
-                            isNow: localizer.isSameDate(date, now),
-                            key: i + "-" + jj,
-                            date: date,
-                            events: daysEvents,
-                            backgroundEvents: daysBackgroundEvents,
-                            dayLayoutAlgorithm: dayLayoutAlgorithm
-                        }));
-                    });
-                });
+                if (!resourceGroupingLayout) {
+                    return this.renderResourcesFirst(range, resources, groupedEvents, groupedBackgroundEvents, localizer, accessors, now, components, dayLayoutAlgorithm);
+                } else {
+                    return this.renderRangeFirst(range, resources, groupedEvents, groupedBackgroundEvents, localizer, accessors, now, components, dayLayoutAlgorithm);
+                }
             }
         },
         {
             key: "render",
             value: function render() {
                 var _this$props$allDayMax;
-                var _this$props3 = this.props, events = _this$props3.events, backgroundEvents = _this$props3.backgroundEvents, range = _this$props3.range, width = _this$props3.width, rtl = _this$props3.rtl, selected = _this$props3.selected, getNow = _this$props3.getNow, resources = _this$props3.resources, components = _this$props3.components, accessors = _this$props3.accessors, getters = _this$props3.getters, localizer = _this$props3.localizer, min = _this$props3.min, max = _this$props3.max, showMultiDayTimes = _this$props3.showMultiDayTimes, longPressThreshold = _this$props3.longPressThreshold, resizable = _this$props3.resizable;
+                var _this$props4 = this.props, events = _this$props4.events, backgroundEvents = _this$props4.backgroundEvents, range = _this$props4.range, width = _this$props4.width, rtl = _this$props4.rtl, selected = _this$props4.selected, getNow = _this$props4.getNow, resources = _this$props4.resources, components = _this$props4.components, accessors = _this$props4.accessors, getters = _this$props4.getters, localizer = _this$props4.localizer, min = _this$props4.min, max = _this$props4.max, showMultiDayTimes = _this$props4.showMultiDayTimes, longPressThreshold = _this$props4.longPressThreshold, resizable = _this$props4.resizable, resourceGroupingLayout = _this$props4.resourceGroupingLayout;
                 width = width || this.state.gutterWidth;
                 var start = range[0], end = range[range.length - 1];
                 this.slots = range.length;
@@ -47588,10 +47835,7 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
                 allDayEvents.sort(function(a, b) {
                     return sortEvents$2(a, b, accessors, localizer);
                 });
-                return /*#__PURE__*/ React__default.createElement("div", {
-                    className: clsx$1("rbc-time-view", resources && "rbc-time-view-resources"),
-                    ref: this.containerRef
-                }, /*#__PURE__*/ React__default.createElement(TimeGridHeader, {
+                var headerProps = {
                     range: range,
                     events: allDayEvents,
                     width: width,
@@ -47616,7 +47860,11 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
                     onDrillDown: this.props.onDrillDown,
                     getDrilldownView: this.props.getDrilldownView,
                     resizable: resizable
-                }), this.props.popup && this.renderOverlay(), /*#__PURE__*/ React__default.createElement("div", {
+                };
+                return /*#__PURE__*/ React__default.createElement("div", {
+                    className: clsx$1("rbc-time-view", resources && "rbc-time-view-resources"),
+                    ref: this.containerRef
+                }, resources && resources.length > 1 && resourceGroupingLayout ? /*#__PURE__*/ React__default.createElement(TimeGridHeaderResources, headerProps) : /*#__PURE__*/ React__default.createElement(TimeGridHeader, headerProps), this.props.popup && this.renderOverlay(), /*#__PURE__*/ React__default.createElement("div", {
                     ref: this.contentRef,
                     className: "rbc-time-content",
                     onScroll: this.handleScroll
@@ -47638,11 +47886,11 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
         {
             key: "renderOverlay",
             value: function renderOverlay() {
-                var _this$state$overlay, _this$state, _this3 = this;
+                var _this$state$overlay, _this$state, _this4 = this;
                 var overlay = (_this$state$overlay = (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.overlay) !== null && _this$state$overlay !== void 0 ? _this$state$overlay : {};
-                var _this$props4 = this.props, accessors = _this$props4.accessors, localizer = _this$props4.localizer, components = _this$props4.components, getters = _this$props4.getters, selected = _this$props4.selected, popupOffset = _this$props4.popupOffset, handleDragStart = _this$props4.handleDragStart;
+                var _this$props5 = this.props, accessors = _this$props5.accessors, localizer = _this$props5.localizer, components = _this$props5.components, getters = _this$props5.getters, selected = _this$props5.selected, popupOffset = _this$props5.popupOffset, handleDragStart = _this$props5.handleDragStart;
                 var onHide = function onHide() {
-                    return _this3.setState({
+                    return _this4.setState({
                         overlay: null
                     });
                 };
@@ -47675,15 +47923,15 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
         {
             key: "measureGutter",
             value: function measureGutter() {
-                var _this4 = this;
+                var _this5 = this;
                 if (this.measureGutterAnimationFrameRequest) {
                     window.cancelAnimationFrame(this.measureGutterAnimationFrameRequest);
                 }
                 this.measureGutterAnimationFrameRequest = window.requestAnimationFrame(function() {
-                    var _this4$gutterRef;
-                    var width = (_this4$gutterRef = _this4.gutterRef) !== null && _this4$gutterRef !== void 0 && _this4$gutterRef.current ? getWidth(_this4.gutterRef.current) : undefined;
-                    if (width && _this4.state.gutterWidth !== width) {
-                        _this4.setState({
+                    var _this5$gutterRef;
+                    var width = (_this5$gutterRef = _this5.gutterRef) !== null && _this5$gutterRef !== void 0 && _this5$gutterRef.current ? getWidth(_this5.gutterRef.current) : undefined;
+                    if (width && _this5.state.gutterWidth !== width) {
+                        _this5.setState({
                             gutterWidth: width
                         });
                     }
@@ -47716,7 +47964,9 @@ var TimeGrid = /*#__PURE__*/ function(_Component) {
 }(Component);
 TimeGrid.defaultProps = {
     step: 30,
-    timeslots: 2
+    timeslots: 2,
+    // To be compatible with old versions, default as `false`.
+    resourceGroupingLayout: false
 };
 var _excluded$4 = [
     "date",
@@ -48085,70 +48335,6 @@ function moveDate(View, _ref) {
     }
     return date;
 }
-var Toolbar = /*#__PURE__*/ function(_React$Component) {
-    function Toolbar() {
-        var _this;
-        _classCallCheck(this, Toolbar);
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        _this = _callSuper(this, Toolbar, [].concat(args));
-        _this.navigate = function(action) {
-            _this.props.onNavigate(action);
-        };
-        _this.view = function(view) {
-            _this.props.onView(view);
-        };
-        return _this;
-    }
-    _inherits(Toolbar, _React$Component);
-    return _createClass(Toolbar, [
-        {
-            key: "render",
-            value: function render() {
-                var _this$props = this.props, messages = _this$props.localizer.messages, label = _this$props.label;
-                return /*#__PURE__*/ React__default.createElement("div", {
-                    className: "rbc-toolbar"
-                }, /*#__PURE__*/ React__default.createElement("span", {
-                    className: "rbc-btn-group"
-                }, /*#__PURE__*/ React__default.createElement("button", {
-                    type: "button",
-                    onClick: this.navigate.bind(null, navigate.TODAY)
-                }, messages.today), /*#__PURE__*/ React__default.createElement("button", {
-                    type: "button",
-                    onClick: this.navigate.bind(null, navigate.PREVIOUS)
-                }, messages.previous), /*#__PURE__*/ React__default.createElement("button", {
-                    type: "button",
-                    onClick: this.navigate.bind(null, navigate.NEXT)
-                }, messages.next)), /*#__PURE__*/ React__default.createElement("span", {
-                    className: "rbc-toolbar-label"
-                }, label), /*#__PURE__*/ React__default.createElement("span", {
-                    className: "rbc-btn-group"
-                }, this.viewNamesGroup(messages)));
-            }
-        },
-        {
-            key: "viewNamesGroup",
-            value: function viewNamesGroup(messages) {
-                var _this2 = this;
-                var viewNames = this.props.views;
-                var view = this.props.view;
-                if (viewNames.length > 1) {
-                    return viewNames.map(function(name) {
-                        return /*#__PURE__*/ React__default.createElement("button", {
-                            type: "button",
-                            key: name,
-                            className: clsx$1({
-                                "rbc-active": view === name
-                            }),
-                            onClick: _this2.view.bind(null, name)
-                        }, messages[name]);
-                    });
-                }
-            }
-        }
-    ]);
-}(React__default.Component);
 /**
  * Retrieve via an accessor-like property
  *
@@ -48176,6 +48362,7 @@ var _excluded$8 = [
     "toolbar",
     "events",
     "backgroundEvents",
+    "resourceGroupingLayout",
     "style",
     "className",
     "elementProps",
@@ -48323,7 +48510,7 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
         {
             key: "render",
             value: function render() {
-                var _this$props4 = this.props, view = _this$props4.view, toolbar = _this$props4.toolbar, events = _this$props4.events, backgroundEvents = _this$props4.backgroundEvents, style = _this$props4.style, className = _this$props4.className, elementProps = _this$props4.elementProps, current = _this$props4.date, getNow = _this$props4.getNow, length = _this$props4.length, showMultiDayTimes = _this$props4.showMultiDayTimes, onShowMore = _this$props4.onShowMore, doShowMoreDrillDown = _this$props4.doShowMoreDrillDown;
+                var _this$props4 = this.props, view = _this$props4.view, toolbar = _this$props4.toolbar, events = _this$props4.events, backgroundEvents = _this$props4.backgroundEvents, resourceGroupingLayout = _this$props4.resourceGroupingLayout, style = _this$props4.style, className = _this$props4.className, elementProps = _this$props4.elementProps, current = _this$props4.date, getNow = _this$props4.getNow, length = _this$props4.length, showMultiDayTimes = _this$props4.showMultiDayTimes, onShowMore = _this$props4.onShowMore, doShowMoreDrillDown = _this$props4.doShowMoreDrillDown;
                 _this$props4.components;
                 _this$props4.formats;
                 _this$props4.messages;
@@ -48367,7 +48554,8 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
                     onKeyPressEvent: this.handleKeyPressEvent,
                     onSelectSlot: this.handleSelectSlot,
                     onShowMore: onShowMore,
-                    doShowMoreDrillDown: doShowMoreDrillDown
+                    doShowMoreDrillDown: doShowMoreDrillDown,
+                    resourceGroupingLayout: resourceGroupingLayout
                 })));
             }
         }
@@ -48383,7 +48571,7 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
         {
             key: "getContext",
             value: function getContext(_ref2) {
-                var startAccessor = _ref2.startAccessor, endAccessor = _ref2.endAccessor, allDayAccessor = _ref2.allDayAccessor, tooltipAccessor = _ref2.tooltipAccessor, titleAccessor = _ref2.titleAccessor, resourceAccessor = _ref2.resourceAccessor, resourceIdAccessor = _ref2.resourceIdAccessor, resourceTitleAccessor = _ref2.resourceTitleAccessor, eventPropGetter = _ref2.eventPropGetter, backgroundEventPropGetter = _ref2.backgroundEventPropGetter, slotPropGetter = _ref2.slotPropGetter, slotGroupPropGetter = _ref2.slotGroupPropGetter, dayPropGetter = _ref2.dayPropGetter, view = _ref2.view, views = _ref2.views, localizer = _ref2.localizer, culture = _ref2.culture, _ref2$messages = _ref2.messages, messages$1 = _ref2$messages === void 0 ? {} : _ref2$messages, _ref2$components = _ref2.components, components = _ref2$components === void 0 ? {} : _ref2$components, _ref2$formats = _ref2.formats, formats = _ref2$formats === void 0 ? {} : _ref2$formats;
+                var startAccessor = _ref2.startAccessor, endAccessor = _ref2.endAccessor, allDayAccessor = _ref2.allDayAccessor, tooltipAccessor = _ref2.tooltipAccessor, titleAccessor = _ref2.titleAccessor, resourceAccessor = _ref2.resourceAccessor, resourceIdAccessor = _ref2.resourceIdAccessor, resourceTitleAccessor = _ref2.resourceTitleAccessor, eventIdAccessor = _ref2.eventIdAccessor, eventPropGetter = _ref2.eventPropGetter, backgroundEventPropGetter = _ref2.backgroundEventPropGetter, slotPropGetter = _ref2.slotPropGetter, slotGroupPropGetter = _ref2.slotGroupPropGetter, dayPropGetter = _ref2.dayPropGetter, view = _ref2.view, views = _ref2.views, localizer = _ref2.localizer, culture = _ref2.culture, _ref2$messages = _ref2.messages, messages$1 = _ref2$messages === void 0 ? {} : _ref2$messages, _ref2$components = _ref2.components, components = _ref2$components === void 0 ? {} : _ref2$components, _ref2$formats = _ref2.formats, formats = _ref2$formats === void 0 ? {} : _ref2$formats;
                 var names = viewNames$2(views);
                 var msgs = messages(messages$1);
                 return {
@@ -48423,7 +48611,8 @@ var Calendar = /*#__PURE__*/ function(_React$Component) {
                         title: wrapAccessor(titleAccessor),
                         resource: wrapAccessor(resourceAccessor),
                         resourceId: wrapAccessor(resourceIdAccessor),
-                        resourceTitle: wrapAccessor(resourceTitleAccessor)
+                        resourceTitle: wrapAccessor(resourceTitleAccessor),
+                        eventId: wrapAccessor(eventIdAccessor)
                     }
                 };
             }
@@ -48456,6 +48645,7 @@ Calendar.defaultProps = {
     resourceAccessor: "resourceId",
     resourceIdAccessor: "id",
     resourceTitleAccessor: "title",
+    eventIdAccessor: "id",
     longPressThreshold: 250,
     getNow: function getNow() {
         return new Date();
@@ -53523,7 +53713,7 @@ function _objectWithoutPropertiesLoose(r, e) {
     if (null == r) return {};
     var t = {};
     for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
-        if (e.includes(n)) continue;
+        if (-1 !== e.indexOf(n)) continue;
         t[n] = r[n];
     }
     return t;
@@ -53537,8 +53727,8 @@ function _objectWithoutProperties(e, t) {
     if (null == e) return {};
     var o, r, i = objectWithoutPropertiesLoose$1(e, t);
     if (Object.getOwnPropertySymbols) {
-        var s = Object.getOwnPropertySymbols(e);
-        for(r = 0; r < s.length; r++)o = s[r], t.includes(o) || ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+        var n = Object.getOwnPropertySymbols(e);
+        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
     return i;
 }
@@ -55123,9 +55313,10 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
                 y: point.y,
                 x: point.x
             }, boundaryBox);
+            var end = _this._calculateDnDEnd(start);
             _this.context.draggable.onDropFromOutside({
                 start: start,
-                end: slotMetrics.nextSlot(start),
+                end: end,
                 allDay: false,
                 resource: resource
             });
@@ -55136,10 +55327,22 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
                 y: point.y,
                 x: point.x
             }, bounds);
-            var end = slotMetrics.nextSlot(start);
+            var end = _this._calculateDnDEnd(start);
             var event = _this.context.draggable.dragFromOutsideItem();
             _this.update(event, slotMetrics.getRange(start, end, false, true));
         };
+        _this._calculateDnDEnd = function(start) {
+            var _this$props3 = _this.props, accessors = _this$props3.accessors, slotMetrics = _this$props3.slotMetrics, localizer = _this$props3.localizer;
+            var event = _this.context.draggable.dragFromOutsideItem();
+            var _eventTimes2 = (0, _common$2.eventTimes)(event, accessors, localizer), eventDuration = _eventTimes2.duration;
+            var end = slotMetrics.nextSlot(start);
+            var eventHasDuration = !isNaN(eventDuration);
+            if (eventHasDuration) {
+                var eventEndSlot = localizer.add(start, eventDuration, "milliseconds");
+                end = new Date(Math.max(eventEndSlot, end));
+            }
+            return end;
+        };
         _this.updateParentScroll = function(parent, node) {
             setTimeout(function() {
                 var draggedEl = (0, _querySelectorAll.default)(node, ".rbc-addons-dnd-drag-preview")[0];
@@ -55290,10 +55493,10 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
         {
             key: "handleResize",
             value: function handleResize(point, bounds) {
-                var _this$props3 = this.props, accessors = _this$props3.accessors, slotMetrics = _this$props3.slotMetrics, localizer = _this$props3.localizer;
+                var _this$props4 = this.props, accessors = _this$props4.accessors, slotMetrics = _this$props4.slotMetrics, localizer = _this$props4.localizer;
                 var _this$context$draggab = this.context.draggable.dragAndDropAction, event = _this$context$draggab.event, direction = _this$context$draggab.direction;
                 var newTime = slotMetrics.closestSlotFromPoint(point, bounds);
-                var _eventTimes2 = (0, _common$2.eventTimes)(event, accessors, localizer), start = _eventTimes2.start, end = _eventTimes2.end;
+                var _eventTimes3 = (0, _common$2.eventTimes)(event, accessors, localizer), start = _eventTimes3.start, end = _eventTimes3.end;
                 var newRange;
                 if (direction === "UP") {
                     var newStart = localizer.min(newTime, slotMetrics.closestSlotFromDate(end, -1));
@@ -55318,7 +55521,7 @@ var EventContainerWrapper = /*#__PURE__*/ function(_React$Component) {
         {
             key: "renderContent",
             value: function renderContent() {
-                var _this$props4 = this.props, children = _this$props4.children, accessors = _this$props4.accessors, components = _this$props4.components, getters = _this$props4.getters, slotMetrics = _this$props4.slotMetrics, localizer = _this$props4.localizer;
+                var _this$props5 = this.props, children = _this$props5.children, accessors = _this$props5.accessors, components = _this$props5.components, getters = _this$props5.getters, slotMetrics = _this$props5.slotMetrics, localizer = _this$props5.localizer;
                 var _this$state = this.state, event = _this$state.event, top = _this$state.top, height = _this$state.height;
                 if (!event) return children;
                 var events = children.props.children;
@@ -57431,7 +57634,7 @@ function _instanceof(left, right) {
         return left instanceof right;
     }
 }
-var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.13", g = "/*!sc*/\n", S = "undefined" != typeof window && "HTMLElement" in window, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), E = /invalid hook call/i, N = new Set, P = function P(t, n) {
+var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.15", g = "/*!sc*/\n", S = "undefined" != typeof window && "HTMLElement" in window, w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV), E = /invalid hook call/i, N = new Set, P = function P(t, n) {
     if ("production" !== process.env.NODE_ENV) {
         var _$r = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(_$r, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.", i = console.error;
         try {
@@ -58080,7 +58283,7 @@ function it(e, o, s) {
             }(a, g);
             "production" !== process.env.NODE_ENV && e.warnTooManyClasses && e.warnTooManyClasses(E);
             var N = ie(p, d);
-            return E && (N += " " + E), g.className && (N += " " + g.className), w[L(S) && !A.has(S) ? "class" : "className"] = N, w.ref = s, createElement(S, w);
+            return E && (N += " " + E), g.className && (N += " " + g.className), w[L(S) && !A.has(S) ? "class" : "className"] = N, s && (w.ref = s), createElement(S, w);
         }(D, e, o);
     }
     O.displayName = y;
@@ -58862,6 +59065,7 @@ var LiffProvider = function(param) {
                         err = _state.sent();
                         setLiffError(err.toString());
                         console.log("LIFF init failed.", err);
+                        alert("LIFF init failed.");
                         return [
                             3,
                             6