Refactoring for composability

.babelrc

@@ -6,6 +6,7 @@
         "es2015"
       ],
       "plugins": [
+        "transform-react-jsx",
         "transform-class-properties",
         "transform-decorators",
         "transform-react-constant-elements",

app.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   torvaldsNetwork: 'https://torvalds.gittoken.io',
-  registryAddress: '0x34a88a4b714ffc02ecf2da5e83f2bbd860700948'
+  registryAddress: '0x5cf572991e598f6213fe7faf4635ea29edd8718d'
 }

dist/actions/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var _RegistryActions = require('./RegistryActions');
+
+var _RegistryActions2 = _interopRequireDefault(_RegistryActions);
+
+var _appConfig = require('../../app.config.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = {
+  registryActions: new _RegistryActions2.default({
+    torvaldsNetwork: _appConfig.torvaldsNetwork,
+    registryAddress: _appConfig.registryAddress
+  })
+};

dist/components/Generic/ChartTheme.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+/*
+  "material" theme (VictoryTheme.material)
+  Try changing the theme. You could start with `colors` or `fontSize`.
+*/
+
+// Colors
+var yellow200 = "#FFF59D";
+var deepOrange600 = "#F4511E";
+var lime300 = "#DCE775";
+var lightGreen500 = "#8BC34A";
+var teal700 = "#00796B";
+var cyan900 = "#006064";
+var colors = [deepOrange600, yellow200, lime300, lightGreen500, teal700, cyan900];
+var blueGrey50 = "#ECEFF1";
+var blueGrey300 = "#90A4AE";
+var blueGrey700 = "#455A64";
+var grey900 = "#212121";
+// Typography
+var sansSerif = "'Roboto', 'Helvetica Neue', Helvetica, sans-serif";
+var letterSpacing = "normal";
+var fontSize = 12;
+
+// Layout
+var padding = 8;
+var baseProps = {
+  // width: 450,
+  // height: 450,
+  padding: 50
+};
+
+// Labels
+var baseLabelStyles = {
+  fontFamily: sansSerif,
+  fontSize: fontSize,
+  letterSpacing: letterSpacing,
+  padding: padding,
+  fill: blueGrey700
+};
+
+var centeredLabelStyles = Object.assign({ textAnchor: "middle" }, baseLabelStyles);
+
+// Strokes
+var strokeDasharray = "10, 5";
+var strokeLinecap = "round";
+var strokeLinejoin = "round";
+
+// Put it all together...
+var theme = {
+  area: Object.assign({
+    style: {
+      data: {
+        fill: grey900
+      },
+      labels: centeredLabelStyles
+    }
+  }, baseProps),
+  axis: Object.assign({
+    style: {
+      axis: {
+        fill: "transparent",
+        stroke: blueGrey300,
+        strokeWidth: 2,
+        strokeLinecap: strokeLinecap,
+        strokeLinejoin: strokeLinejoin
+      },
+      axisLabel: Object.assign({}, centeredLabelStyles, {
+        padding: padding,
+        stroke: "transparent"
+      }),
+      grid: {
+        fill: "transparent",
+        stroke: 0.0
+        // strokeDasharray,
+        // strokeLinecap,
+        // strokeLinejoin
+      },
+      ticks: {
+        fill: "transparent",
+        size: 5,
+        stroke: blueGrey300,
+        strokeWidth: 1,
+        strokeLinecap: strokeLinecap,
+        strokeLinejoin: strokeLinejoin
+      },
+      tickLabels: Object.assign({}, baseLabelStyles, {
+        fill: blueGrey700,
+        stroke: "transparent"
+      })
+    }
+  }, baseProps),
+  bar: Object.assign({
+    style: {
+      data: {
+        fill: blueGrey700,
+        padding: padding,
+        stroke: "transparent",
+        strokeWidth: 0,
+        width: 5
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  candlestick: Object.assign({
+    style: {
+      data: {
+        stroke: blueGrey700
+      },
+      labels: centeredLabelStyles
+    },
+    candleColors: {
+      positive: "#ffffff",
+      negative: blueGrey700
+    }
+  }, baseProps),
+  chart: baseProps,
+  errorbar: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: blueGrey700,
+        strokeWidth: 2
+      },
+      labels: Object.assign({}, centeredLabelStyles, {
+        stroke: "transparent",
+        strokeWidth: 0
+      })
+    }
+  }, baseProps),
+  group: Object.assign({
+    colorScale: colors
+  }, baseProps),
+  line: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: blueGrey700,
+        strokeWidth: 2
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        stroke: "transparent",
+        strokeWidth: 0,
+        textAnchor: "start"
+      })
+    }
+  }, baseProps),
+  pie: Object.assign({
+    colorScale: colors,
+    style: {
+      data: {
+        padding: padding,
+        stroke: blueGrey50,
+        strokeWidth: 1
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 20,
+        stroke: "transparent",
+        strokeWidth: 0
+      })
+    }
+  }, baseProps),
+  scatter: Object.assign({
+    style: {
+      data: {
+        fill: blueGrey700,
+        opacity: 1,
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: Object.assign({}, centeredLabelStyles, {
+        stroke: "transparent"
+      })
+    }
+  }, baseProps),
+  stack: Object.assign({
+    colorScale: colors
+  }, baseProps),
+  tooltip: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: centeredLabelStyles,
+      flyout: {
+        stroke: blueGrey700,
+        strokeWidth: 1,
+        fill: "#f0f0f0"
+      }
+    },
+    flyoutProps: {
+      cornerRadius: 10,
+      pointerLength: 10
+    }
+  }, baseProps),
+  voronoi: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: centeredLabelStyles
+    }
+  }, baseProps)
+};
+
+exports.default = theme;

dist/components/Generic/FormItem.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _jsx = function () { var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for && Symbol.for("react.element") || 0xeac7; return function createRawReactElement(type, props, key, children) { var defaultProps = type && type.defaultProps; var childrenLength = arguments.length - 3; if (!props && childrenLength !== 0) { props = {}; } if (props && defaultProps) { for (var propName in defaultProps) { if (props[propName] === void 0) { props[propName] = defaultProps[propName]; } } } else if (!props) { props = defaultProps || {}; } if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 3]; } props.children = childArray; } return { $$typeof: REACT_ELEMENT_TYPE, type: type, key: key === undefined ? null : '' + key, ref: null, props: props, _owner: null }; }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactBootstrap = require('react-bootstrap');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var _ref = _jsx(_reactBootstrap.FormControl.Feedback, {});
+
+var FormItem = function (_Component) {
+  _inherits(FormItem, _Component);
+
+  function FormItem() {
+    _classCallCheck(this, FormItem);
+
+    return _possibleConstructorReturn(this, (FormItem.__proto__ || Object.getPrototypeOf(FormItem)).call(this));
+  }
+
+  _createClass(FormItem, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          type = _props.type,
+          value = _props.value,
+          placeholder = _props.placeholder,
+          onChange = _props.onChange,
+          validationState = _props.validationState,
+          label = _props.label,
+          controlId = _props.controlId,
+          help = _props.help,
+          min = _props.min,
+          max = _props.max,
+          bsSize = _props.bsSize;
+
+
+      return _jsx(_reactBootstrap.FormGroup, {
+        bsSize: bsSize ? bsSize : 'large',
+        controlId: controlId,
+        validationState: validationState()
+      }, void 0, _jsx(_reactBootstrap.ControlLabel, {}, void 0, label), _jsx(_reactBootstrap.FormControl, {
+        type: type,
+        value: value,
+        placeholder: placeholder,
+        onChange: onChange,
+        min: min,
+        max: max
+      }), _ref, help ? _jsx(_reactBootstrap.HelpBlock, {}, void 0, help) : null);
+    }
+  }]);
+
+  return FormItem;
+}(_react.Component);
+
+exports.default = FormItem;

dist/components/Generic/Splash.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _jsx = function () { var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for && Symbol.for("react.element") || 0xeac7; return function createRawReactElement(type, props, key, children) { var defaultProps = type && type.defaultProps; var childrenLength = arguments.length - 3; if (!props && childrenLength !== 0) { props = {}; } if (props && defaultProps) { for (var propName in defaultProps) { if (props[propName] === void 0) { props[propName] = defaultProps[propName]; } } } else if (!props) { props = defaultProps || {}; } if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 3]; } props.children = childArray; } return { $$typeof: REACT_ELEMENT_TYPE, type: type, key: key === undefined ? null : '' + key, ref: null, props: props, _owner: null }; }; }();
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _MainLogo = require('../SVG/MainLogo.jsx');
+
+var _MainLogo2 = _interopRequireDefault(_MainLogo);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Splash = function (_Component) {
+  _inherits(Splash, _Component);
+
+  function Splash() {
+    _classCallCheck(this, Splash);
+
+    return _possibleConstructorReturn(this, (Splash.__proto__ || Object.getPrototypeOf(Splash)).call(this));
+  }
+
+  _createClass(Splash, [{
+    key: 'render',
+    value: function render() {
+      var title = this.props.title;
+
+
+      return _jsx('div', {
+        style: { textAlign: 'center', color: '#fff' }
+      }, void 0, _jsx('h1', {}, void 0, title));
+    }
+  }]);
+
+  return Splash;
+}(_react.Component);
+
+exports.default = Splash;

dist/components/Generic/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormItem = exports.Splash = undefined;
+
+var _FormItem = require('./FormItem.jsx');
+
+var _FormItem2 = _interopRequireDefault(_FormItem);
+
+var _Splash = require('./Splash.jsx');
+
+var _Splash2 = _interopRequireDefault(_Splash);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.Splash = _Splash2.default;
+exports.FormItem = _FormItem2.default;