refactor SidePanel, TopPanel

Author: ShMcK

lib/components/Page/index.js

@@ -8,7 +8,7 @@ var React = require('react');
 var PageDescription_1 = require('./PageDescription');
 var Tasks_1 = require('./Tasks');
 var TasksComplete_1 = require('./TasksComplete');
-var Top_1 = require('../TopPanel/Top');
+var TopPanel_1 = require('../TopPanel');
 var styles = {
     width: '100%',
     overflowY: 'scroll',
@@ -19,10 +19,10 @@ var Page = (function (_super) {
         _super.apply(this, arguments);
     }
     Page.prototype.componentDidMount = function () {
-        Top_1.default.toggle(true);
+        TopPanel_1.topElement.toggle(true);
     };
     Page.prototype.componentWillUnmount = function () {
-        Top_1.default.toggle(false);
+        TopPanel_1.topElement.toggle(false);
     };
     Page.prototype.render = function () {
         return (React.createElement("section", {style: styles, className: 'cr-page'}, React.createElement(PageDescription_1.default, null), React.createElement(Tasks_1.default, null), React.createElement(TasksComplete_1.default, null)));

lib/components/App.js renamed to lib/components/SidePanel/SidePanel.js

@@ -15,26 +15,26 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 var React = require('react');
 var react_redux_1 = require('react-redux');
-var index_1 = require('./index');
-var Routes_1 = require('./Routes');
+var index_1 = require('../index');
+var Routes_1 = require('../Routes');
 var Drawer_1 = require('material-ui/Drawer');
-var App = (function (_super) {
-    __extends(App, _super);
-    function App() {
+var SidePanel = (function (_super) {
+    __extends(SidePanel, _super);
+    function SidePanel() {
         _super.apply(this, arguments);
     }
-    App.prototype.render = function () {
+    SidePanel.prototype.render = function () {
         var windowToggle = this.props.windowToggle;
         return (React.createElement("section", null, React.createElement(Drawer_1.default, {width: 400, openSecondary: true, open: windowToggle}, React.createElement("div", {className: 'cr-bg'}, React.createElement(index_1.AppMenu, null), React.createElement(Routes_1.default, null))), React.createElement(index_1.Alert, null)));
     };
-    App = __decorate([
+    SidePanel = __decorate([
         react_redux_1.connect(function (state) { return ({
             windowToggle: state.windowToggle,
         }); }), 
         __metadata('design:paramtypes', [])
-    ], App);
-    return App;
+    ], SidePanel);
+    return SidePanel;
 }(React.Component));
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = App;
+exports.default = SidePanel;
 ;

lib/components/SidePanel/SidePanelRoot.js

@@ -0,0 +1,9 @@
+"use strict";
+var React = require('react');
+var react_redux_1 = require('react-redux');
+var SidePanel_1 = require('./SidePanel');
+var theme_1 = require('../styles/theme');
+var MuiThemeProvider_1 = require('material-ui/styles/MuiThemeProvider');
+var SideRoot = function (store) { return (React.createElement(react_redux_1.Provider, {store: store}, React.createElement(MuiThemeProvider_1.default, {muiTheme: theme_1.default}, React.createElement(SidePanel_1.default, null)))); };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SideRoot;

lib/components/SidePanel/SideRoot.js

@@ -1,40 +1,5 @@
 "use strict";
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var React = require('react');
-var react_redux_1 = require('react-redux');
-var index_1 = require('../index');
-var Routes_1 = require('../Routes');
-var Drawer_1 = require('material-ui/Drawer');
-var SidePanel = (function (_super) {
-    __extends(SidePanel, _super);
-    function SidePanel() {
-        _super.apply(this, arguments);
-    }
-    SidePanel.prototype.render = function () {
-        var windowToggle = this.props.windowToggle;
-        return (React.createElement("section", null, React.createElement(Drawer_1.default, {width: 400, openSecondary: true, open: windowToggle}, React.createElement("div", {className: 'cr-bg'}, React.createElement(index_1.AppMenu, null), React.createElement(Routes_1.default, null))), React.createElement(index_1.Alert, null)));
-    };
-    SidePanel = __decorate([
-        react_redux_1.connect(function (state) { return ({
-            windowToggle: state.windowToggle,
-        }); }), 
-        __metadata('design:paramtypes', [])
-    ], SidePanel);
-    return SidePanel;
-}(React.Component));
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SidePanel;
-;
+var sideElement_1 = require('./sideElement');
+exports.sideElement = sideElement_1.default;
+var SideRoot_1 = require('./SideRoot');
+exports.SideRoot = SideRoot_1.default;

lib/components/SidePanel/element.js

@@ -1,6 +1,6 @@
 "use strict";
 var ReactDOM = require('react-dom');
-var Root = {
+var Side = {
     root: null,
     init: function () {
         this.root = document.createElement('div');
@@ -12,4 +12,4 @@ var Root = {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Root;
+exports.default = Side;

lib/components/SidePanel/index.js

@@ -0,0 +1,5 @@
+"use strict";
+var topElement_1 = require('./topElement');
+exports.topElement = topElement_1.default;
+var TopRoot_1 = require('./TopRoot');
+exports.TopRoot = TopRoot_1.default;