@planningcenter/react-beautiful-dnd 13.4.0 → 13.5.0

package/dist/react-beautiful-dnd.esm.js

@@ -1,4 +1,4 @@
-import React, { useLayoutEffect, useEffect, useRef, useState, useContext } from 'react';
+import React, { useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useState, useContext } from 'react';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import { createStore as createStore$1, applyMiddleware, compose, bindActionCreators } from 'redux';
@@ -9,16 +9,16 @@ import memoizeOne from 'memoize-one';
 import rafSchd from 'raf-schd';
 import ReactDOM from 'react-dom';
 
-var isProduction = process.env.NODE_ENV === 'production';
+var isProduction$1 = process.env.NODE_ENV === 'production';
 var spacesAndTabs = /[ \t]{2,}/g;
 var lineStartWithSpaces = /^[ \t]*/gm;
 
-var clean = function clean(value) {
+var clean$2 = function clean(value) {
   return value.replace(spacesAndTabs, ' ').replace(lineStartWithSpaces, '').trim();
 };
 
 var getDevMessage = function getDevMessage(message) {
-  return clean("\n  %creact-beautiful-dnd\n\n  %c" + clean(message) + "\n\n  %c\uD83D\uDC77\u200D This is a development only message. It will be removed in production builds.\n");
+  return clean$2("\n  %creact-beautiful-dnd\n\n  %c" + clean$2(message) + "\n\n  %c\uD83D\uDC77\u200D This is a development only message. It will be removed in production builds.\n");
 };
 
 var getFormattedMessage = function getFormattedMessage(message) {
@@ -28,7 +28,7 @@ var isDisabledFlag = '__react-beautiful-dnd-disable-dev-warnings';
 function log(type, message) {
   var _console;
 
-  if (isProduction) {
+  if (isProduction$1) {
     return;
   }
 
@@ -41,7 +41,7 @@ function log(type, message) {
 var warning = log.bind(null, 'warn');
 var error = log.bind(null, 'error');
 
-function noop() {}
+function noop$2() {}
 
 function getOptions(shared, fromBinding) {
   return _extends({}, shared, {}, fromBinding);
@@ -62,8 +62,8 @@ function bindEvents(el, bindings, sharedOptions) {
   };
 }
 
-var isProduction$1 = process.env.NODE_ENV === 'production';
-var prefix = 'Invariant failed';
+var isProduction = process.env.NODE_ENV === 'production';
+var prefix$1 = 'Invariant failed';
 function RbdInvariant(message) {
   this.message = message;
 }
@@ -77,10 +77,10 @@ function invariant(condition, message) {
     return;
   }
 
-  if (isProduction$1) {
-    throw new RbdInvariant(prefix);
+  if (isProduction) {
+    throw new RbdInvariant(prefix$1);
   } else {
-    throw new RbdInvariant(prefix + ": " + (message || ''));
+    throw new RbdInvariant(prefix$1 + ": " + (message || ''));
   }
 }
 
@@ -96,7 +96,7 @@ var ErrorBoundary = function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.callbacks = null;
-    _this.unbind = noop;
+    _this.unbind = noop$2;
 
     _this.onWindowError = function (event) {
       var callbacks = _this.getCallbacks();
@@ -242,6 +242,7 @@ var preset = {
   onDragUpdate: onDragUpdate,
   onDragEnd: onDragEnd
 };
+var preset$1 = preset;
 
 var origin = {
   x: 0,
@@ -259,7 +260,7 @@ var subtract = function subtract(point1, point2) {
     y: point1.y - point2.y
   };
 };
-var isEqual = function isEqual(point1, point2) {
+var isEqual$1 = function isEqual(point1, point2) {
   return point1.x === point2.x && point1.y === point2.y;
 };
 var negate = function negate(point) {
@@ -280,7 +281,7 @@ var patch = function patch(line, value, otherValue) {
 var distance = function distance(point1, point2) {
   return Math.sqrt(Math.pow(point2.x - point1.x, 2) + Math.pow(point2.y - point1.y, 2));
 };
-var closest = function closest(target, points) {
+var closest$1 = function closest(target, points) {
   return Math.min.apply(Math, points.map(function (point) {
     return distance(target, point);
   }));
@@ -339,7 +340,7 @@ var noSpacing = {
   left: 0
 };
 
-var scroll = function scroll(target, frame) {
+var scroll$1 = function scroll(target, frame) {
   if (!frame) {
     return target;
   }
@@ -370,7 +371,7 @@ var getSubject = (function (_ref) {
       withPlaceholder = _ref.withPlaceholder,
       axis = _ref.axis,
       frame = _ref.frame;
-  var scrolled = scroll(page.marginBox, frame);
+  var scrolled = scroll$1(page.marginBox, frame);
   var increased = increase(scrolled, axis, withPlaceholder);
   var clipped = clip(increased, frame);
   return {
@@ -588,6 +589,7 @@ var noImpact = {
   displacedBy: noDisplacedBy,
   at: null
 };
+var noImpact$1 = noImpact;
 
 var isWithin = (function (lowerBound, upperBound) {
   return function (value) {
@@ -689,7 +691,7 @@ var isVisibleInViewport = function isVisibleInViewport(target, viewport, isVisib
   return isVisibleThroughFrameFn(viewport)(target);
 };
 
-var isVisible = function isVisible(_ref) {
+var isVisible$1 = function isVisible(_ref) {
   var toBeDisplaced = _ref.target,
       destination = _ref.destination,
       viewport = _ref.viewport,
@@ -700,17 +702,17 @@ var isVisible = function isVisible(_ref) {
 };
 
 var isPartiallyVisible = function isPartiallyVisible(args) {
-  return isVisible(_extends({}, args, {
+  return isVisible$1(_extends({}, args, {
     isVisibleThroughFrameFn: isPartiallyVisibleThroughFrame
   }));
 };
 var isTotallyVisible = function isTotallyVisible(args) {
-  return isVisible(_extends({}, args, {
+  return isVisible$1(_extends({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrame
   }));
 };
 var isTotallyVisibleOnAxis = function isTotallyVisibleOnAxis(args) {
-  return isVisible(_extends({}, args, {
+  return isVisible$1(_extends({}, args, {
     isVisibleThroughFrameFn: isTotallyVisibleThroughFrameOnAxis(args.destination.axis)
   }));
 };
@@ -1192,7 +1194,7 @@ var scrollViewport = (function (viewport, newScroll) {
   return updated;
 });
 
-function getDraggables(ids, draggables) {
+function getDraggables$1(ids, draggables) {
   return ids.map(function (id) {
     return draggables[id];
   });
@@ -1220,7 +1222,7 @@ var speculativelyIncrease = (function (_ref) {
   var scrolledDroppable = destination.frame ? scrollDroppable(destination, add(destination.frame.scroll.current, maxScrollChange)) : destination;
   var last = impact.displaced;
   var withViewportScroll = getDisplacementGroups({
-    afterDragging: getDraggables(last.all, draggables),
+    afterDragging: getDraggables$1(last.all, draggables),
     destination: destination,
     displacedBy: impact.displacedBy,
     viewport: scrolledViewport.frame,
@@ -1228,7 +1230,7 @@ var speculativelyIncrease = (function (_ref) {
     forceShouldAnimate: false
   });
   var withDroppableScroll = getDisplacementGroups({
-    afterDragging: getDraggables(last.all, draggables),
+    afterDragging: getDraggables$1(last.all, draggables),
     destination: scrolledDroppable,
     displacedBy: impact.displacedBy,
     viewport: viewport.frame,
@@ -1452,8 +1454,8 @@ var getBestCrossAxisDroppable = (function (_ref) {
   }
 
   return candidates.sort(function (a, b) {
-    var first = closest(pageBorderBoxCenter, getCorners(getKnownActive(a)));
-    var second = closest(pageBorderBoxCenter, getCorners(getKnownActive(b)));
+    var first = closest$1(pageBorderBoxCenter, getCorners(getKnownActive(a)));
+    var second = closest$1(pageBorderBoxCenter, getCorners(getKnownActive(b)));
 
     if (first !== second) {
       return first - second;
@@ -1761,7 +1763,7 @@ var whatIsDraggedOver = (function (impact) {
   return at.combine.droppableId;
 });
 
-var getDroppableOver = function getDroppableOver(impact, droppables) {
+var getDroppableOver$1 = function getDroppableOver(impact, droppables) {
   var id = whatIsDraggedOver(impact);
   return id ? droppables[id] : null;
 };
@@ -1769,7 +1771,7 @@ var getDroppableOver = function getDroppableOver(impact, droppables) {
 var moveInDirection = (function (_ref) {
   var state = _ref.state,
       type = _ref.type;
-  var isActuallyOver = getDroppableOver(state.impact, state.dimensions.droppables);
+  var isActuallyOver = getDroppableOver$1(state.impact, state.dimensions.droppables);
   var isMainAxisMovementAllowed = Boolean(isActuallyOver);
   var home = state.dimensions.droppables[state.critical.droppable.id];
   var isOver = isActuallyOver || home;
@@ -1842,7 +1844,7 @@ function getFurthestAway(_ref) {
   return sorted[0] ? sorted[0].id : null;
 }
 
-function getDroppableOver$1(_ref2) {
+function getDroppableOver(_ref2) {
   var pageBorderBox = _ref2.pageBorderBox,
       draggable = _ref2.draggable,
       droppables = _ref2.droppables;
@@ -2064,14 +2066,14 @@ var getDragImpact = (function (_ref) {
       viewport = _ref.viewport,
       afterCritical = _ref.afterCritical;
   var pageBorderBox = offsetRectByPosition(draggable.page.borderBox, pageOffset);
-  var destinationId = getDroppableOver$1({
+  var destinationId = getDroppableOver({
     pageBorderBox: pageBorderBox,
     draggable: draggable,
     droppables: droppables
   });
 
   if (!destinationId) {
-    return noImpact;
+    return noImpact$1;
   }
 
   var destination = droppables[destinationId];
@@ -2226,7 +2228,7 @@ var update = (function (_ref) {
   return result;
 });
 
-function getDraggables$1(ids, draggables) {
+function getDraggables(ids, draggables) {
   return ids.map(function (id) {
     return draggables[id];
   });
@@ -2239,7 +2241,7 @@ var recompute = (function (_ref) {
       destination = _ref.destination,
       forceShouldAnimate = _ref.forceShouldAnimate;
   var last = impact.displaced;
-  var afterDragging = getDraggables$1(last.all, draggables);
+  var afterDragging = getDraggables(last.all, draggables);
   var displaced = getDisplacementGroups({
     afterDragging: afterDragging,
     destination: destination,
@@ -2536,18 +2538,18 @@ function removeScrollJumpRequest(state) {
   return state;
 }
 
-var idle = {
+var idle$2 = {
   phase: 'IDLE',
   completed: null,
   shouldFlush: false
 };
 var reducer = (function (state, action) {
   if (state === void 0) {
-    state = idle;
+    state = idle$2;
   }
 
   if (action.type === 'FLUSH') {
-    return _extends({}, idle, {
+    return _extends({}, idle$2, {
       shouldFlush: true
     });
   }
@@ -2639,7 +2641,7 @@ var reducer = (function (state, action) {
     !isMovementAllowed(state) ? process.env.NODE_ENV !== "production" ? invariant(false, action.type + " not permitted in phase " + state.phase) : invariant(false) : void 0;
     var _clientSelection = action.payload.client;
 
-    if (isEqual(_clientSelection, state.current.client.selection)) {
+    if (isEqual$1(_clientSelection, state.current.client.selection)) {
       return state;
     }
 
@@ -2722,7 +2724,7 @@ var reducer = (function (state, action) {
     !state.isWindowScrollAllowed ? process.env.NODE_ENV !== "production" ? invariant(false, 'Window scrolling is currently not supported for fixed lists') : invariant(false) : void 0;
     var _newScroll = action.payload.newScroll;
 
-    if (isEqual(state.viewport.scroll.current, _newScroll)) {
+    if (isEqual$1(state.viewport.scroll.current, _newScroll)) {
       return removeScrollJumpRequest(state);
     }
 
@@ -2748,7 +2750,7 @@ var reducer = (function (state, action) {
 
     var maxScroll = action.payload.maxScroll;
 
-    if (isEqual(maxScroll, state.viewport.scroll.max)) {
+    if (isEqual$1(maxScroll, state.viewport.scroll.max)) {
       return state;
     }
 
@@ -2838,7 +2840,7 @@ var beforeInitialCapture = function beforeInitialCapture(args) {
     payload: args
   };
 };
-var lift = function lift(args) {
+var lift$1 = function lift(args) {
   return {
     type: 'LIFT',
     payload: args
@@ -2940,7 +2942,7 @@ var completeDrop = function completeDrop(args) {
     payload: args
   };
 };
-var drop = function drop(args) {
+var drop$1 = function drop(args) {
   return {
     type: 'DROP',
     payload: args
@@ -2996,7 +2998,7 @@ function validateDimensions(critical, dimensions) {
   }
 }
 
-var lift$1 = (function (marshal) {
+var lift = (function (marshal) {
   return function (_ref) {
     var getState = _ref.getState,
         dispatch = _ref.dispatch;
@@ -3104,7 +3106,7 @@ var transitions = {
 };
 
 var moveTo = function moveTo(offset) {
-  return isEqual(offset, origin) ? null : "translate(" + offset.x + "px, " + offset.y + "px)";
+  return isEqual$1(offset, origin) ? null : "translate(" + offset.x + "px, " + offset.y + "px)";
 };
 
 var transforms = {
@@ -3211,7 +3213,7 @@ var getDropImpact = (function (_ref) {
   };
 });
 
-var drop$1 = (function (_ref) {
+var drop = (function (_ref) {
   var getState = _ref.getState,
       dispatch = _ref.dispatch;
   return function (next) {
@@ -3282,7 +3284,7 @@ var drop$1 = (function (_ref) {
         result: result,
         impact: impact
       };
-      var isAnimationRequired = !isEqual(state.current.client.offset, newHomeClientOffset) || Boolean(result.combine);
+      var isAnimationRequired = !isEqual$1(state.current.client.offset, newHomeClientOffset) || Boolean(result.combine);
 
       if (!isAnimationRequired) {
         dispatch(completeDrop({
@@ -3339,10 +3341,10 @@ function getScrollListener(_ref) {
 
   var scheduled = rafSchd(updateScroll);
   var binding = getWindowScrollBinding(scheduled);
-  var unbind = noop;
+  var unbind = noop$2;
 
   function isActive() {
-    return unbind !== noop;
+    return unbind !== noop$2;
   }
 
   function start() {
@@ -3354,7 +3356,7 @@ function getScrollListener(_ref) {
     !isActive() ? process.env.NODE_ENV !== "production" ? invariant(false, 'Cannot stop scroll listener when not active') : invariant(false) : void 0;
     scheduled.cancel();
     unbind();
-    unbind = noop;
+    unbind = noop$2;
   }
 
   return {
@@ -3574,7 +3576,7 @@ var getPublisher = (function (getResponders, announce) {
     };
     asyncMarshal.add(function () {
       withTimings('onDragStart', function () {
-        return execute(getResponders().onDragStart, data, announce, preset.onDragStart);
+        return execute(getResponders().onDragStart, data, announce, preset$1.onDragStart);
       });
     });
   };
@@ -3612,7 +3614,7 @@ var getPublisher = (function (getResponders, announce) {
 
     asyncMarshal.add(function () {
       withTimings('onDragUpdate', function () {
-        return execute(getResponders().onDragUpdate, data, announce, preset.onDragUpdate);
+        return execute(getResponders().onDragUpdate, data, announce, preset$1.onDragUpdate);
       });
     });
   };
@@ -3626,7 +3628,7 @@ var getPublisher = (function (getResponders, announce) {
     !dragging ? process.env.NODE_ENV !== "production" ? invariant(false, 'Cannot fire onDragEnd when there is no matching onDragStart') : invariant(false) : void 0;
     dragging = null;
     withTimings('onDragEnd', function () {
-      return execute(getResponders().onDragEnd, result, announce, preset.onDragEnd);
+      return execute(getResponders().onDragEnd, result, announce, preset$1.onDragEnd);
     });
   };
 
@@ -3868,7 +3870,7 @@ var pendingDrop = (function (store) {
         return;
       }
 
-      store.dispatch(drop({
+      store.dispatch(drop$1({
         reason: postActionState.reason
       }));
     };
@@ -3885,7 +3887,7 @@ var createStore = (function (_ref) {
       getResponders = _ref.getResponders,
       announce = _ref.announce,
       autoScroller = _ref.autoScroller;
-  return createStore$1(reducer, composeEnhancers(applyMiddleware(style(styleMarshal), dimensionMarshalStopper(dimensionMarshal), lift$1(dimensionMarshal), drop$1, dropAnimationFinish, dropAnimationFlushOnScroll, pendingDrop, autoScroll(autoScroller), scrollListener, focus(focusMarshal), responders(getResponders, announce))));
+  return createStore$1(reducer, composeEnhancers(applyMiddleware(style(styleMarshal), dimensionMarshalStopper(dimensionMarshal), lift(dimensionMarshal), drop, dropAnimationFinish, dropAnimationFlushOnScroll, pendingDrop, autoScroll(autoScroller), scrollListener, focus(focusMarshal), responders(getResponders, announce))));
 });
 
 var clean$1 = function clean() {
@@ -4298,6 +4300,7 @@ var config = {
     accelerateAt: 360
   }
 };
+var config$1 = config;
 
 var minScroll = 1;
 
@@ -4306,7 +4309,7 @@ var getValueFromDistance = (function (distanceToEdge, thresholds, configOverride
     return 0;
   }
 
-  var maxSpeed = (configOverride == null ? void 0 : configOverride.maxPixelScroll) || config.maxPixelScroll;
+  var maxSpeed = (configOverride == null ? void 0 : configOverride.maxPixelScroll) || config$1.maxPixelScroll;
 
   if (distanceToEdge <= thresholds.maxScrollValueAt) {
     return maxSpeed;
@@ -4322,18 +4325,18 @@ var getValueFromDistance = (function (distanceToEdge, thresholds, configOverride
     current: distanceToEdge
   });
   var percentageFromStartScrollingFrom = 1 - percentageFromMaxScrollValueAt;
-  var scroll = maxSpeed * config.ease(percentageFromStartScrollingFrom);
+  var scroll = maxSpeed * config$1.ease(percentageFromStartScrollingFrom);
   return Math.ceil(scroll);
 });
 
-var defaultAccelerateAt = config.durationDampening.accelerateAt;
-var defaultStopAt = config.durationDampening.stopDampeningAt;
+var defaultAccelerateAt = config$1.durationDampening.accelerateAt;
+var defaultStopAt = config$1.durationDampening.stopDampeningAt;
 var dampenValueByTime = (function (proposedScroll, dragStartTime, configOverride) {
   var _configOverride$durat, _configOverride$durat2;
 
   var accelerateAt = (configOverride == null ? void 0 : (_configOverride$durat = configOverride.durationDampening) == null ? void 0 : _configOverride$durat.accelerateAt) || defaultAccelerateAt;
   var stopAt = (configOverride == null ? void 0 : (_configOverride$durat2 = configOverride.durationDampening) == null ? void 0 : _configOverride$durat2.stopDampeningAt) || defaultStopAt;
-  var ease = (configOverride == null ? void 0 : configOverride.ease) || config.ease;
+  var ease = (configOverride == null ? void 0 : configOverride.ease) || config$1.ease;
   var startOfRange = dragStartTime;
   var endOfRange = stopAt;
   var now = Date.now();
@@ -4540,8 +4543,8 @@ var bufferThresholds = (function (_ref) {
 });
 
 var getDistanceThresholds = (function (container, axis, configOverride) {
-  var startFromPercentage = (configOverride == null ? void 0 : configOverride.startFromPercentage) || config.startFromPercentage;
-  var maxScrollAtPercentage = (configOverride == null ? void 0 : configOverride.maxScrollAtPercentage) || config.maxScrollAtPercentage;
+  var startFromPercentage = (configOverride == null ? void 0 : configOverride.startFromPercentage) || config$1.startFromPercentage;
+  var maxScrollAtPercentage = (configOverride == null ? void 0 : configOverride.maxScrollAtPercentage) || config$1.maxScrollAtPercentage;
   var startScrollingFrom = container[axis.size] * startFromPercentage;
   var maxScrollValueAt = container[axis.size] * maxScrollAtPercentage;
   var thresholds = {
@@ -4551,10 +4554,10 @@ var getDistanceThresholds = (function (container, axis, configOverride) {
   return thresholds;
 });
 
-var clean$2 = apply(function (value) {
+var clean = apply(function (value) {
   return value === 0 ? 0 : value;
 });
-var getScroll = (function (_ref) {
+var getScroll$1 = (function (_ref) {
   var dragStartTime = _ref.dragStartTime,
       container = _ref.container,
       containerScroll = _ref.containerScroll,
@@ -4589,12 +4592,12 @@ var getScroll = (function (_ref) {
     shouldUseTimeDampening: shouldUseTimeDampening,
     thresholds: thresholdsHorizontal
   });
-  var required = clean$2({
+  var required = clean({
     x: x,
     y: y
   });
 
-  if (isEqual(required, origin)) {
+  if (isEqual$1(required, origin)) {
     return null;
   }
 
@@ -4641,7 +4644,7 @@ var getScroll = (function (_ref) {
     }
   }
 
-  return isEqual(scroll, origin) ? null : scroll;
+  return isEqual$1(scroll, origin) ? null : scroll;
 });
 
 var smallestSigned = apply(function (value) {
@@ -4674,7 +4677,7 @@ var getOverlap = function () {
       y: getRemainder(targetScroll.y, max.y)
     };
 
-    if (isEqual(overlap, origin)) {
+    if (isEqual$1(overlap, origin)) {
       return null;
     }
 
@@ -4773,7 +4776,7 @@ var getWindowScrollChange = (function (_ref) {
     x: viewport.scroll.current.x,
     y: viewport.scroll.current.y
   };
-  var scroll = getScroll({
+  var scroll = getScroll$1({
     dragStartTime: dragStartTime,
     container: viewport.frame,
     containerScroll: viewport.scroll,
@@ -4801,7 +4804,7 @@ var getDroppableScrollChange = (function (_ref) {
     return null;
   }
 
-  var scroll = getScroll({
+  var scroll = getScroll$1({
     dragStartTime: dragStartTime,
     container: frame.pageMarginBox,
     containerScroll: frame.scroll,
@@ -4814,7 +4817,7 @@ var getDroppableScrollChange = (function (_ref) {
   return scroll && canScrollDroppable(droppable, scroll) ? scroll : null;
 });
 
-var scroll$1 = (function (_ref) {
+var scroll = (function (_ref) {
   var state = _ref.state,
       dragStartTime = _ref.dragStartTime,
       shouldUseTimeDampening = _ref.shouldUseTimeDampening,
@@ -4883,7 +4886,7 @@ var createFluidScroller = (function (_ref) {
     var _dragging = dragging,
         shouldUseTimeDampening = _dragging.shouldUseTimeDampening,
         dragStartTime = _dragging.dragStartTime;
-    scroll$1({
+    scroll({
       state: state,
       scrollWindow: scheduleWindowScroll,
       scrollDroppable: scheduleDroppableScroll,
@@ -4903,7 +4906,7 @@ var createFluidScroller = (function (_ref) {
       wasScrollNeeded = true;
     };
 
-    scroll$1({
+    scroll({
       state: state,
       dragStartTime: 0,
       shouldUseTimeDampening: false,
@@ -5060,9 +5063,9 @@ var createAutoScroller = (function (_ref) {
   return scroller;
 });
 
-var prefix$1 = 'data-rbd';
+var prefix = 'data-rbd';
 var dragHandle = function () {
-  var base = prefix$1 + "-drag-handle";
+  var base = prefix + "-drag-handle";
   return {
     base: base,
     draggableId: base + "-draggable-id",
@@ -5070,7 +5073,7 @@ var dragHandle = function () {
   };
 }();
 var draggable = function () {
-  var base = prefix$1 + "-draggable";
+  var base = prefix + "-draggable";
   return {
     base: base,
     contextId: base + "-context-id",
@@ -5078,7 +5081,7 @@ var draggable = function () {
   };
 }();
 var droppable = function () {
-  var base = prefix$1 + "-droppable";
+  var base = prefix + "-droppable";
   return {
     base: base,
     contextId: base + "-context-id",
@@ -5086,7 +5089,7 @@ var droppable = function () {
   };
 }();
 var scrollContainer = {
-  contextId: prefix$1 + "-scroll-container-context-id"
+  contextId: prefix + "-scroll-container-context-id"
 };
 
 var makeGetSelector = function makeGetSelector(context) {
@@ -5158,7 +5161,8 @@ var getStyles$1 = (function (contextId) {
   };
 });
 
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect$1 : useEffect;
+var useLayoutEffect = useIsomorphicLayoutEffect;
 
 var getHead = function getHead() {
   var head = document.querySelector('head');
@@ -5193,14 +5197,14 @@ function useStyleMarshal(contextId, nonce) {
     !el ? process.env.NODE_ENV !== "production" ? invariant(false, 'Cannot set dynamic style element if it is not set') : invariant(false) : void 0;
     el.textContent = proposed;
   }, []);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     !(!alwaysRef.current && !dynamicRef.current) ? process.env.NODE_ENV !== "production" ? invariant(false, 'style elements already mounted') : invariant(false) : void 0;
     var always = createStyleEl(nonce);
     var dynamic = createStyleEl(nonce);
     alwaysRef.current = always;
     dynamicRef.current = dynamic;
-    always.setAttribute(prefix$1 + "-always", contextId);
-    dynamic.setAttribute(prefix$1 + "-dynamic", contextId);
+    always.setAttribute(prefix + "-always", contextId);
+    dynamic.setAttribute(prefix + "-dynamic", contextId);
     getHead().appendChild(always);
     getHead().appendChild(dynamic);
     setAlwaysStyle(styles.always);
@@ -5343,7 +5347,7 @@ function useFocusMarshal(contextId) {
 
     recordRef.current = id;
   }, []);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     isMountedRef.current = true;
     return function clearFrameOnUnmount() {
       isMountedRef.current = false;
@@ -5537,6 +5541,7 @@ var visuallyHidden = {
   clip: 'rect(0 0 0 0)',
   'clip-path': 'inset(100%)'
 };
+var visuallyHidden$1 = visuallyHidden;
 
 var getId = function getId(contextId) {
   return "rbd-announcement-" + contextId;
@@ -5553,7 +5558,7 @@ function useAnnouncer(contextId) {
     el.setAttribute('aria-live', 'assertive');
     el.setAttribute('aria-atomic', 'true');
 
-    _extends(el.style, visuallyHidden);
+    _extends(el.style, visuallyHidden$1);
 
     getBodyElement().appendChild(el);
     return function cleanup() {
@@ -5583,12 +5588,12 @@ function useAnnouncer(contextId) {
   return announce;
 }
 
-var count = 0;
+var count$1 = 0;
 var defaults = {
   separator: '::'
 };
-function reset() {
-  count = 0;
+function reset$1() {
+  count$1 = 0;
 }
 function useUniqueId(prefix, options) {
   if (options === void 0) {
@@ -5596,7 +5601,7 @@ function useUniqueId(prefix, options) {
   }
 
   return useMemo(function () {
-    return "" + prefix + options.separator + count++;
+    return "" + prefix + options.separator + count$1++;
   }, [options.separator, prefix]);
 }
 
@@ -5815,6 +5820,8 @@ var supportedEventName = function () {
   return supported || base;
 }();
 
+var supportedPageVisibilityEventName = supportedEventName;
+
 var primaryButton = 0;
 var sloppyClickThreshold = 5;
 
@@ -5939,14 +5946,14 @@ function getCaptureBindings(_ref) {
       event.preventDefault();
     }
   }, {
-    eventName: supportedEventName,
+    eventName: supportedPageVisibilityEventName,
     fn: cancel
   }];
 }
 
 function useMouseSensor(api) {
   var phaseRef = useRef(idle$1);
-  var unbindEventsRef = useRef(noop);
+  var unbindEventsRef = useRef(noop$2);
   var startCaptureBinding = useMemo(function () {
     return {
       eventName: 'mousedown',
@@ -6077,7 +6084,7 @@ function useMouseSensor(api) {
     };
     bindCapturingEvents();
   }, [bindCapturingEvents]);
-  useIsomorphicLayoutEffect(function mount() {
+  useLayoutEffect(function mount() {
     listenForCapture();
     return function unmount() {
       unbindEventsRef.current();
@@ -6170,7 +6177,7 @@ function getDraggingBindings(actions, stop) {
       passive: true
     }
   }, {
-    eventName: supportedEventName,
+    eventName: supportedPageVisibilityEventName,
     fn: cancel
   }];
 }
@@ -6229,7 +6236,7 @@ function useKeyboardSensor(api) {
     };
     unbindEventsRef.current = bindEvents(window, [startCaptureBinding], options);
   }, [startCaptureBinding]);
-  useIsomorphicLayoutEffect(function mount() {
+  useLayoutEffect(function mount() {
     listenForCapture();
     return function unmount() {
       unbindEventsRef.current();
@@ -6237,7 +6244,7 @@ function useKeyboardSensor(api) {
   }, [listenForCapture]);
 }
 
-var idle$2 = {
+var idle = {
   type: 'IDLE'
 };
 var timeForLongPress = 120;
@@ -6272,7 +6279,7 @@ function getWindowBindings(_ref) {
       cancel();
     }
   }, {
-    eventName: supportedEventName,
+    eventName: supportedPageVisibilityEventName,
     fn: cancel
   }];
 }
@@ -6372,14 +6379,14 @@ function getHandleBindings(_ref2) {
       event.preventDefault();
     }
   }, {
-    eventName: supportedEventName,
+    eventName: supportedPageVisibilityEventName,
     fn: cancel
   }];
 }
 
 function useTouchSensor(api) {
-  var phaseRef = useRef(idle$2);
-  var unbindEventsRef = useRef(noop);
+  var phaseRef = useRef(idle);
+  var unbindEventsRef = useRef(noop$2);
   var getPhase = useCallback(function getPhase() {
     return phaseRef.current;
   }, []);
@@ -6440,7 +6447,7 @@ function useTouchSensor(api) {
       clearTimeout(current.longPressTimerId);
     }
 
-    setPhase(idle$2);
+    setPhase(idle);
     unbindEventsRef.current();
     listenForCapture();
   }, [listenForCapture, setPhase]);
@@ -6497,7 +6504,7 @@ function useTouchSensor(api) {
     });
     bindCapturingEvents(target);
   }, [bindCapturingEvents, getPhase, setPhase, startDragging]);
-  useIsomorphicLayoutEffect(function mount() {
+  useLayoutEffect(function mount() {
     listenForCapture();
     return function unmount() {
       unbindEventsRef.current();
@@ -6505,11 +6512,11 @@ function useTouchSensor(api) {
 
       if (phase.type === 'PENDING') {
         clearTimeout(phase.longPressTimerId);
-        setPhase(idle$2);
+        setPhase(idle);
       }
     };
   }, [getPhase, listenForCapture, setPhase]);
-  useIsomorphicLayoutEffect(function webkitHack() {
+  useLayoutEffect(function webkitHack() {
     var unbind = bindEvents(window, [{
       eventName: 'touchmove',
       fn: function fn() {},
@@ -6610,7 +6617,7 @@ function closestPonyfill(el, selector) {
   return closestPonyfill(el.parentElement, selector);
 }
 
-function closest$1(el, selector) {
+function closest(el, selector) {
   if (el.closest) {
     return el.closest(selector);
   }
@@ -6631,7 +6638,7 @@ function findClosestDragHandleFromEvent(contextId, event) {
   }
 
   var selector = getSelector(contextId);
-  var handle = closest$1(target, selector);
+  var handle = closest(target, selector);
 
   if (!handle) {
     return null;
@@ -6761,7 +6768,7 @@ function tryStart(_ref3) {
     return null;
   }
 
-  var lock = lockAPI.claim(forceSensorStop || noop);
+  var lock = lockAPI.claim(forceSensorStop || noop$2);
   var phase = 'PRE_DRAG';
 
   function getShouldRespectForcePress() {
@@ -6785,7 +6792,7 @@ function tryStart(_ref3) {
 
   var tryDispatchWhenDragging = tryDispatch.bind(null, 'DRAGGING');
 
-  function lift$1(args) {
+  function lift(args) {
     function completed() {
       lockAPI.release();
       phase = 'COMPLETED';
@@ -6796,7 +6803,7 @@ function tryStart(_ref3) {
       !(phase === 'PRE_DRAG') ? process.env.NODE_ENV !== "production" ? invariant(false, "Cannot lift in phase " + phase) : invariant(false) : void 0;
     }
 
-    store.dispatch(lift(args.liftActionArgs));
+    store.dispatch(lift$1(args.liftActionArgs));
     phase = 'DRAGGING';
 
     function finish(reason, options) {
@@ -6822,7 +6829,7 @@ function tryStart(_ref3) {
       }
 
       completed();
-      store.dispatch(drop({
+      store.dispatch(drop$1({
         reason: reason
       }));
     }
@@ -6854,7 +6861,7 @@ function tryStart(_ref3) {
         });
       });
     });
-    var api = lift$1({
+    var api = lift({
       liftActionArgs: {
         id: draggableId,
         clientSelection: clientSelection,
@@ -6887,13 +6894,13 @@ function tryStart(_ref3) {
         return tryDispatchWhenDragging(moveLeft);
       }
     };
-    return lift$1({
+    return lift({
       liftActionArgs: {
         id: draggableId,
         clientSelection: getBorderBoxCenterPosition(el),
         movementMode: 'SNAP'
       },
-      cleanup: noop,
+      cleanup: noop$2,
       actions: actions
     });
   }
@@ -6944,7 +6951,7 @@ function useSensorMarshal(_ref4) {
       lockAPI.tryAbandon();
     }
   }, [lockAPI]);
-  useIsomorphicLayoutEffect(function listenToStore() {
+  useLayoutEffect(function listenToStore() {
     var previous = store.getState();
     var unsubscribe = store.subscribe(function () {
       var current = store.getState();
@@ -6953,7 +6960,7 @@ function useSensorMarshal(_ref4) {
     });
     return unsubscribe;
   }, [lockAPI, store, tryAbandonLock]);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     return lockAPI.tryAbandon;
   }, [lockAPI.tryAbandon]);
   var canGetLock = useCallback(function (draggableId) {
@@ -7150,23 +7157,23 @@ function App(props) {
   }, props.children));
 }
 
-var count$1 = 0;
-function reset$1() {
-  count$1 = 0;
+var count = 0;
+function reset() {
+  count = 0;
 }
 function useInstanceCount() {
   return useMemo(function () {
-    return "" + count$1++;
+    return "" + count++;
   }, []);
 }
 
 function resetServerContext() {
-  reset$1();
   reset();
+  reset$1();
 }
 function DragDropContext(props) {
   var contextId = useInstanceCount();
-  var dragHandleUsageInstructions = props.dragHandleUsageInstructions || preset.dragHandleUsageInstructions;
+  var dragHandleUsageInstructions = props.dragHandleUsageInstructions || preset$1.dragHandleUsageInstructions;
   return React.createElement(ErrorBoundary, null, function (setCallbacks) {
     return React.createElement(App, {
       nonce: props.nonce,
@@ -7185,15 +7192,15 @@ function DragDropContext(props) {
   });
 }
 
-var isEqual$1 = function isEqual(base) {
+var isEqual = function isEqual(base) {
   return function (value) {
     return base === value;
   };
 };
 
-var isScroll = isEqual$1('scroll');
-var isAuto = isEqual$1('auto');
-var isVisible$1 = isEqual$1('visible');
+var isScroll = isEqual('scroll');
+var isAuto = isEqual('auto');
+var isVisible = isEqual('visible');
 
 var isEither = function isEither(overflow, fn) {
   return fn(overflow.overflowX) || fn(overflow.overflowY);
@@ -7236,7 +7243,7 @@ var isBodyScrollable = function isBodyScrollable() {
     overflowY: htmlStyle.overflowY
   };
 
-  if (isBoth(htmlOverflow, isVisible$1)) {
+  if (isBoth(htmlOverflow, isVisible)) {
     return false;
   }
 
@@ -7264,12 +7271,14 @@ var getClosestScrollable = function getClosestScrollable(el) {
   return el;
 };
 
+var getClosestScrollable$1 = getClosestScrollable;
+
 var checkForNestedScrollContainers = (function (scrollable) {
   if (!scrollable) {
     return;
   }
 
-  var anotherScrollParent = getClosestScrollable(scrollable.parentElement);
+  var anotherScrollParent = getClosestScrollable$1(scrollable.parentElement);
 
   if (!anotherScrollParent) {
     return;
@@ -7278,7 +7287,7 @@ var checkForNestedScrollContainers = (function (scrollable) {
   process.env.NODE_ENV !== "production" ? warning("\n    Droppable: unsupported nested scroll container detected.\n    A Droppable can only have one scroll parent (which can be itself)\n    Nested scroll containers are currently not supported.\n\n    We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131\n  ") : void 0;
 });
 
-var getScroll$1 = (function (el) {
+var getScroll = (function (el) {
   return {
     x: el.scrollLeft,
     y: el.scrollTop
@@ -7300,7 +7309,7 @@ var getIsFixed = function getIsFixed(el) {
 };
 
 var getEnv = (function (start) {
-  var closestScrollable = getClosestScrollable(start);
+  var closestScrollable = getClosestScrollable$1(start);
   var isFixedOnPage = getIsFixed(start);
   return {
     closestScrollable: closestScrollable,
@@ -7400,7 +7409,7 @@ var getClient = function getClient(targetRef, closestScrollable) {
   return client;
 };
 
-var getDimension = (function (_ref) {
+var getDimension$1 = (function (_ref) {
   var ref = _ref.ref,
       descriptor = _ref.descriptor,
       env = _ref.env,
@@ -7426,7 +7435,7 @@ var getDimension = (function (_ref) {
     return {
       client: frameClient,
       page: withScroll(frameClient, windowScroll),
-      scroll: getScroll$1(closestScrollable),
+      scroll: getScroll(closestScrollable),
       scrollSize: scrollSize,
       shouldClipSubject: shouldClipSubject
     };
@@ -7497,7 +7506,7 @@ function useDroppablePublisher(args) {
       return origin;
     }
 
-    return getScroll$1(dragging.env.closestScrollable);
+    return getScroll(dragging.env.closestScrollable);
   }, []);
   var updateScroll = useCallback(function () {
     var scroll = getClosestScroll();
@@ -7532,7 +7541,7 @@ function useDroppablePublisher(args) {
       scrollOptions: options
     };
     whileDraggingRef.current = dragging;
-    var dimension = getDimension({
+    var dimension = getDimension$1({
       ref: ref,
       descriptor: descriptor,
       env: env,
@@ -7559,7 +7568,7 @@ function useDroppablePublisher(args) {
     var dragging = whileDraggingRef.current;
     var closest = getClosestScrollableFromDrag(dragging);
     !(dragging && closest) ? process.env.NODE_ENV !== "production" ? invariant(false, 'Can only recollect Droppable client for Droppables that have a scroll container') : invariant(false) : void 0;
-    return getScroll$1(closest);
+    return getScroll(closest);
   }, []);
   var dragStopped = useCallback(function () {
     var dragging = whileDraggingRef.current;
@@ -7598,7 +7607,7 @@ function useDroppablePublisher(args) {
       callbacks: callbacks
     };
   }, [callbacks, descriptor, uniqueId]);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     publishedDescriptorRef.current = entry.descriptor;
     registry.droppable.register(entry);
     return function () {
@@ -7610,14 +7619,14 @@ function useDroppablePublisher(args) {
       registry.droppable.unregister(entry);
     };
   }, [callbacks, descriptor, dragStopped, entry, marshal, registry.droppable]);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     if (!whileDraggingRef.current) {
       return;
     }
 
     marshal.updateDroppableIsEnabled(publishedDescriptorRef.current.id, !args.isDropDisabled);
   }, [args.isDropDisabled, marshal]);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     if (!whileDraggingRef.current) {
       return;
     }
@@ -7626,7 +7635,7 @@ function useDroppablePublisher(args) {
   }, [args.isCombineEnabled, marshal]);
 }
 
-function noop$2() {}
+function noop() {}
 
 var empty = {
   width: 0,
@@ -7654,7 +7663,7 @@ var getSize = function getSize(_ref) {
   };
 };
 
-var getStyle = function getStyle(_ref2) {
+var getStyle$1 = function getStyle(_ref2) {
   var isAnimatingOpenOnMount = _ref2.isAnimatingOpenOnMount,
       placeholder = _ref2.placeholder,
       animate = _ref2.animate;
@@ -7700,17 +7709,17 @@ function Placeholder(props) {
 
   useEffect(function () {
     if (!isAnimatingOpenOnMount) {
-      return noop$2;
+      return noop;
     }
 
     if (animate !== 'open') {
       tryClearAnimateOpenTimer();
       setIsAnimatingOpenOnMount(false);
-      return noop$2;
+      return noop;
     }
 
     if (animateOpenTimerRef.current) {
-      return noop$2;
+      return noop;
     }
 
     animateOpenTimerRef.current = setTimeout(function () {
@@ -7730,7 +7739,7 @@ function Placeholder(props) {
       onClose();
     }
   }, [animate, onClose, onTransitionEnd]);
-  var style = getStyle({
+  var style = getStyle$1({
     isAnimatingOpenOnMount: isAnimatingOpenOnMount,
     animate: props.animate,
     placeholder: props.placeholder
@@ -7797,7 +7806,7 @@ var virtual = [function hasClone(_ref5) {
   var getPlaceholderRef = _ref6.getPlaceholderRef;
   !!getPlaceholderRef() ? process.env.NODE_ENV !== "production" ? invariant(false, 'Expected virtual list to not have a placeholder') : invariant(false) : void 0;
 }];
-function useValidation(args) {
+function useValidation$1(args) {
   useDevSetupWarning(function () {
     runChecks(args, shared);
 
@@ -7957,11 +7966,11 @@ function getSecondaryStyle(secondary) {
   };
 }
 
-function getStyle$1(mapped) {
+function getStyle(mapped) {
   return mapped.type === 'DRAGGING' ? getDraggingStyle(mapped) : getSecondaryStyle(mapped);
 }
 
-function getDimension$1(descriptor, el, windowScroll) {
+function getDimension(descriptor, el, windowScroll) {
   if (windowScroll === void 0) {
     windowScroll = origin;
   }
@@ -8004,28 +8013,28 @@ function useDraggablePublisher(args) {
       isEnabled: isEnabled
     };
   }, [canDragInteractiveElements, isEnabled, shouldRespectForcePress]);
-  var getDimension = useCallback(function (windowScroll) {
+  var getDimension$1 = useCallback(function (windowScroll) {
     var el = getDraggableRef();
     !el ? process.env.NODE_ENV !== "production" ? invariant(false, 'Cannot get dimension when no ref is set') : invariant(false) : void 0;
-    return getDimension$1(descriptor, el, windowScroll);
+    return getDimension(descriptor, el, windowScroll);
   }, [descriptor, getDraggableRef]);
   var entry = useMemo(function () {
     return {
       uniqueId: uniqueId,
       descriptor: descriptor,
       options: options,
-      getDimension: getDimension
+      getDimension: getDimension$1
     };
-  }, [descriptor, getDimension, options, uniqueId]);
+  }, [descriptor, getDimension$1, options, uniqueId]);
   var publishedRef = useRef(entry);
   var isFirstPublishRef = useRef(true);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     registry.draggable.register(publishedRef.current);
     return function () {
       return registry.draggable.unregister(publishedRef.current);
     };
   }, [registry.draggable]);
-  useIsomorphicLayoutEffect(function () {
+  useLayoutEffect(function () {
     if (isFirstPublishRef.current) {
       isFirstPublishRef.current = false;
       return;
@@ -8037,7 +8046,7 @@ function useDraggablePublisher(args) {
   }, [entry, registry.draggable]);
 }
 
-function useValidation$1(props, contextId, getRef) {
+function useValidation(props, contextId, getRef) {
   useDevSetupWarning(function () {
     function prefix(id) {
       return "Draggable[id: " + id + "]: ";
@@ -8106,7 +8115,7 @@ function Draggable(props) {
       isClone = props.isClone,
       mapped = props.mapped,
       dropAnimationFinishedAction = props.dropAnimationFinished;
-  useValidation$1(props, contextId, getRef);
+  useValidation(props, contextId, getRef);
   useClonePropValidation(isClone);
 
   if (!isClone) {
@@ -8150,7 +8159,7 @@ function Draggable(props) {
     dropAnimationFinishedAction();
   }, [dropAnimationFinishedAction, mapped]);
   var provided = useMemo(function () {
-    var style = getStyle$1(mapped);
+    var style = getStyle(mapped);
     var onTransitionEnd = mapped.type === 'DRAGGING' && mapped.dropping ? onMoveEnd : null;
     var result = {
       innerRef: setRef,
@@ -8405,7 +8414,7 @@ function getSecondarySelector() {
   return selector;
 }
 
-var makeMapStateToProps = function makeMapStateToProps() {
+var makeMapStateToProps$1 = function makeMapStateToProps() {
   var draggingSelector = getDraggableSelector();
   var secondarySelector = getSecondarySelector();
 
@@ -8415,14 +8424,15 @@ var makeMapStateToProps = function makeMapStateToProps() {
 
   return selector;
 };
-var mapDispatchToProps = {
+var mapDispatchToProps$1 = {
   dropAnimationFinished: dropAnimationFinished
 };
-var ConnectedDraggable = connect(makeMapStateToProps, mapDispatchToProps, null, {
+var ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, null, {
   context: StoreContext,
   pure: true,
   areStatePropsEqual: isStrictEqual
 })(Draggable);
+var ConnectedDraggable$1 = ConnectedDraggable;
 
 function PrivateDraggable(props) {
   var droppableContext = useRequiredContext(DroppableContext);
@@ -8432,7 +8442,7 @@ function PrivateDraggable(props) {
     return null;
   }
 
-  return React.createElement(ConnectedDraggable, props);
+  return React.createElement(ConnectedDraggable$1, props);
 }
 function PublicDraggable(props) {
   var isEnabled = typeof props.isDragDisabled === 'boolean' ? !props.isDragDisabled : true;
@@ -8477,7 +8487,7 @@ function Droppable(props) {
   var setPlaceholderRef = useCallback(function (value) {
     placeholderRef.current = value;
   }, []);
-  useValidation({
+  useValidation$1({
     props: props,
     getDroppableRef: getDroppableRef,
     getPlaceholderRef: getPlaceholderRef
@@ -8559,6 +8569,38 @@ function Droppable(props) {
   }, children(provided, snapshot), getClone());
 }
 
+function getBody() {
+  !document.body ? process.env.NODE_ENV !== "production" ? invariant(false, 'document.body is not ready') : invariant(false) : void 0;
+  return document.body;
+}
+
+var defaultProps = {
+  mode: 'standard',
+  type: 'DEFAULT',
+  direction: 'vertical',
+  isDropDisabled: false,
+  isCombineEnabled: false,
+  ignoreContainerClipping: false,
+  renderClone: null,
+  getContainerForClone: getBody
+};
+
+var attachDefaultPropsToOwnProps = function attachDefaultPropsToOwnProps(ownProps) {
+  var mergedProps = _extends({}, ownProps);
+
+  var defaultPropKey;
+
+  for (defaultPropKey in defaultProps) {
+    if (ownProps[defaultPropKey] === undefined) {
+      var _extends2;
+
+      mergedProps = _extends({}, mergedProps, (_extends2 = {}, _extends2[defaultPropKey] = defaultProps[defaultPropKey], _extends2));
+    }
+  }
+
+  return mergedProps;
+};
+
 var isMatchingType = function isMatchingType(type, critical) {
   return type === critical.droppable.type;
 };
@@ -8567,7 +8609,7 @@ var getDraggable = function getDraggable(critical, dimensions) {
   return dimensions.draggables[critical.draggable.id];
 };
 
-var makeMapStateToProps$1 = function makeMapStateToProps() {
+var makeMapStateToProps = function makeMapStateToProps() {
   var idleWithAnimation = {
     placeholder: null,
     shouldAnimatePlaceholder: true,
@@ -8640,10 +8682,11 @@ var makeMapStateToProps$1 = function makeMapStateToProps() {
   });
 
   var selector = function selector(state, ownProps) {
-    var id = ownProps.droppableId;
-    var type = ownProps.type;
-    var isEnabled = !ownProps.isDropDisabled;
-    var renderClone = ownProps.renderClone;
+    var ownPropsWithDefaultProps = attachDefaultPropsToOwnProps(ownProps);
+    var id = ownPropsWithDefaultProps.droppableId;
+    var type = ownPropsWithDefaultProps.type;
+    var isEnabled = !ownPropsWithDefaultProps.isDropDisabled;
+    var renderClone = ownPropsWithDefaultProps.renderClone;
 
     if (state.isDragging) {
       var critical = state.critical;
@@ -8696,30 +8739,16 @@ var makeMapStateToProps$1 = function makeMapStateToProps() {
 
   return selector;
 };
-var mapDispatchToProps$1 = {
+var mapDispatchToProps = {
   updateViewportMaxScroll: updateViewportMaxScroll
 };
-
-function getBody() {
-  !document.body ? process.env.NODE_ENV !== "production" ? invariant(false, 'document.body is not ready') : invariant(false) : void 0;
-  return document.body;
-}
-
-var defaultProps = {
-  mode: 'standard',
-  type: 'DEFAULT',
-  direction: 'vertical',
-  isDropDisabled: false,
-  isCombineEnabled: false,
-  ignoreContainerClipping: false,
-  renderClone: null,
-  getContainerForClone: getBody
-};
-var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, null, {
+var ConnectedDroppable = connect(makeMapStateToProps, mapDispatchToProps, function (stateProps, dispatchProps, ownProps) {
+  return _extends({}, attachDefaultPropsToOwnProps(ownProps), {}, stateProps, {}, dispatchProps);
+}, {
   context: StoreContext,
   pure: true,
   areStatePropsEqual: isStrictEqual
 })(Droppable);
-ConnectedDroppable.defaultProps = defaultProps;
+var ConnectedDroppable$1 = ConnectedDroppable;
 
-export { DragDropContext, PublicDraggable as Draggable, ConnectedDroppable as Droppable, resetServerContext, useKeyboardSensor, useMouseSensor, useTouchSensor };
+export { DragDropContext, PublicDraggable as Draggable, ConnectedDroppable$1 as Droppable, resetServerContext, useKeyboardSensor, useMouseSensor, useTouchSensor };