react-grid-layout 0.17.1 → 0.18.3

package/build/ReactGridLayout.js

@@ -7,23 +7,25 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash.isequal"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _utils = require("./utils");
 
+var _calculateUtils = require("./calculateUtils");
+
 var _GridItem = _interopRequireDefault(require("./GridItem"));
 
+var _ReactGridLayoutPropTypes = _interopRequireDefault(require("./ReactGridLayoutPropTypes"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
@@ -52,23 +54,11 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 // End Types
-var compactType = function compactType(props
-/*: Props*/
-)
-/*: CompactType*/
-{
-  var _ref = props || {},
-      verticalCompact = _ref.verticalCompact,
-      compactType = _ref.compactType;
-
-  return verticalCompact === false ? null : compactType;
-};
-
 var layoutClassName = "react-grid-layout";
 var isFirefox = false; // Try...catch will protect from navigator not existing (e.g. node) or a bad implementation of navigator
 
 try {
-  isFirefox = navigator.userAgent.toLowerCase().includes("firefox");
+  isFirefox = /firefox/i.test(navigator.userAgent);
 } catch (e) {}
 /* Ignore */
 
@@ -83,6 +73,7 @@ function (_React$Component) {
   _inherits(ReactGridLayout, _React$Component);
 
   // TODO publish internal ReactClass displayName transform
+  // Refactored to another module to make way for preval
   function ReactGridLayout(props
   /*: Props*/
   , context
@@ -99,7 +90,7 @@ function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "state", {
       activeDrag: null,
       layout: (0, _utils.synchronizeLayoutWithChildren)(_this.props.layout, _this.props.children, _this.props.cols, // Legacy support for verticalCompact: false
-      compactType(_this.props)),
+      (0, _utils.compactType)(_this.props)),
       mounted: false,
       oldDragItem: null,
       oldLayout: null,
@@ -115,39 +106,66 @@ function (_React$Component) {
     ) {
       // we should ignore events from layout's children in Firefox
       // to avoid unpredictable jumping of a dropping placeholder
-      if (isFirefox && !e.nativeEvent.target.className.includes(layoutClassName)) {
+      // FIXME remove this hack
+      if (isFirefox && e.nativeEvent.target.className.indexOf(layoutClassName) === -1) {
         return false;
       }
 
-      var droppingItem = _this.props.droppingItem;
-      var layout = _this.state.layout;
+      var _this$props = _this.props,
+          droppingItem = _this$props.droppingItem,
+          margin = _this$props.margin,
+          cols = _this$props.cols,
+          rowHeight = _this$props.rowHeight,
+          maxRows = _this$props.maxRows,
+          width = _this$props.width,
+          containerPadding = _this$props.containerPadding;
+      var layout = _this.state.layout; // This is relative to the DOM element that this event fired for.
+
       var _e$nativeEvent = e.nativeEvent,
           layerX = _e$nativeEvent.layerX,
           layerY = _e$nativeEvent.layerY;
       var droppingPosition = {
-        x: layerX,
-        y: layerY,
+        left: layerX,
+        top: layerY,
         e: e
       };
 
       if (!_this.state.droppingDOMNode) {
+        var positionParams
+        /*: PositionParams*/
+        = {
+          cols: cols,
+          margin: margin,
+          maxRows: maxRows,
+          rowHeight: rowHeight,
+          containerWidth: width,
+          containerPadding: containerPadding || margin
+        };
+        var calculatedPosition = (0, _calculateUtils.calcXY)(positionParams, layerY, layerX, droppingItem.w, droppingItem.h);
+
         _this.setState({
           droppingDOMNode: _react.default.createElement("div", {
             key: droppingItem.i
           }),
           droppingPosition: droppingPosition,
           layout: [].concat(_toConsumableArray(layout), [_objectSpread({}, droppingItem, {
-            x: 0,
-            y: 0,
+            x: calculatedPosition.x,
+            y: calculatedPosition.y,
             static: false,
             isDraggable: true
           })])
         });
       } else if (_this.state.droppingPosition) {
-        var shouldUpdatePosition = _this.state.droppingPosition.x != layerX || _this.state.droppingPosition.y != layerY;
-        shouldUpdatePosition && _this.setState({
-          droppingPosition: droppingPosition
-        });
+        var _this$state$droppingP = _this.state.droppingPosition,
+            left = _this$state$droppingP.left,
+            top = _this$state$droppingP.top;
+        var shouldUpdatePosition = left != layerX || top != layerY;
+
+        if (shouldUpdatePosition) {
+          _this.setState({
+            droppingPosition: droppingPosition
+          });
+        }
       }
 
       e.stopPropagation();
@@ -155,13 +173,13 @@ function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "removeDroppingPlaceholder", function () {
-      var _this$props = _this.props,
-          droppingItem = _this$props.droppingItem,
-          cols = _this$props.cols;
+      var _this$props2 = _this.props,
+          droppingItem = _this$props2.droppingItem,
+          cols = _this$props2.cols;
       var layout = _this.state.layout;
       var newLayout = (0, _utils.compact)(layout.filter(function (l) {
         return l.i !== droppingItem.i;
-      }), compactType(_this.props), cols);
+      }), (0, _utils.compactType)(_this.props), cols);
 
       _this.setState({
         layout: newLayout,
@@ -187,17 +205,19 @@ function (_React$Component) {
       _this.dragEnterCounter++;
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onDrop", function () {
+    _defineProperty(_assertThisInitialized(_this), "onDrop", function (e
+    /*: Event*/
+    ) {
       var droppingItem = _this.props.droppingItem;
       var layout = _this.state.layout;
 
-      var _ref2 = layout.find(function (l) {
+      var _ref = layout.find(function (l) {
         return l.i === droppingItem.i;
       }) || {},
-          x = _ref2.x,
-          y = _ref2.y,
-          w = _ref2.w,
-          h = _ref2.h; // reset gragEnter counter on drop
+          x = _ref.x,
+          y = _ref.y,
+          w = _ref.w,
+          h = _ref.h; // reset gragEnter counter on drop
 
 
       _this.dragEnterCounter = 0;
@@ -208,7 +228,8 @@ function (_React$Component) {
         x: x,
         y: y,
         w: w,
-        h: h
+        h: h,
+        e: e
       });
     });
 
@@ -226,6 +247,19 @@ function (_React$Component) {
 
       this.onLayoutMaybeChanged(this.state.layout, this.props.layout);
     }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps
+    /*: Props*/
+    , nextState
+    /*: State*/
+    ) {
+      return (// NOTE: this is almost always unequal. Therefore the only way to get better performance
+        // from SCU is if the user intentionally memoizes children. If they do, and they can
+        // handle changes properly, performance will increase.
+        this.props.children !== nextProps.children || !(0, _utils.fastRGLPropsEqual)(this.props, nextProps, _lodash.default) || this.state.activeDrag !== nextState.activeDrag || this.state.droppingPosition !== nextState.droppingPosition
+      );
+    }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps
@@ -269,9 +303,9 @@ function (_React$Component) {
     /*: number*/
     , y
     /*: number*/
-    , _ref3) {
-      var e = _ref3.e,
-          node = _ref3.node;
+    , _ref2) {
+      var e = _ref2.e,
+          node = _ref2.node;
       var layout = this.state.layout;
       var l = (0, _utils.getLayoutItem)(layout, i);
       if (!l) return;
@@ -298,9 +332,9 @@ function (_React$Component) {
     /*: number*/
     , y
     /*: number*/
-    , _ref4) {
-      var e = _ref4.e,
-          node = _ref4.node;
+    , _ref3) {
+      var e = _ref3.e,
+          node = _ref3.node;
       var oldDragItem = this.state.oldDragItem;
       var layout = this.state.layout;
       var cols = this.props.cols;
@@ -317,10 +351,10 @@ function (_React$Component) {
       }; // Move the element to the dragged location.
 
       var isUserAction = true;
-      layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, this.props.preventCollision, compactType(this.props), cols);
+      layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, this.props.preventCollision, (0, _utils.compactType)(this.props), cols);
       this.props.onDrag(layout, oldDragItem, l, placeholder, e, node);
       this.setState({
-        layout: (0, _utils.compact)(layout, compactType(this.props), cols),
+        layout: (0, _utils.compact)(layout, (0, _utils.compactType)(this.props), cols),
         activeDrag: placeholder
       });
     }
@@ -341,26 +375,23 @@ function (_React$Component) {
     /*: number*/
     , y
     /*: number*/
-    , _ref5) {
-      var e = _ref5.e,
-          node = _ref5.node;
+    , _ref4) {
+      var e = _ref4.e,
+          node = _ref4.node;
+      if (!this.state.activeDrag) return;
       var oldDragItem = this.state.oldDragItem;
       var layout = this.state.layout;
-      var _this$props2 = this.props,
-          cols = _this$props2.cols,
-          preventCollision = _this$props2.preventCollision;
+      var _this$props3 = this.props,
+          cols = _this$props3.cols,
+          preventCollision = _this$props3.preventCollision;
       var l = (0, _utils.getLayoutItem)(layout, i);
       if (!l) return; // Move the element here
 
       var isUserAction = true;
-      layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, preventCollision, compactType(this.props), cols);
+      layout = (0, _utils.moveElement)(layout, l, x, y, isUserAction, preventCollision, (0, _utils.compactType)(this.props), cols);
+      this.props.onDragStop(layout, oldDragItem, l, null, e, node); // Set state
 
-      if (this.state.activeDrag) {
-        this.props.onDragStop(layout, oldDragItem, l, null, e, node);
-      } // Set state
-
-
-      var newLayout = (0, _utils.compact)(layout, compactType(this.props), cols);
+      var newLayout = (0, _utils.compact)(layout, (0, _utils.compactType)(this.props), cols);
       var oldLayout = this.state.oldLayout;
       this.setState({
         activeDrag: null,
@@ -391,9 +422,9 @@ function (_React$Component) {
     /*: number*/
     , h
     /*: number*/
-    , _ref6) {
-      var e = _ref6.e,
-          node = _ref6.node;
+    , _ref5) {
+      var e = _ref5.e,
+          node = _ref5.node;
       var layout = this.state.layout;
       var l = (0, _utils.getLayoutItem)(layout, i);
       if (!l) return;
@@ -411,15 +442,15 @@ function (_React$Component) {
     /*: number*/
     , h
     /*: number*/
-    , _ref7) {
-      var e = _ref7.e,
-          node = _ref7.node;
+    , _ref6) {
+      var e = _ref6.e,
+          node = _ref6.node;
       var _this$state = this.state,
           layout = _this$state.layout,
           oldResizeItem = _this$state.oldResizeItem;
-      var _this$props3 = this.props,
-          cols = _this$props3.cols,
-          preventCollision = _this$props3.preventCollision;
+      var _this$props4 = this.props,
+          cols = _this$props4.cols,
+          preventCollision = _this$props4.preventCollision;
       var l
       /*: ?LayoutItem*/
       = (0, _utils.getLayoutItem)(layout, i);
@@ -468,7 +499,7 @@ function (_React$Component) {
       this.props.onResize(layout, oldResizeItem, l, placeholder, e, node); // Re-compact the layout and set the drag placeholder.
 
       this.setState({
-        layout: (0, _utils.compact)(layout, compactType(this.props), cols),
+        layout: (0, _utils.compact)(layout, (0, _utils.compactType)(this.props), cols),
         activeDrag: placeholder
       });
     }
@@ -480,9 +511,9 @@ function (_React$Component) {
     /*: number*/
     , h
     /*: number*/
-    , _ref8) {
-      var e = _ref8.e,
-          node = _ref8.node;
+    , _ref7) {
+      var e = _ref7.e,
+          node = _ref7.node;
       var _this$state2 = this.state,
           layout = _this$state2.layout,
           oldResizeItem = _this$state2.oldResizeItem;
@@ -490,7 +521,7 @@ function (_React$Component) {
       var l = (0, _utils.getLayoutItem)(layout, i);
       this.props.onResizeStop(layout, oldResizeItem, l, null, e, node); // Set state
 
-      var newLayout = (0, _utils.compact)(layout, compactType(this.props), cols);
+      var newLayout = (0, _utils.compact)(layout, (0, _utils.compactType)(this.props), cols);
       var oldLayout = this.state.oldLayout;
       this.setState({
         activeDrag: null,
@@ -512,15 +543,15 @@ function (_React$Component) {
     {
       var activeDrag = this.state.activeDrag;
       if (!activeDrag) return null;
-      var _this$props4 = this.props,
-          width = _this$props4.width,
-          cols = _this$props4.cols,
-          margin = _this$props4.margin,
-          containerPadding = _this$props4.containerPadding,
-          rowHeight = _this$props4.rowHeight,
-          maxRows = _this$props4.maxRows,
-          useCSSTransforms = _this$props4.useCSSTransforms,
-          transformScale = _this$props4.transformScale; // {...this.state.activeDrag} is pretty slow, actually
+      var _this$props5 = this.props,
+          width = _this$props5.width,
+          cols = _this$props5.cols,
+          margin = _this$props5.margin,
+          containerPadding = _this$props5.containerPadding,
+          rowHeight = _this$props5.rowHeight,
+          maxRows = _this$props5.maxRows,
+          useCSSTransforms = _this$props5.useCSSTransforms,
+          transformScale = _this$props5.transformScale; // {...this.state.activeDrag} is pretty slow, actually
 
       return _react.default.createElement(_GridItem.default, {
         w: activeDrag.w,
@@ -559,25 +590,27 @@ function (_React$Component) {
       if (!child || !child.key) return;
       var l = (0, _utils.getLayoutItem)(this.state.layout, String(child.key));
       if (!l) return null;
-      var _this$props5 = this.props,
-          width = _this$props5.width,
-          cols = _this$props5.cols,
-          margin = _this$props5.margin,
-          containerPadding = _this$props5.containerPadding,
-          rowHeight = _this$props5.rowHeight,
-          maxRows = _this$props5.maxRows,
-          isDraggable = _this$props5.isDraggable,
-          isResizable = _this$props5.isResizable,
-          useCSSTransforms = _this$props5.useCSSTransforms,
-          transformScale = _this$props5.transformScale,
-          draggableCancel = _this$props5.draggableCancel,
-          draggableHandle = _this$props5.draggableHandle;
+      var _this$props6 = this.props,
+          width = _this$props6.width,
+          cols = _this$props6.cols,
+          margin = _this$props6.margin,
+          containerPadding = _this$props6.containerPadding,
+          rowHeight = _this$props6.rowHeight,
+          maxRows = _this$props6.maxRows,
+          isDraggable = _this$props6.isDraggable,
+          isResizable = _this$props6.isResizable,
+          useCSSTransforms = _this$props6.useCSSTransforms,
+          transformScale = _this$props6.transformScale,
+          draggableCancel = _this$props6.draggableCancel,
+          draggableHandle = _this$props6.draggableHandle;
       var _this$state3 = this.state,
           mounted = _this$state3.mounted,
-          droppingPosition = _this$state3.droppingPosition; // Parse 'static'. Any properties defined directly on the grid item will take precedence.
+          droppingPosition = _this$state3.droppingPosition; // Determine user manipulations possible.
+      // If an item is static, it can't be manipulated by default.
+      // Any properties defined directly on the grid item will take precedence.
 
-      var draggable = Boolean(!l.static && isDraggable && (l.isDraggable || l.isDraggable == null));
-      var resizable = Boolean(!l.static && isResizable && (l.isResizable || l.isResizable == null));
+      var draggable = typeof l.isDraggable === "boolean" ? l.isDraggable : !l.static && isDraggable;
+      var resizable = typeof l.isResizable === "boolean" ? l.isResizable : !l.static && isResizable;
       return _react.default.createElement(_GridItem.default, {
         containerWidth: width,
         cols: cols,
@@ -610,16 +643,18 @@ function (_React$Component) {
         static: l.static,
         droppingPosition: isDroppingItem ? droppingPosition : undefined
       }, child);
-    }
+    } // Called while dragging an element. Part of browser native drag/drop API.
+    // Native event target might be the layout itself, or an element within the layout.
+
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
 
-      var _this$props6 = this.props,
-          className = _this$props6.className,
-          style = _this$props6.style,
-          isDroppable = _this$props6.isDroppable;
+      var _this$props7 = this.props,
+          className = _this$props7.className,
+          style = _this$props7.style,
+          isDroppable = _this$props7.isDroppable;
       var mergedClassName = (0, _classnames.default)(layoutClassName, className);
 
       var mergedStyle = _objectSpread({
@@ -663,7 +698,7 @@ function (_React$Component) {
 
 
       if (newLayoutBase) {
-        var newLayout = (0, _utils.synchronizeLayoutWithChildren)(newLayoutBase, nextProps.children, nextProps.cols, compactType(nextProps));
+        var newLayout = (0, _utils.synchronizeLayoutWithChildren)(newLayoutBase, nextProps.children, nextProps.cols, (0, _utils.compactType)(nextProps));
         return {
           layout: newLayout,
           // We need to save these props to state for using
@@ -685,120 +720,7 @@ exports.default = ReactGridLayout;
 
 _defineProperty(ReactGridLayout, "displayName", "ReactGridLayout");
 
-_defineProperty(ReactGridLayout, "propTypes", {
-  //
-  // Basic props
-  //
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  // This can be set explicitly. If it is not set, it will automatically
-  // be set to the container width. Note that resizes will *not* cause this to adjust.
-  // If you need that behavior, use WidthProvider.
-  width: _propTypes.default.number,
-  // If true, the container height swells and contracts to fit contents
-  autoSize: _propTypes.default.bool,
-  // # of cols.
-  cols: _propTypes.default.number,
-  // A selector that will not be draggable.
-  draggableCancel: _propTypes.default.string,
-  // A selector for the draggable handler
-  draggableHandle: _propTypes.default.string,
-  // Deprecated
-  verticalCompact: function verticalCompact(props
-  /*: Props*/
-  ) {
-    if (props.verticalCompact === false && process.env.NODE_ENV !== "production") {
-      console.warn( // eslint-disable-line no-console
-      "`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. " + 'Use `compactType`: "horizontal" | "vertical" | null.');
-    }
-  },
-  // Choose vertical or hotizontal compaction
-  compactType: _propTypes.default.oneOf(["vertical", "horizontal"]),
-  // layout is an array of object with the format:
-  // {x: Number, y: Number, w: Number, h: Number, i: String}
-  layout: function layout(props
-  /*: Props*/
-  ) {
-    var layout = props.layout; // I hope you're setting the data-grid property on the grid items
-
-    if (layout === undefined) return;
-    (0, _utils.validateLayout)(layout, "layout");
-  },
-  //
-  // Grid Dimensions
-  //
-  // Margin between items [x, y] in px
-  margin: _propTypes.default.arrayOf(_propTypes.default.number),
-  // Padding inside the container [x, y] in px
-  containerPadding: _propTypes.default.arrayOf(_propTypes.default.number),
-  // Rows have a static height, but you can change this based on breakpoints if you like
-  rowHeight: _propTypes.default.number,
-  // Default Infinity, but you can specify a max here if you like.
-  // Note that this isn't fully fleshed out and won't error if you specify a layout that
-  // extends beyond the row capacity. It will, however, not allow users to drag/resize
-  // an item past the barrier. They can push items beyond the barrier, though.
-  // Intentionally not documented for this reason.
-  maxRows: _propTypes.default.number,
-  //
-  // Flags
-  //
-  isDraggable: _propTypes.default.bool,
-  isResizable: _propTypes.default.bool,
-  // If true, grid items won't change position when being dragged over.
-  preventCollision: _propTypes.default.bool,
-  // Use CSS transforms instead of top/left
-  useCSSTransforms: _propTypes.default.bool,
-  // parent layout transform scale
-  transformScale: _propTypes.default.number,
-  // If true, an external element can trigger onDrop callback with a specific grid position as a parameter
-  isDroppable: _propTypes.default.bool,
-  //
-  // Callbacks
-  //
-  // Callback so you can save the layout. Calls after each drag & resize stops.
-  onLayoutChange: _propTypes.default.func,
-  // Calls when drag starts. Callback is of the signature (layout, oldItem, newItem, placeholder, e, ?node).
-  // All callbacks below have the same signature. 'start' and 'stop' callbacks omit the 'placeholder'.
-  onDragStart: _propTypes.default.func,
-  // Calls on each drag movement.
-  onDrag: _propTypes.default.func,
-  // Calls when drag is complete.
-  onDragStop: _propTypes.default.func,
-  //Calls when resize starts.
-  onResizeStart: _propTypes.default.func,
-  // Calls when resize movement happens.
-  onResize: _propTypes.default.func,
-  // Calls when resize is complete.
-  onResizeStop: _propTypes.default.func,
-  // Calls when some element is dropped.
-  onDrop: _propTypes.default.func,
-  //
-  // Other validations
-  //
-  droppingItem: _propTypes.default.shape({
-    i: _propTypes.default.string.isRequired,
-    w: _propTypes.default.number.isRequired,
-    h: _propTypes.default.number.isRequired
-  }),
-  // Children must not have duplicate keys.
-  children: function children(props
-  /*: Props*/
-  , propName
-  /*: string*/
-  ) {
-    var children = props[propName]; // Check children keys for duplicates. Throw if found.
-
-    var keys = {};
-
-    _react.default.Children.forEach(children, function (child) {
-      if (keys[child.key]) {
-        throw new Error('Duplicate child key "' + child.key + '" found! This will cause problems in ReactGridLayout.');
-      }
-
-      keys[child.key] = true;
-    });
-  }
-});
+_defineProperty(ReactGridLayout, "propTypes", _ReactGridLayoutPropTypes.default);
 
 _defineProperty(ReactGridLayout, "defaultProps", {
   autoSize: true,