migrate to createReactClass

Author: oklas

package.json

@@ -21,6 +21,7 @@
     "body-parser": "^1.14.0",
     "bower": "^1.7.7",
     "consolidate": "^0.15.0",
+    "create-react-class": "^15.6.3",
     "express": "^4.16.2",
     "handlebars": "^4.0.3",
     "jquery": "^3.1.1",

reactjsAdminlte.js

@@ -1,11 +1,12 @@
 define(
     [
         'react',
+        'create-react-class',
         'react-dom',
         '../../services/common-functions'
     ],
-    function (React, ReactDOM, commonFunctions) {
-        var ChatBox = React.createClass({
+    function (React, createReactClass, ReactDOM, commonFunctions) {
+        var ChatBox = createReactClass({
             getDefaultProps: function() {
                 return {
                     headerTheme: 'box-primary',

reactjsAdminlte.js.map

@@ -1,9 +1,10 @@
 define(
     [
-        'react'
+        'react',
+        'create-react-class',
     ],
-    function (React) {
-        var Contacts = React.createClass({
+    function (React, createReactClass) {
+        var Contacts = createReactClass({
             render: function() {
 
                 var contacts = this.props.contacts.map(function(contactDetails, iterator){

src/components/chat-box/chat-box.js

@@ -1,9 +1,10 @@
 define(
     [
-        'react'
+        'react',
+        'create-react-class',
     ],
-    function (React) {
-        var Conversations = React.createClass({
+    function (React, createReactClass) {
+        var Conversations = createReactClass({
             render: function() {
 
                 var conversations = this.props.conversations.map(function(messageDetails, iterator){

src/components/chat-box/contacts.js

@@ -1,10 +1,11 @@
 define(
     [
         'react',
+        'create-react-class',
         'jquery',
     ],
-    function(React,$){
-        var ControlsMenu = React.createClass({
+    function (React, createReactClass, $){
+        var ControlsMenu = createReactClass({
             componentDidMount:function(){
 
             },

src/components/chat-box/conversations.js

@@ -1,11 +1,12 @@
 define(
     [
         'react',
+        'create-react-class',
         'react-dom',
         './box-functions'
     ],
-    function (React, ReactDOM, boxFunctions) {
-    	var BoxTool = React.createClass({
+    function (React, createReactClass, ReactDOM, boxFunctions) {
+    	var BoxTool = createReactClass({
             toggleCollapse: function(event){
                 var box = boxFunctions.findClosestElement(event.currentTarget, this.props.containerClass),
                     boxBody = box.children[1],

src/components/controls-menu.js

@@ -1,10 +1,11 @@
 define(
     [
         'react',
+        'create-react-class',
         'react-dom',
     ],
-    function (React, ReactDOM) {
-        var Box = React.createClass({
+    function (React, createReactClass, ReactDOM) {
+        var Box = createReactClass({
             getDefaultProps: function() {
                 return {
                     collapsed: false,

src/components/custom-box/box-tool.js

@@ -1,13 +1,14 @@
 define(
     [
         'react',
+        'create-react-class',
         'jquery',
         './header-messages/header-messages',
         './header-notifications/header-notifications',
         './header-tasks/header-tasks'
     ],
-    function (React, $, HeaderMessages, HeaderNotifications, HeaderTasks) {
-        var HeaderBar = React.createClass({
+    function (React, createReactClass, $, HeaderMessages, HeaderNotifications, HeaderTasks) {
+        var HeaderBar = createReactClass({
             pushMenu: function () {
                 var body = document.body;
                 if(body.clientWidth > 768){