Components Updates & Dependencies

.gitignore

@@ -40,4 +40,4 @@ Mac
 .DS_Store
 
 # Dist Dir
-lib
+#lib

lib/components/CallToAction/index.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _styles = require('./styles');
+
+var _styles2 = _interopRequireDefault(_styles);
+
+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; }
+// import FontAwesome from 'react-fontawesome';
+
+
+var CallToAction = function (_Component) {
+  _inherits(CallToAction, _Component);
+
+  function CallToAction() {
+    _classCallCheck(this, CallToAction);
+
+    return _possibleConstructorReturn(this, (CallToAction.__proto__ || Object.getPrototypeOf(CallToAction)).apply(this, arguments));
+  }
+
+  _createClass(CallToAction, [{
+    key: 'renderLabel',
+    value: function renderLabel(style, props) {
+
+      if (props.renderLabel) {
+        return props.renderLabel(style, props);
+      }
+
+      if (!props.label) {
+        return null;
+      }
+
+      return _react2.default.createElement(
+        'span',
+        { style: style.label },
+        props.label
+      );
+    }
+  }, {
+    key: 'renderIcon',
+    value: function renderIcon(style, props) {
+
+      if (props.renderIcon) {
+        return props.renderIcon(style, props);
+      }
+
+      if (!props.icon) {
+        return null;
+      }
+      return null;
+      // return (<FontAwesome name={ props.icon } style={ style.icon } />);
+    }
+  }, {
+    key: 'renderButton',
+    value: function renderButton(style, props) {
+
+      if (props.renderButton) {
+        return props.renderButton(style, props);
+      }
+
+      return _react2.default.createElement(
+        'button',
+        { onClick: props.onClick, style: style.wrapper },
+        this.renderIcon(style, props),
+        '\xA0',
+        this.renderLabel(style, props)
+      );
+    }
+  }, {
+    key: 'renderAnchor',
+    value: function renderAnchor(style, props) {
+
+      if (props.renderAnchor) {
+        return props.renderAnchor(style, props);
+      }
+
+      return _react2.default.createElement(
+        'a',
+        { href: props.href, target: props.target | '_self', style: style.wrapper },
+        this.renderIcon(style, props),
+        '\xA0',
+        this.renderLabel(style, props)
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+
+      var s = (0, _styles2.default)(this.props);
+
+      if (this.props.href) {
+        return this.renderAnchor(s, this.props);
+      } else {
+        return this.renderButton(s, this.props);
+      }
+    }
+  }]);
+
+  return CallToAction;
+}(_react.Component);
+
+CallToAction.propTypes = {
+  href: _propTypes2.default.string,
+  target: _propTypes2.default.string,
+  icon: _propTypes2.default.string,
+  label: _propTypes2.default.string,
+  onClick: _propTypes2.default.func
+};
+
+exports.default = CallToAction;

lib/components/CallToAction/styles.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+exports.default = function (props) {
+  var _safeThemeFromProps2 = (0, _styleHelpers.safeThemeFromProps)(props),
+      textColor = _safeThemeFromProps2.textColor,
+      primaryColor = _safeThemeFromProps2.primaryColor;
+
+  var wrapperStyle = props.wrapperStyle,
+      iconStyle = props.iconStyle,
+      labelStyle = props.labelStyle;
+
+
+  var styles = {
+    wrapper: _extends({}, getWrapperForDesign(props), {
+      padding: '1.7%',
+      textDecoration: 'none',
+      display: 'inline-block',
+      margin: '1%',
+      fontSize: 'inherit'
+    }, wrapperStyle),
+    icon: _extends({
+      fontSize: '1em'
+    }, iconStyle),
+    label: _extends({
+      fontSize: '1em',
+      fontWeight: 'bold'
+    }, labelStyle)
+  };
+
+  return styles;
+};
+
+var _styleHelpers = require('../../utils/styleHelpers');
+
+function getWrapperForDesign(props) {
+  var _safeThemeFromProps = (0, _styleHelpers.safeThemeFromProps)(props),
+      textColor = _safeThemeFromProps.textColor,
+      primaryColor = _safeThemeFromProps.primaryColor,
+      primaryContrastColor = _safeThemeFromProps.primaryContrastColor,
+      objectDesign = _safeThemeFromProps.objectDesign;
+
+  switch (objectDesign) {
+    case 'rounded-solid':
+      return {
+        backgroundColor: primaryColor,
+        color: primaryContrastColor,
+        borderStyle: 'none',
+        borderRadius: '30px'
+      };
+    case 'rounded-outline':
+      return {
+        backgroundColor: 'transparent',
+        borderWidth: 3,
+        borderColor: primaryColor,
+        color: primaryColor,
+        borderStyle: 'solid',
+        borderRadius: '30px'
+      };
+    case 'square-outline':
+      return {
+        backgroundColor: 'transparent',
+        borderWidth: 3,
+        borderColor: primaryColor,
+        color: primaryColor,
+        borderStyle: 'solid',
+        borderRadius: 0
+      };
+    default:
+      //square-solid
+      return {
+        backgroundColor: primaryColor,
+        color: primaryContrastColor,
+        borderStyle: 'none',
+        borderRadius: 0
+      };
+  }
+}

lib/components/DoubleContentBrick/index.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+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 _styles = require('./styles');
+
+var _styles2 = _interopRequireDefault(_styles);
+
+var _ = require('../../');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _conventions = require('../../conventions');
+
+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 DoubleContentBrick = function (_Component) {
+  _inherits(DoubleContentBrick, _Component);
+
+  function DoubleContentBrick() {
+    _classCallCheck(this, DoubleContentBrick);
+
+    return _possibleConstructorReturn(this, (DoubleContentBrick.__proto__ || Object.getPrototypeOf(DoubleContentBrick)).apply(this, arguments));
+  }
+
+  _createClass(DoubleContentBrick, [{
+    key: 'renderFirstContent',
+    value: function renderFirstContent(firstChild, parentStyles, parentProps) {
+
+      if (parentProps.renderFirstContent) {
+        return parentProps.renderFirstContent(firstChild, parentStyles, parentProps);
+      }
+
+      return _react2.default.createElement(
+        _.ThemePropagator,
+        _extends({}, parentProps, { wrapperStyle: { flex: 1 } }),
+        firstChild
+      );
+    }
+  }, {
+    key: 'renderSecondContent',
+    value: function renderSecondContent(secondChild, parentStyles, parentProps) {
+
+      if (parentProps.renderSecondContent) {
+        return parentProps.renderSecondContent(secondChild, parentStyles, parentProps);
+      }
+
+      return _react2.default.createElement(
+        _.ThemePropagator,
+        _extends({}, parentProps, { wrapperStyle: { flex: 1 } }),
+        secondChild
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+
+      var s = (0, _styles2.default)(this.props);
+
+      var _React$Children$toArr = _react2.default.Children.toArray(this.props.children),
+          _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
+          firstChild = _React$Children$toArr2[0],
+          secondChild = _React$Children$toArr2[1];
+
+      return _react2.default.createElement(
+        _.GenericBrick,
+        this.props,
+        _react2.default.createElement(
+          'div',
+          { style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' } },
+          this.renderFirstContent(firstChild, s, this.props),
+          this.renderSecondContent(secondChild, s, this.props)
+        )
+      );
+    }
+  }]);
+
+  return DoubleContentBrick;
+}(_react.Component);
+
+DoubleContentBrick.propTypes = {
+  hasHeader: _propTypes2.default.bool,
+  title: _propTypes2.default.string,
+  subtitle: _propTypes2.default.string,
+  theme: _conventions.LandricksPropTypes.brickTheme,
+  wrapperStyle: _propTypes2.default.object,
+  contentStyle: _propTypes2.default.object,
+  headerStyle: _propTypes2.default.object,
+  titleStyle: _propTypes2.default.object,
+  subtitleStyle: _propTypes2.default.object,
+  renderHeader: _propTypes2.default.func,
+  children: _propTypes2.default.arrayOf(_propTypes2.default.element)
+};
+
+exports.default = DoubleContentBrick;

lib/components/DoubleContentBrick/styles.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = function (props) {
+
+  var styles = {};
+
+  return styles;
+};
+
+var _styleHelpers = require('../../utils/styleHelpers');