fix(examples): Add onLayoutChange defaultProp, fixes react-grid-layou…

…t#433 Use case appears to be copy/paste
Calmio-Y · Feb 23, 2017 · 03b64c9 · 03b64c9
1 parent 9898198
commit 03b64c9
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 3 deletions.
diff --git a/test/examples/0-showcase.jsx b/test/examples/0-showcase.jsx
@@ -12,6 +12,7 @@ class ShowcaseLayout extends React.Component {
   static defaultProps = {
     className: "layout",
     rowHeight: 30,
+    onLayoutChange: function() {},
     cols: {lg: 12, md: 10, sm: 6, xs: 4, xxs: 2},
     initialLayout: generateLayout()
   };

diff --git a/test/examples/1-basic.jsx b/test/examples/1-basic.jsx
@@ -19,6 +19,7 @@ var BasicLayout = React.createClass({
       className: "layout",
       items: 20,
       rowHeight: 30,
+      onLayoutChange: function() {},
       cols: 12
     };
   },

diff --git a/test/examples/10-dynamic-min-max-wh.jsx b/test/examples/10-dynamic-min-max-wh.jsx
@@ -21,6 +21,7 @@ var DynamicMinMaxLayout = React.createClass({
       isResizable: true,
       items: 20,
       rowHeight: 30,
+      onLayoutChange: function() {},
       cols: 12,
     };
   },

diff --git a/test/examples/11-no-vertical-compact.jsx b/test/examples/11-no-vertical-compact.jsx
@@ -19,6 +19,7 @@ var NoCompactingLayout = React.createClass({
       items: 50,
       cols: 12,
       rowHeight: 30,
+      onLayoutChange: function() {},
       // This turns off compaction so you can place items wherever.
       verticalCompact: false
     };

diff --git a/test/examples/2-no-dragging.jsx b/test/examples/2-no-dragging.jsx
@@ -20,7 +20,8 @@ var NoDraggingLayout = React.createClass({
       isResizable: false,
       items: 50,
       cols: 12,
-      rowHeight: 30
+      rowHeight: 30,
+      onLayoutChange: function() {},
     };
   },
 

diff --git a/test/examples/3-messy.jsx b/test/examples/3-messy.jsx
@@ -18,6 +18,7 @@ var MessyLayout = React.createClass({
       className: "layout",
       items: 20,
       rowHeight: 30,
+      onLayoutChange: function() {},
       cols: 12
     };
   },

diff --git a/test/examples/4-grid-property.jsx b/test/examples/4-grid-property.jsx
@@ -15,6 +15,7 @@ var GridPropertyLayout = React.createClass({
       isResizable: true,
       items: 20,
       rowHeight: 30,
+      onLayoutChange: function() {},
       cols: 12,
     };
   },

diff --git a/test/examples/7-localstorage.jsx b/test/examples/7-localstorage.jsx
@@ -16,7 +16,8 @@ var LocalStorageLayout = React.createClass({
     return {
       className: "layout",
       cols: 12,
-      rowHeight: 30
+      rowHeight: 30,
+      onLayoutChange: function() {},
     };
   },
 

diff --git a/test/examples/8-localstorage-responsive.jsx b/test/examples/8-localstorage-responsive.jsx
@@ -16,7 +16,8 @@ var ResponsiveLocalStorageLayout = React.createClass({
     return {
       className: "layout",
       cols: {lg: 12, md: 10, sm: 6, xs: 4, xxs: 2},
-      rowHeight: 30
+      rowHeight: 30,
+      onLayoutChange: function() {},
     };
   },
 

diff --git a/test/examples/9-min-max-wh.jsx b/test/examples/9-min-max-wh.jsx
@@ -15,6 +15,7 @@ var MinMaxLayout = React.createClass({
       isResizable: true,
       items: 20,
       rowHeight: 30,
+      onLayoutChange: function() {},
       cols: 12,
     };
   },