Omit prefix in component names

TrySound · TrySound · commit 0b46968ed2f7 · 2018-03-28T16:23:28.000+03:00
diff --git a/index-dev.js b/index-dev.js
@@ -1,5 +1,5 @@
-module.exports = require('./lib/ReactGridLayout').default;
-module.exports.utils = require('./lib/utils');
-module.exports.Responsive = require('./lib/ResponsiveReactGridLayout').default;
-module.exports.Responsive.utils = require('./lib/responsiveUtils');
-module.exports.WidthProvider = require('./lib/components/WidthProvider').default;
+module.exports = require("./lib/GridLayout").default;
+module.exports.utils = require("./lib/utils");
+module.exports.Responsive = require("./lib/ResponsiveGridLayout").default;
+module.exports.Responsive.utils = require("./lib/responsiveUtils");
+module.exports.WidthProvider = require("./lib/components/WidthProvider").default;
diff --git a/index.js b/index.js
@@ -1,5 +1,5 @@
-module.exports = require('./build/ReactGridLayout').default;
-module.exports.utils = require('./build/utils');
-module.exports.Responsive = require('./build/ResponsiveReactGridLayout').default;
-module.exports.Responsive.utils = require('./build/responsiveUtils');
-module.exports.WidthProvider = require('./build/components/WidthProvider').default;
+module.exports = require("./build/GridLayout").default;
+module.exports.utils = require("./build/utils");
+module.exports.Responsive = require("./build/ResponsiveGridLayout").default;
+module.exports.Responsive.utils = require("./build/responsiveUtils");
+module.exports.WidthProvider = require("./build/components/WidthProvider").default;
diff --git a/index.js.flow b/index.js.flow
@@ -1,8 +1,8 @@
 // @flow
 
 import * as utils from './lib/utils';
-export { default } from './lib/ReactGridLayout';
-export { default as Responsive } from './lib/ResponsiveReactGridLayout';
+export { default } from './lib/GridLayout';
+export { default as Responsive } from './lib/ResponsiveGridLayout';
 export { default as WidthProvider } from './lib/components/WidthProvider';
 
 export {
diff --git a/lib/GridLayout.jsx b/lib/GridLayout.jsx
diff --git a/lib/ResponsiveGridLayout.jsx b/lib/ResponsiveGridLayout.jsx
@@ -14,8 +14,8 @@ import {
   getColsFromBreakpoint,
   findOrGenerateResponsiveLayout
 } from "./responsiveUtils";
-import ReactGridLayout from "./ReactGridLayout";
-import type { Props as RGLProps } from "./ReactGridLayout";
+import ReactGridLayout from "./GridLayout";
+import type { Props as RGLProps } from "./GridLayout";
 import type { Layout } from "./utils";
 
 const type = obj => Object.prototype.toString.call(obj);
diff --git a/test/examples/0-showcase.jsx b/test/examples/0-showcase.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import _ from "lodash";
 import { Responsive, WidthProvider } from "react-grid-layout";
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
+const ResponsiveGridLayout = WidthProvider(Responsive);
 
 class ShowcaseLayout extends React.Component {
   static defaultProps = {
@@ -84,7 +84,7 @@ class ShowcaseLayout extends React.Component {
         <button onClick={this.onCompactTypeChange}>
           Change Compaction Type
         </button>
-        <ResponsiveReactGridLayout
+        <ResponsiveGridLayout
           {...this.props}
           layouts={this.state.layouts}
           onBreakpointChange={this.onBreakpointChange}
@@ -98,7 +98,7 @@ class ShowcaseLayout extends React.Component {
           preventCollision={!this.state.compactType}
         >
           {this.generateDOM()}
-        </ResponsiveReactGridLayout>
+        </ResponsiveGridLayout>
       </div>
     );
   }
diff --git a/test/examples/1-basic.jsx b/test/examples/1-basic.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class BasicLayout extends React.PureComponent {
   static defaultProps = {
@@ -50,13 +50,13 @@ class BasicLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/10-dynamic-min-max-wh.jsx b/test/examples/10-dynamic-min-max-wh.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 /**
  * This layout demonstrates how to use the `onResize` handler to enforce a min/max width and height.
@@ -68,13 +68,13 @@ class DynamicMinMaxLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         onLayoutChange={this.onLayoutChange}
         onResize={this.onResize}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/11-no-vertical-compact.jsx b/test/examples/11-no-vertical-compact.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class NoCompactingLayout extends React.PureComponent {
   static defaultProps = {
@@ -52,13 +52,13 @@ class NoCompactingLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/12-prevent-collision.jsx b/test/examples/12-prevent-collision.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class NoCompactingLayout extends React.PureComponent {
   static defaultProps = {
@@ -54,13 +54,13 @@ class NoCompactingLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/12-responsive-bootstrap-style.jsx b/test/examples/12-responsive-bootstrap-style.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { WidthProvider, Responsive } from "react-grid-layout";
 
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
+const ResponsiveGridLayout = WidthProvider(Responsive);
 
 /**
  * This example illustrates how to let grid items lay themselves out with a bootstrap-style specification.
@@ -22,7 +22,7 @@ class BootstrapStyleLayout extends React.PureComponent {
 
   render() {
     return (
-      <ResponsiveReactGridLayout
+      <ResponsiveGridLayout
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
@@ -34,7 +34,7 @@ class BootstrapStyleLayout extends React.PureComponent {
         >
           0
         </div>
-      </ResponsiveReactGridLayout>
+      </ResponsiveGridLayout>
     );
   }
 }
diff --git a/test/examples/13-error-case.jsx b/test/examples/13-error-case.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class BasicLayout extends React.PureComponent {
   static defaultProps = {
@@ -65,13 +65,13 @@ class BasicLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/14-toolbox.jsx b/test/examples/14-toolbox.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import _ from "lodash";
 import { Responsive, WidthProvider } from "react-grid-layout";
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
+const ResponsiveGridLayout = WidthProvider(Responsive);
 
 class ToolBoxItem extends React.Component {
   render() {
@@ -171,7 +171,7 @@ class ShowcaseLayout extends React.Component {
           onTakeItem={this.onTakeItem}
         />
 
-        <ResponsiveReactGridLayout
+        <ResponsiveGridLayout
           {...this.props}
           layouts={this.state.layouts}
           onBreakpointChange={this.onBreakpointChange}
@@ -185,7 +185,7 @@ class ShowcaseLayout extends React.Component {
           preventCollision={!this.state.compactType}
         >
           {this.generateDOM()}
-        </ResponsiveReactGridLayout>
+        </ResponsiveGridLayout>
       </div>
     );
   }
diff --git a/test/examples/2-no-dragging.jsx b/test/examples/2-no-dragging.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class NoDraggingLayout extends React.PureComponent {
   static defaultProps = {
@@ -52,13 +52,13 @@ class NoDraggingLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/3-messy.jsx b/test/examples/3-messy.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class MessyLayout extends React.PureComponent {
   static defaultProps = {
@@ -51,13 +51,13 @@ class MessyLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         layout={this.state.layout}
         onLayoutChange={this.onLayoutChange}
         {...this.props}
       >
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/4-grid-property.jsx b/test/examples/4-grid-property.jsx
@@ -2,7 +2,7 @@ import React from "react";
 import _ from "lodash";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 class GridPropertyLayout extends React.PureComponent {
   static defaultProps = {
@@ -47,9 +47,9 @@ class GridPropertyLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout onLayoutChange={this.onLayoutChange} {...this.props}>
+      <GridLayout onLayoutChange={this.onLayoutChange} {...this.props}>
         {this.generateDOM()}
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/5-static-elements.jsx b/test/examples/5-static-elements.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 
 /**
  * This layout demonstrates how to use static grid elements.
@@ -20,7 +20,7 @@ class StaticElementsLayout extends React.PureComponent {
 
   render() {
     return (
-      <ReactGridLayout
+      <GridLayout
         className="layout"
         onLayoutChange={this.onLayoutChange}
         rowHeight={30}
@@ -53,7 +53,7 @@ class StaticElementsLayout extends React.PureComponent {
             <hr />
           </span>
         </div>
-      </ReactGridLayout>
+      </GridLayout>
     );
   }
 }
diff --git a/test/examples/6-dynamic-add-remove.jsx b/test/examples/6-dynamic-add-remove.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { WidthProvider, Responsive } from "react-grid-layout";
 import _ from "lodash";
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
+const ResponsiveGridLayout = WidthProvider(Responsive);
 
 /**
  * This layout demonstrates how to use a grid with a dynamic number of elements.
@@ -105,13 +105,13 @@ class AddRemoveLayout extends React.PureComponent {
     return (
       <div>
         <button onClick={this.onAddItem}>Add Item</button>
-        <ResponsiveReactGridLayout
+        <ResponsiveGridLayout
           onLayoutChange={this.onLayoutChange}
           onBreakpointChange={this.onBreakpointChange}
           {...this.props}
         >
           {_.map(this.state.items, el => this.createElement(el))}
-        </ResponsiveReactGridLayout>
+        </ResponsiveGridLayout>
       </div>
     );
   }
diff --git a/test/examples/7-localstorage.jsx b/test/examples/7-localstorage.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import RGL, { WidthProvider } from "react-grid-layout";
 
-const ReactGridLayout = WidthProvider(RGL);
+const GridLayout = WidthProvider(RGL);
 const originalLayout = getFromLS("layout") || [];
 /**
  * This layout demonstrates how to sync to localstorage.
@@ -42,7 +42,7 @@ class LocalStorageLayout extends React.PureComponent {
     return (
       <div>
         <button onClick={this.resetLayout}>Reset Layout</button>
-        <ReactGridLayout
+        <GridLayout
           {...this.props}
           layout={this.state.layout}
           onLayoutChange={this.onLayoutChange}
@@ -62,7 +62,7 @@ class LocalStorageLayout extends React.PureComponent {
           <div key="5" data-grid={{ w: 2, h: 3, x: 8, y: 0 }}>
             <span className="text">5</span>
           </div>
-        </ReactGridLayout>
+        </GridLayout>
       </div>
     );
   }
diff --git a/test/examples/8-localstorage-responsive.jsx b/test/examples/8-localstorage-responsive.jsx
diff --git a/test/examples/9-min-max-wh.jsx b/test/examples/9-min-max-wh.jsx
