attributes-kit
Version:
React component for MSON rendering
1,237 lines (965 loc) • 394 kB
JavaScript
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("radium"), require("lodash/merge"), 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("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"), require("minim"));
else if(typeof define === 'function' && define.amd)
define(["react", "radium", "lodash/merge", "lodash/isEmpty", "lodash/isUndefined", "lodash/isObject", "lodash/map", "sift", "lodash/isArray", "eidolon", "react-dom", "lodash/each", "lodash/every", "abagnale", "dedent", "fbemitter", "lodash/cloneDeep", "lodash/isString", "lodash/last", "lodash/max", "lodash/random", "lodash/reduce", "lodash/some", "lodash/values", "marked", "minim"], factory);
else if(typeof exports === 'object')
exports["AttributesKit"] = factory(require("react"), require("radium"), require("lodash/merge"), 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("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"), require("minim"));
else
root["AttributesKit"] = factory(root["react"], root["radium"], root["lodash/merge"], 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["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"], root["minim"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_18__, __WEBPACK_EXTERNAL_MODULE_19__, __WEBPACK_EXTERNAL_MODULE_20__, __WEBPACK_EXTERNAL_MODULE_24__, __WEBPACK_EXTERNAL_MODULE_25__, __WEBPACK_EXTERNAL_MODULE_26__, __WEBPACK_EXTERNAL_MODULE_36__, __WEBPACK_EXTERNAL_MODULE_37__, __WEBPACK_EXTERNAL_MODULE_98__, __WEBPACK_EXTERNAL_MODULE_99__, __WEBPACK_EXTERNAL_MODULE_100__, __WEBPACK_EXTERNAL_MODULE_101__, __WEBPACK_EXTERNAL_MODULE_102__, __WEBPACK_EXTERNAL_MODULE_103__, __WEBPACK_EXTERNAL_MODULE_104__, __WEBPACK_EXTERNAL_MODULE_105__, __WEBPACK_EXTERNAL_MODULE_106__, __WEBPACK_EXTERNAL_MODULE_107__, __WEBPACK_EXTERNAL_MODULE_108__, __WEBPACK_EXTERNAL_MODULE_109__, __WEBPACK_EXTERNAL_MODULE_110__) {
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 = 91);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
// shim for using process in browser
var process = module.exports = {};
// cached from whatever global is present so that test runners that stub it
// don't break things. But we need to wrap it in a try catch in case it is
// wrapped in strict mode code which doesn't define any globals. It's inside a
// function because try/catches deoptimize in certain engines.
var cachedSetTimeout;
var cachedClearTimeout;
function defaultSetTimout() {
throw new Error('setTimeout has not been defined');
}
function defaultClearTimeout () {
throw new Error('clearTimeout has not been defined');
}
(function () {
try {
if (typeof setTimeout === 'function') {
cachedSetTimeout = setTimeout;
} else {
cachedSetTimeout = defaultSetTimout;
}
} catch (e) {
cachedSetTimeout = defaultSetTimout;
}
try {
if (typeof clearTimeout === 'function') {
cachedClearTimeout = clearTimeout;
} else {
cachedClearTimeout = defaultClearTimeout;
}
} catch (e) {
cachedClearTimeout = defaultClearTimeout;
}
} ())
function runTimeout(fun) {
if (cachedSetTimeout === setTimeout) {
//normal enviroments in sane situations
return setTimeout(fun, 0);
}
// if setTimeout wasn't available but was latter defined
if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
cachedSetTimeout = setTimeout;
return setTimeout(fun, 0);
}
try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedSetTimeout(fun, 0);
} catch(e){
try {
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
return cachedSetTimeout.call(null, fun, 0);
} catch(e){
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
return cachedSetTimeout.call(this, fun, 0);
}
}
}
function runClearTimeout(marker) {
if (cachedClearTimeout === clearTimeout) {
//normal enviroments in sane situations
return clearTimeout(marker);
}
// if clearTimeout wasn't available but was latter defined
if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
cachedClearTimeout = clearTimeout;
return clearTimeout(marker);
}
try {
// when when somebody has screwed with setTimeout but no I.E. maddness
return cachedClearTimeout(marker);
} catch (e){
try {
// When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
return cachedClearTimeout.call(null, marker);
} catch (e){
// same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
// Some versions of I.E. have different rules for clearTimeout vs setTimeout
return cachedClearTimeout.call(this, marker);
}
}
}
var queue = [];
var draining = false;
var currentQueue;
var queueIndex = -1;
function cleanUpNextTick() {
if (!draining || !currentQueue) {
return;
}
draining = false;
if (currentQueue.length) {
queue = currentQueue.concat(queue);
} else {
queueIndex = -1;
}
if (queue.length) {
drainQueue();
}
}
function drainQueue() {
if (draining) {
return;
}
var timeout = runTimeout(cleanUpNextTick);
draining = true;
var len = queue.length;
while(len) {
currentQueue = queue;
queue = [];
while (++queueIndex < len) {
if (currentQueue) {
currentQueue[queueIndex].run();
}
}
queueIndex = -1;
len = queue.length;
}
currentQueue = null;
draining = false;
runClearTimeout(timeout);
}
process.nextTick = function (fun) {
var args = new Array(arguments.length - 1);
if (arguments.length > 1) {
for (var i = 1; i < arguments.length; i++) {
args[i - 1] = arguments[i];
}
}
queue.push(new Item(fun, args));
if (queue.length === 1 && !draining) {
runTimeout(drainQueue);
}
};
// v8 likes predictible objects
function Item(fun, array) {
this.fun = fun;
this.array = array;
}
Item.prototype.run = function () {
this.fun.apply(null, this.array);
};
process.title = 'browser';
process.browser = true;
process.env = {};
process.argv = [];
process.version = ''; // empty string to avoid regexp issues
process.versions = {};
function noop() {}
process.on = noop;
process.addListener = noop;
process.once = noop;
process.off = noop;
process.removeListener = noop;
process.removeAllListeners = noop;
process.emit = noop;
process.prependListener = noop;
process.prependOnceListener = noop;
process.listeners = function (name) { return [] }
process.binding = function (name) {
throw new Error('process.binding is not supported');
};
process.cwd = function () { return '/' };
process.chdir = function (dir) {
throw new Error('process.chdir is not supported');
};
process.umask = function() { return 0; };
/***/ }),
/* 1 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(process) {/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (process.env.NODE_ENV !== 'production') {
var ReactIs = __webpack_require__(34);
// By explicitly using `prop-types` you are opting into new development behavior.
// http://fb.me/prop-types-in-prod
var throwOnDirectAccess = true;
module.exports = __webpack_require__(43)(ReactIs.isElement, throwOnDirectAccess);
} else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(42)();
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 3 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_3__;
/***/ }),
/* 4 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
Object.defineProperty(exports, "__esModule", {
value: true
});
var _array = __webpack_require__(74);
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__(75);
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__(76);
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__(77);
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__(78);
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__(79);
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__(80);
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__(81);
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__(17);
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__(82);
Object.keys(_value).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
Object.defineProperty(exports, key, {
enumerable: true,
get: function get() {
return _value[key];
}
});
});
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "ElementUtils.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "ElementUtils.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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;
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _radium = __webpack_require__(3);
var _radium2 = _interopRequireDefault(_radium);
var _merge = __webpack_require__(4);
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 === "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 Column = (0, _radium2.default)(_class = 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)) || _class;
exports.default = Column;
module.exports = exports['default'];
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "Column.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "Column.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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 = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _merge = __webpack_require__(4);
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 === "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 Row = 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);
exports.default = Row;
module.exports = exports['default'];
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "Row.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "Row.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
Object.defineProperty(exports, "__esModule", {
value: true
});
var DEFAULT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"; // eslint-disable-line max-len
var MONO_FONT_FAMILY = "SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace";
exports.DEFAULT_FONT_FAMILY = DEFAULT_FONT_FAMILY;
exports.MONO_FONT_FAMILY = MONO_FONT_FAMILY;
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "fonts.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "fonts.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 9 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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 _isUndefined = __webpack_require__(11);
var _isUndefined2 = _interopRequireDefault(_isUndefined);
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _ElementUtils = __webpack_require__(5);
var _PrimitiveValue = __webpack_require__(70);
var _Attribute = __webpack_require__(21);
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 === "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 Value = 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,
collapseByDefault: this.props.collapseByDefault
});
}
return _react2.default.createElement(_PrimitiveValue.PrimitiveValue, {
value: this.props.element.content.value.content,
style: this.props.style,
collapseByDefault: this.props.collapseByDefault
});
}
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,
collapseByDefault: this.props.collapseByDefault
});
} 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,
collapseByDefault: this.props.collapseByDefault
});
} else if (!(0, _isUndefined2.default)(this.props.element.content)) {
value = _react2.default.createElement(_PrimitiveValue.PrimitiveValue, {
value: this.props.element.content,
style: this.props.style,
collapseByDefault: this.props.collapseByDefault
});
} else {
value = null;
}
return value;
}
}]);
return Value;
}(_react2.default.Component);
exports.Value = Value;
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "Value.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "Value.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 11 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_11__;
/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _radium = __webpack_require__(3);
var _radium2 = _interopRequireDefault(_radium);
var _merge = __webpack_require__(4);
var _merge2 = _interopRequireDefault(_merge);
var _Column = __webpack_require__(6);
var _Column2 = _interopRequireDefault(_Column);
var _Row = __webpack_require__(7);
var _Row2 = _interopRequireDefault(_Row);
var _fonts = __webpack_require__(8);
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 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: '12px',
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__(95) + ')';
styles.icon.backgroundSize = '12px 7px';
} else {
styles.icon.backgroundImage = 'url(' + __webpack_require__(94) + ')';
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.contextTypes = {
theme: _propTypes2.default.object
}, _temp)) || _class;
exports.default = SampleToggle;
module.exports = exports['default'];
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "SampleToggle.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "SampleToggle.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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__(18);
var _isObject2 = _interopRequireDefault(_isObject);
var _isString = __webpack_require__(102);
var _isString2 = _interopRequireDefault(_isString);
var _marked = __webpack_require__(109);
var _marked2 = _interopRequireDefault(_marked);
var _merge = __webpack_require__(4);
var _merge2 = _interopRequireDefault(_merge);
var _radium = __webpack_require__(3);
var _radium2 = _interopRequireDefault(_radium);
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _fonts = __webpack_require__(8);
var _type = __webpack_require__(17);
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; }
_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 = Description.getDescription(this.props.element);
if (!description && (0, _type.isMember)(this.props.element)) {
var content = this.props.element.content;
if (content && content.value) {
description = Description.getDescription(content.value);
}
}
if (!description) {
return false;
}
var markdownMarkup = { __html: (0, _marked2.default)(description) };
return _react2.default.createElement(
'div',
null,
_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.contextTypes = {
theme: _propTypes2.default.object
}, _temp)) || _class;
exports.default = Description;
module.exports = exports['default'];
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "Description.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "Description.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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__(1);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(2);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _radium = __webpack_require__(3);
var _radium2 = _interopRequireDefault(_radium);
var _merge = __webpack_require__(4);
var _merge2 = _interopRequireDefault(_merge);
var _ElementUtils = __webpack_require__(5);
var _fonts = __webpack_require__(8);
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 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.contextTypes = {
theme: _propTypes2.default.object,
onElementLinkClick: _propTypes2.default.func,
dereferencedDataStructures: _propTypes2.default.array
}, _temp2);
exports.default = (0, _radium2.default)(Type);
module.exports = exports['default'];
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "Type.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "Type.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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__(99);
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;
;(function register() { /* react-hot-loader/webpack */ if (process.env.NODE_ENV !== 'production') { if (typeof __REACT_HOT_LOADER__ === 'undefined') { return; } if (typeof module.exports === 'function') { __REACT_HOT_LOADER__.register(module.exports, 'module.exports', "MissingCacheObject.js"); return; } for (var key in module.exports) { if (!Object.prototype.hasOwnProperty.call(module.exports, key)) { continue; } var namedExport = void 0; try { namedExport = module.exports[key]; } catch (err) { continue; } __REACT_HOT_LOADER__.register(namedExport, key, "MissingCacheObject.js"); } } })();
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(process) {
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