attributes-kit/dist/attributes-kit-server.js

React component for MSON rendering

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("react"), require("lodash/merge"), require("radium"), require("lodash/isEmpty"), require("lodash/isUndefined"), require("lodash/isObject"), require("lodash/map"), require("sift"), require("lodash/isArray"), require("eidolon"), require("react-dom"), require("lodash/each"), require("lodash/every"), require("events"), require("abagnale/lib/abagnale"), require("dedent"), require("fbemitter"), require("lodash/cloneDeep"), require("lodash/isString"), require("lodash/last"), require("lodash/max"), require("lodash/random"), require("lodash/reduce"), require("lodash/some"), require("lodash/values"), require("marked"));
	else if(typeof define === 'function' && define.amd)
		define(["react", "lodash/merge", "radium", "lodash/isEmpty", "lodash/isUndefined", "lodash/isObject", "lodash/map", "sift", "lodash/isArray", "eidolon", "react-dom", "lodash/each", "lodash/every", "events", "abagnale/lib/abagnale", "dedent", "fbemitter", "lodash/cloneDeep", "lodash/isString", "lodash/last", "lodash/max", "lodash/random", "lodash/reduce", "lodash/some", "lodash/values", "marked"], factory);
	else {
		var a = typeof exports === 'object' ? factory(require("react"), require("lodash/merge"), require("radium"), require("lodash/isEmpty"), require("lodash/isUndefined"), require("lodash/isObject"), require("lodash/map"), require("sift"), require("lodash/isArray"), require("eidolon"), require("react-dom"), require("lodash/each"), require("lodash/every"), require("events"), require("abagnale/lib/abagnale"), require("dedent"), require("fbemitter"), require("lodash/cloneDeep"), require("lodash/isString"), require("lodash/last"), require("lodash/max"), require("lodash/random"), require("lodash/reduce"), require("lodash/some"), require("lodash/values"), require("marked")) : factory(root["react"], root["lodash/merge"], root["radium"], root["lodash/isEmpty"], root["lodash/isUndefined"], root["lodash/isObject"], root["lodash/map"], root["sift"], root["lodash/isArray"], root["eidolon"], root["react-dom"], root["lodash/each"], root["lodash/every"], root["events"], root["abagnale/lib/abagnale"], root["dedent"], root["fbemitter"], root["lodash/cloneDeep"], root["lodash/isString"], root["lodash/last"], root["lodash/max"], root["lodash/random"], root["lodash/reduce"], root["lodash/some"], root["lodash/values"], root["marked"]);
		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
	}
})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_14__, __WEBPACK_EXTERNAL_MODULE_16__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_18__, __WEBPACK_EXTERNAL_MODULE_22__, __WEBPACK_EXTERNAL_MODULE_23__, __WEBPACK_EXTERNAL_MODULE_24__, __WEBPACK_EXTERNAL_MODULE_32__, __WEBPACK_EXTERNAL_MODULE_33__, __WEBPACK_EXTERNAL_MODULE_35__, __WEBPACK_EXTERNAL_MODULE_84__, __WEBPACK_EXTERNAL_MODULE_85__, __WEBPACK_EXTERNAL_MODULE_86__, __WEBPACK_EXTERNAL_MODULE_87__, __WEBPACK_EXTERNAL_MODULE_88__, __WEBPACK_EXTERNAL_MODULE_89__, __WEBPACK_EXTERNAL_MODULE_90__, __WEBPACK_EXTERNAL_MODULE_91__, __WEBPACK_EXTERNAL_MODULE_92__, __WEBPACK_EXTERNAL_MODULE_93__, __WEBPACK_EXTERNAL_MODULE_94__, __WEBPACK_EXTERNAL_MODULE_95__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;
/******/
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// identity function for calling harmony imports with the correct context
/******/ 	__webpack_require__.i = function(value) { return value; };
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 83);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {

module.exports = require("react");

/***/ }),
/* 1 */
/***/ (function(module, exports) {

module.exports = require("lodash/merge");

/***/ }),
/* 2 */
/***/ (function(module, exports) {

module.exports = require("radium");

/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _class2, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _radium = __webpack_require__(2);

var _radium2 = _interopRequireDefault(_radium);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Column = (0, _radium2.default)(_class = (_temp = _class2 = function (_React$Component) {
  _inherits(Column, _React$Component);

  function Column() {
    _classCallCheck(this, Column);

    return _possibleConstructorReturn(this, (Column.__proto__ || Object.getPrototypeOf(Column)).apply(this, arguments));
  }

  _createClass(Column, [{
    key: 'render',
    value: function render() {
      return _react2.default.createElement('div', { style: this.style }, this.props.children);
    }
  }, {
    key: 'style',
    get: function get() {
      var style = {
        height: 'auto',
        width: '100%',
        display: 'flex',
        flexDirection: 'column',
        flexWrap: 'no-wrap',
        justifyContent: 'flex-start',
        alignItems: 'flex-start'
      };

      return (0, _merge2.default)(style, this.props.style);
    }
  }]);

  return Column;
}(_react2.default.Component), _class2.propTypes = {
  style: _react2.default.PropTypes.object,
  children: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.object, _react2.default.PropTypes.array])
}, _temp)) || _class;

exports.default = Column;
module.exports = exports['default'];

/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _array = __webpack_require__(66);

Object.keys(_array).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _array[key];
    }
  });
});

var _defaultValue = __webpack_require__(67);

Object.keys(_defaultValue).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _defaultValue[key];
    }
  });
});

var _description = __webpack_require__(68);

Object.keys(_description).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _description[key];
    }
  });
});

var _inheritance = __webpack_require__(69);

Object.keys(_inheritance).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _inheritance[key];
    }
  });
});

var _object = __webpack_require__(70);

Object.keys(_object).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _object[key];
    }
  });
});

var _query = __webpack_require__(71);

Object.keys(_query).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _query[key];
    }
  });
});

var _samples = __webpack_require__(72);

Object.keys(_samples).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _samples[key];
    }
  });
});

var _structuredElement = __webpack_require__(73);

Object.keys(_structuredElement).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _structuredElement[key];
    }
  });
});

var _type = __webpack_require__(20);

Object.keys(_type).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _type[key];
    }
  });
});

var _value = __webpack_require__(74);

Object.keys(_value).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _value[key];
    }
  });
});

/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Row = (_temp = _class = function (_React$Component) {
  _inherits(Row, _React$Component);

  function Row() {
    _classCallCheck(this, Row);

    return _possibleConstructorReturn(this, (Row.__proto__ || Object.getPrototypeOf(Row)).apply(this, arguments));
  }

  _createClass(Row, [{
    key: 'getStyles',
    value: function getStyles() {
      var styles = {
        width: '100%',
        height: 'auto',
        display: 'flex',
        flexDirection: 'row',
        flexWrap: 'no-wrap',
        justifyContent: 'flex-start',
        alignItems: 'stretch',
        position: 'relative'
      };

      return (0, _merge2.default)(styles, this.props.style || {});
    }
  }, {
    key: 'render',
    value: function render() {
      return _react2.default.createElement('div', {
        style: this.getStyles(),
        onClick: this.props.onClick
      }, this.props.children);
    }
  }]);

  return Row;
}(_react2.default.Component), _class.propTypes = {
  onClick: _react2.default.PropTypes.func,
  style: _react2.default.PropTypes.object,
  children: _react2.default.PropTypes.any
}, _temp);
exports.default = Row;
module.exports = exports['default'];

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
var DEFAULT_FONT_FAMILY = "'Source Sans Pro', -apple-system, Helvetica, sans-serif";
var MONO_FONT_FAMILY = "'Source Code Pro', monospace";

exports.DEFAULT_FONT_FAMILY = DEFAULT_FONT_FAMILY;
exports.MONO_FONT_FAMILY = MONO_FONT_FAMILY;

/***/ }),
/* 7 */
/***/ (function(module, exports) {

module.exports = require("lodash/isEmpty");

/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Value = undefined;

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 _class, _temp;

var _isUndefined = __webpack_require__(14);

var _isUndefined2 = _interopRequireDefault(_isUndefined);

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _ElementUtils = __webpack_require__(4);

var _PrimitiveValue = __webpack_require__(62);

var _Attribute = __webpack_require__(19);

var _Attribute2 = _interopRequireDefault(_Attribute);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Value = (_temp = _class = function (_React$Component) {
  _inherits(Value, _React$Component);

  function Value() {
    _classCallCheck(this, Value);

    return _possibleConstructorReturn(this, (Value.__proto__ || Object.getPrototypeOf(Value)).apply(this, arguments));
  }

  _createClass(Value, [{
    key: 'render',
    value: function render() {
      var value = void 0;

      if (!this.props.element) {
        return null;
      }

      if ((0, _ElementUtils.isMember)(this.props.element)) {
        if ((0, _ElementUtils.isStructured)(this.props.element)) {
          return _react2.default.createElement(_Attribute2.default, {
            element: this.props.element.content.value,
            expandableCollapsible: this.props.expandableCollapsible,
            parentElement: this.props.parentElement,
            style: this.props.style,
            isSample: this.props.isSample
          });
        }

        return _react2.default.createElement(_PrimitiveValue.PrimitiveValue, {
          value: this.props.element.content.value.content,
          style: this.props.style
        });
      }

      if ((0, _ElementUtils.isStructured)(this.props.element)) {
        value = _react2.default.createElement(_Attribute2.default, {
          element: this.props.element,
          expandableCollapsible: this.props.expandableCollapsible,
          parentElement: this.props.parentElement,
          style: this.props.style,
          isSample: this.props.isSample
        });
      } else if ((0, _ElementUtils.isObject)(this.props.element) || (0, _ElementUtils.isArray)(this.props.element) || (0, _ElementUtils.isSelect)(this.props.element) || (0, _ElementUtils.isEnum)(this.props.element)) {
        value = _react2.default.createElement(_Attribute2.default, {
          element: this.props.element,
          expandableCollapsible: this.props.expandableCollapsible,
          parentElement: this.props.parentElement,
          style: this.props.style,
          isSample: this.props.isSample
        });
      } else if (!(0, _isUndefined2.default)(this.props.element.content)) {
        value = _react2.default.createElement(_PrimitiveValue.PrimitiveValue, {
          value: this.props.element.content,
          style: this.props.style
        });
      } else {
        value = null;
      }

      return value;
    }
  }]);

  return Value;
}(_react2.default.Component), _class.propTypes = {
  element: _react2.default.PropTypes.object,
  parentElement: _react2.default.PropTypes.object,
  style: _react2.default.PropTypes.object,
  expandableCollapsible: _react2.default.PropTypes.bool,
  isSample: _react2.default.PropTypes.bool
}, _temp);
exports.Value = Value;

/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _class2, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _radium = __webpack_require__(2);

var _radium2 = _interopRequireDefault(_radium);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

var _Column = __webpack_require__(3);

var _Column2 = _interopRequireDefault(_Column);

var _Row = __webpack_require__(5);

var _Row2 = _interopRequireDefault(_Row);

var _fonts = __webpack_require__(6);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 SampleToggle = (0, _radium2.default)(_class = (_temp = _class2 = function (_React$Component) {
  _inherits(SampleToggle, _React$Component);

  function SampleToggle() {
    _classCallCheck(this, SampleToggle);

    return _possibleConstructorReturn(this, (SampleToggle.__proto__ || Object.getPrototypeOf(SampleToggle)).apply(this, arguments));
  }

  _createClass(SampleToggle, [{
    key: 'renderStyles',
    value: function renderStyles() {
      var SAMPLE_TOGGLE_TITLE_COLOR = this.context.theme.SAMPLE_TOGGLE_TITLE_COLOR;

      var styles = {
        root: {
          cursor: 'pointer'
        },
        iconColumn: {
          width: '12px',
          minWidth: '12px',
          maxWidth: '12px'
        },
        icon: {
          width: '12',
          height: '12px',
          backgroundRepeat: 'no-repeat',
          backgroundPosition: 'left center'
        },
        title: {
          userSelect: 'none',
          lineHeight: '12px',
          letterSpacing: '0.85px',
          fontFamily: _fonts.DEFAULT_FONT_FAMILY,
          fontSize: '12px',
          color: SAMPLE_TOGGLE_TITLE_COLOR,
          textTransform: 'uppercase',
          paddingLeft: '6px'
        }
      };

      if (this.props.isExpanded) {
        styles.icon.backgroundImage = 'url(' + __webpack_require__(10) + ')';
        styles.icon.backgroundSize = '12px 7px';
      } else {
        styles.icon.backgroundImage = 'url(' + __webpack_require__(10) + ')';
        styles.icon.backgroundSize = '7px 12px';
      }

      return (0, _merge2.default)(styles, this.props.style || {});
    }
  }, {
    key: 'render',
    value: function render() {
      return _react2.default.createElement(_Row2.default, { style: this.renderStyles().root, onClick: this.props.onClick }, _react2.default.createElement(_Column2.default, { style: this.renderStyles().iconColumn }, _react2.default.createElement('div', { style: this.renderStyles().icon })), _react2.default.createElement(_Column2.default, null, _react2.default.createElement('div', { style: this.renderStyles().title }, this.props.sampleTitle || 'Sample')));
    }
  }]);

  return SampleToggle;
}(_react2.default.Component), _class2.propTypes = {
  onClick: _react2.default.PropTypes.func,
  sampleName: _react2.default.PropTypes.string,
  isExpanded: _react2.default.PropTypes.bool,
  style: _react2.default.PropTypes.object,
  sampleTitle: _react2.default.PropTypes.string
}, _class2.contextTypes = {
  theme: _react2.default.PropTypes.object
}, _temp)) || _class;

exports.default = SampleToggle;
module.exports = exports['default'];

/***/ }),
/* 10 */
/***/ (function(module, exports) {

(function(exports) {
  exports.noop = function(){};
})(typeof module === 'object' && typeof module.exports === 'object' ? module.exports : window);


/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _class2, _temp;

var _isObject = __webpack_require__(16);

var _isObject2 = _interopRequireDefault(_isObject);

var _isString = __webpack_require__(88);

var _isString2 = _interopRequireDefault(_isString);

var _marked = __webpack_require__(95);

var _marked2 = _interopRequireDefault(_marked);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

var _radium = __webpack_require__(2);

var _radium2 = _interopRequireDefault(_radium);

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _fonts = __webpack_require__(6);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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;
}

_marked2.default.setOptions({
  sanitize: true
});

var Description = (0, _radium2.default)(_class = (_temp = _class2 = function (_React$Component) {
  _inherits(Description, _React$Component);

  function Description() {
    _classCallCheck(this, Description);

    return _possibleConstructorReturn(this, (Description.__proto__ || Object.getPrototypeOf(Description)).apply(this, arguments));
  }

  _createClass(Description, [{
    key: 'render',
    value: function render() {
      var DESCRIPTION_COLOR = this.context.theme.DESCRIPTION_COLOR;

      var description = Description.getDescription(this.props.element);

      if (!description) {
        return false;
      }

      var markdownMarkup = { __html: (0, _marked2.default)(description) };

      return _react2.default.createElement('div', null, _react2.default.createElement(_radium.Style, {
        scopeSelector: '.attributesKit',
        rules: {
          p: {
            marginBottom: '4px',
            fontFamily: _fonts.DEFAULT_FONT_FAMILY,
            fontSize: '14px',
            color: DESCRIPTION_COLOR,
            lineHeight: '21px',
            fontWeight: 'regular'
          },
          'p:last-child': {
            marginBottom: '0px'
          },
          ul: {
            marginLeft: '20px'
          },
          a: {
            color: '#747E8E',
            textDecoration: 'none',
            borderBottom: '1px solid #DCE0E8'
          },
          'a:hover': {
            borderBottom: 'none'
          }
        }
      }), _react2.default.createElement('div', {
        style: this.style.base,
        dangerouslySetInnerHTML: markdownMarkup
      }));
    }
  }, {
    key: 'style',
    get: function get() {
      var DESCRIPTION_COLOR = this.context.theme.DESCRIPTION_COLOR;

      var style = {
        base: {
          fontFamily: _fonts.DEFAULT_FONT_FAMILY,
          fontSize: '13px',
          color: DESCRIPTION_COLOR,
          lineHeight: '150%',
          fontWeight: 'regular'
        }
      };

      return (0, _merge2.default)(style, this.props.style || {});
    }
  }], [{
    key: 'getDescription',
    value: function getDescription(element) {
      if (element.meta && element.meta.description) {
        if ((0, _isString2.default)(element.meta.description)) {
          return element.meta.description;
        }

        if ((0, _isObject2.default)(element.meta.description)) {
          return element.meta.description.content;
        }
      }

      return null;
    }
  }]);

  return Description;
}(_react2.default.Component), _class2.propTypes = {
  element: _react2.default.PropTypes.object,
  style: _react2.default.PropTypes.object
}, _class2.contextTypes = {
  theme: _react2.default.PropTypes.object
}, _temp)) || _class;

exports.default = Description;
module.exports = exports['default'];

/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _radium = __webpack_require__(2);

var _radium2 = _interopRequireDefault(_radium);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

var _ElementUtils = __webpack_require__(4);

var _fonts = __webpack_require__(6);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Type = (_temp2 = _class = function (_React$Component) {
  _inherits(Type, _React$Component);

  function Type() {
    var _ref;

    var _temp, _this, _ret;

    _classCallCheck(this, Type);

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Type.__proto__ || Object.getPrototypeOf(Type)).call.apply(_ref, [this].concat(args))), _this), _this.handleClick = function (event) {
      var reference = (0, _ElementUtils.getReference)(_this.props.element);
      var element = (0, _ElementUtils.findElement)(reference, _this.context.dereferencedDataStructures);

      if (_this.context.onElementLinkClick) {
        return _this.context.onElementLinkClick(element.meta.id, element, event);
      }

      return null;
    }, _temp), _possibleConstructorReturn(_this, _ret);
  }

  _createClass(Type, [{
    key: 'render',
    value: function render() {
      if (this.props.reference) {
        return _react2.default.createElement('div', {
          style: this.style.reference,
          onClick: this.handleClick
        }, this.props.reference);
      }

      if (this.props.type) {
        return _react2.default.createElement('div', { style: this.style.type }, this.props.type);
      }

      if (this.props.element) {
        var type = (0, _ElementUtils.getType)(this.props.element);

        if (type) {
          return _react2.default.createElement('div', { style: this.style.type }, type);
        }
      }

      return null;
    }
  }, {
    key: 'style',
    get: function get() {
      var TYPE_COLOR = this.context.theme.TYPE_COLOR;

      var style = {
        type: {
          width: '100%',
          fontFamily: _fonts.MONO_FONT_FAMILY,
          fontWeight: 'regular',
          fontSize: '13px',
          color: TYPE_COLOR,
          lineHeight: '13px'
        },
        reference: {
          width: '100%',
          fontFamily: _fonts.MONO_FONT_FAMILY,
          fontWeight: 'regular',
          fontSize: '13px',
          color: TYPE_COLOR,
          textDecoration: 'underline',
          cursor: 'pointer',

          ':hover': {
            textDecoration: 'none'
          }
        }
      };

      return (0, _merge2.default)(style, this.props.style || {});
    }
  }]);

  return Type;
}(_react2.default.Component), _class.propTypes = {
  type: _react2.default.PropTypes.string,
  reference: _react2.default.PropTypes.bool,
  element: _react2.default.PropTypes.object,
  onClick: _react2.default.PropTypes.func,
  style: _react2.default.PropTypes.object
}, _class.contextTypes = {
  theme: _react2.default.PropTypes.object,
  onElementLinkClick: _react2.default.PropTypes.func,
  dereferencedDataStructures: _react2.default.PropTypes.array
}, _temp2);
exports.default = (0, _radium2.default)(Type);
module.exports = exports['default'];

/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MissingCacheObjectException = undefined;

var _templateObject = _taggedTemplateLiteral(['\n    The element is missing the \u2018cache\u2019 object. Please check that the the Refract     tree has been preprocessed. Element is \u2018', '\u2019.\n  '], ['\n    The element is missing the \u2018cache\u2019 object. Please check that the the Refract \\\n    tree has been preprocessed. Element is \u2018', '\u2019.\n  ']);

var _dedent = __webpack_require__(85);

var _dedent2 = _interopRequireDefault(_dedent);

function _interopRequireDefault(obj) {
  return obj && obj.__esModule ? obj : { default: obj };
}

function _taggedTemplateLiteral(strings, raw) {
  return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));
}

function MissingCacheObjectException(element) {
  this.name = 'MissingCacheObjectException';

  this.message = (0, _dedent2.default)(_templateObject, JSON.stringify(element, null, 2));
}

MissingCacheObjectException.prototype = new Error();

exports.MissingCacheObjectException = MissingCacheObjectException;

/***/ }),
/* 14 */
/***/ (function(module, exports) {

module.exports = require("lodash/isUndefined");

/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _class2, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _radium = __webpack_require__(2);

var _radium2 = _interopRequireDefault(_radium);

var _merge = __webpack_require__(1);

var _merge2 = _interopRequireDefault(_merge);

var _Value = __webpack_require__(8);

var _Column = __webpack_require__(3);

var _Column2 = _interopRequireDefault(_Column);

var _Row = __webpack_require__(5);

var _Row2 = _interopRequireDefault(_Row);

var _SampleToggle = __webpack_require__(9);

var _SampleToggle2 = _interopRequireDefault(_SampleToggle);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Sample = (0, _radium2.default)(_class = (_temp = _class2 = function (_React$Component) {
  _inherits(Sample, _React$Component);

  function Sample(props) {
    _classCallCheck(this, Sample);

    var _this = _possibleConstructorReturn(this, (Sample.__proto__ || Object.getPrototypeOf(Sample)).call(this, props));

    _this.handleExpandCollapse = function () {
      _this.setState({
        isExpanded: !_this.state.isExpanded
      });
    };

    _this.state = {
      isExpanded: false
    };
    return _this;
  }

  _createClass(Sample, [{
    key: 'render',
    value: function render() {
      return _react2.default.createElement(_Row2.default, { style: this.style.row }, _react2.default.createElement(_Column2.default, null, _react2.default.createElement(_SampleToggle2.default, {
        sampleTitle: this.props.title || 'Sample',
        onClick: this.handleExpandCollapse,
        isExpanded: this.state.isExpanded
      }), this.state.isExpanded && _react2.default.createElement(_Value.Value, {
        element: this.props.sample,
        style: this.style.value
      })));
    }
  }, {
    key: 'style',
    get: function get() {
      var styles = {
        row: {
          width: '100%'
        },
        value: {
          base: {
            marginTop: '4px',
            marginBottom: '4px'
          }
        }
      };

      return (0, _merge2.default)(styles, this.props.style || {});
    }
  }]);

  return Sample;
}(_react2.default.Component), _class2.propTypes = {
  style: _react2.default.PropTypes.object,
  element: _react2.default.PropTypes.object,
  sample: _react2.default.PropTypes.object,
  title: _react2.default.PropTypes.string
}, _temp)) || _class;

exports.default = Sample;
module.exports = exports['default'];

/***/ }),
/* 16 */
/***/ (function(module, exports) {

module.exports = require("lodash/isObject");

/***/ }),
/* 17 */
/***/ (function(module, exports) {

module.exports = require("lodash/map");

/***/ }),
/* 18 */
/***/ (function(module, exports) {

module.exports = require("sift");

/***/ }),
/* 19 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

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 _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _Error = __webpack_require__(46);

var _Error2 = _interopRequireDefault(_Error);

var _refractToComponentMap = __webpack_require__(81);

var _refractToComponentMap2 = _interopRequireDefault(_refractToComponentMap);

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 === "undefined" ? "undefined" : _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 === "undefined" ? "undefined" : _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 Attribute = (_temp = _class = function (_React$Component) {
  _inherits(Attribute, _React$Component);

  function Attribute() {
    _classCallCheck(this, Attribute);

    return _possibleConstructorReturn(this, (Attribute.__proto__ || Object.getPrototypeOf(Attribute)).apply(this, arguments));
  }

  _createClass(Attribute, [{
    key: 'render',
    value: function render() {
      if (!this.props.element) {
        return false;
      }

      var reactComponent = _refractToComponentMap2.default[this.props.element.element];

      // If we didn't find the component which is able to render the specific
      // element, display an error message.
      if (typeof reactComponent === 'undefined') {
        var errorMessage = "\n        Attributes Kit is not able to render the \u2018" + this.props.element.element + "\u2019\n        element.\n      ";

        return _react2.default.createElement(_Error2.default, { errorMessage: errorMessage });
      }

      var reactElement = _react2.default.createElement(reactComponent, {
        collapseByDefault: this.props.collapseByDefault,
        element: this.props.element,
        expandableCollapsible: this.props.expandableCollapsible,
        parentElement: this.props.parentElement,
        isSample: this.props.isSample
      });

      return reactElement;
    }
  }]);

  return Attribute;
}(_react2.default.Component), _class.propTypes = {
  theme: _react2.default.PropTypes.object,
  element: _react2.default.PropTypes.object,
  expandableCollapsible: _react2.default.PropTypes.bool,
  parentElement: _react2.default.PropTypes.object,
  collapseByDefault: _react2.default.PropTypes.bool,
  isSample: _react2.default.PropTypes.bool
}, _temp);
exports.default = Attribute;
module.exports = exports['default'];

/***/ }),
/* 20 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.isSelect = exports.isObjectOrArrayOrEnum = exports.isObjectOrArray = exports.isObject = exports.isMember = exports.isEnum = exports.isArrayOrEnumOrSelect = exports.isArrayOrEnum = exports.isArray = exports.hasType = exports.getTypeOfValue = exports.getType = undefined;

var _MissingCacheObject = __webpack_require__(13);

var _types = __webpack_require__(31);

function isObject(element) {
  if (!element) {
    return false;
  }

  if (!element.cache) {
    throw new _MissingCacheObject.MissingCacheObjectException(element);
  }

  return element.cache.isObject;
}

function isArray(element) {
  if (!element) {
    return false;
  }

  if (!element.cache) {
    throw new _MissingCacheObject.MissingCacheObjectException(element);
  }

  return element.cache.isArray;
}

function isEnum(element) {
  if (!element) {
    return false;
  }

  if (!element.cache) {
    throw new _MissingCacheObject.MissingCacheObjectException(element);
  }

  return element.cache.isEnum;
}

function isSelect(element) {
  if (!element) {
    return false;
  }

  if (!element.cache) {