From 26fc6f71244507f312d6d3a9772ae1a893278cf1 Mon Sep 17 00:00:00 2001 From: Lee Date: Sun, 1 May 2016 17:58:58 +0800 Subject: [PATCH] chore: v0.5.0 --- RELEASE-NOTES.md | 12 + dst/react-semantify.js | 2830 ++++++++++++++---------------------- dst/react-semantify.min.js | 4 +- package.json | 2 +- 4 files changed, 1084 insertions(+), 1764 deletions(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 5b80db3..22e0138 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -1,3 +1,15 @@ + +# [0.5.0](https://github.com/jessy1092/react-semantify/compare/v0.4.3...v0.5.0) (2016-05-01) + + +### Features + +* Add new component: Container([2a718cd](https://github.com/jessy1092/react-semantify/commit/2a718cd)) +* Add new component: Embed([a121c17](https://github.com/jessy1092/react-semantify/commit/a121c17)) +* Use higher order component instead of mixin and rewrite all component. close #35([dc85f72](https://github.com/jessy1092/react-semantify/commit/dc85f72)), closes [#35](https://github.com/jessy1092/react-semantify/issues/35) + + + ## [0.4.3](https://github.com/jessy1092/react-semantify/compare/v0.4.2...v0.4.3) (2016-04-12) diff --git a/dst/react-semantify.js b/dst/react-semantify.js index 0e93e2b..918deb8 100644 --- a/dst/react-semantify.js +++ b/dst/react-semantify.js @@ -1,294 +1,152 @@ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Semantify = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui breadcrumb'; +var _filter = require('../filter'); -var Breadcrumb = _react2.default.createClass({ - displayName: 'Breadcrumb', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui breadcrumb'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Breadcrumb = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Breadcrumb; -},{"../mixins/classGenerator":33}],3:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],2:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui form'; +var _filter = require('../filter'); -var Form = _react2.default.createClass({ - displayName: 'Form', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui form'; - return _react2.default.createElement( - 'form', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Form = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Form; -},{"../mixins/classGenerator":33}],4:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],3:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui grid'; - -var Grid = _react2.default.createClass({ - displayName: 'Grid', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui grid'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Grid = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Grid; -},{"../mixins/classGenerator":33}],5:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],4:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui menu'; +var _filter = require('../filter'); -var Menu = _react2.default.createClass({ - displayName: 'Menu', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui menu'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Menu = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Menu; -},{"../mixins/classGenerator":33}],6:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],5:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui message'; +var _filter = require('../filter'); -var Message = _react2.default.createClass({ - displayName: 'Message', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui message'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Message = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Message; -},{"../mixins/classGenerator":33}],7:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],6:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -296,1143 +154,812 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui table'; -var Table = _react2.default.createClass({ - displayName: 'Table', +var Basic = function Basic(_ref) { + var children = _ref.children; + var other = _objectWithoutProperties(_ref, ['children']); - mixins: [_classGenerator2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - - var other = _objectWithoutProperties(_props, ['className']); + return _react2.default.createElement( + 'table', + other, + children + ); +}; - return _react2.default.createElement( - 'table', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Table = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); exports.default = Table; -},{"../mixins/classGenerator":33}],8:[function(require,module,exports){ +},{"../filter":35}],7:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'column'; +var _filter = require('../filter'); -var Column = _react2.default.createClass({ - displayName: 'Column', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('./div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'column'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Column = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Column; -},{"../mixins/classGenerator":33}],9:[function(require,module,exports){ +},{"../filter":35,"./div":9}],8:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); +var _filter2 = _interopRequireDefault(_filter); -var _stateSelector2 = _interopRequireDefault(_stateSelector); +var _div = require('./div'); -var _unit = require('./unit'); +var _div2 = _interopRequireDefault(_div); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - +var stateArray = ['active']; var defaultClassName = 'content'; -var Content = _react2.default.createClass({ - displayName: 'Content', - - - mixins: [_classGenerator2.default, _stateSelector2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; - var active = _props.active; - - var other = _objectWithoutProperties(_props, ['className', 'type', 'color', 'active']); - - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - active: this.getActive() }), - this.props.children - ); - } -}); +var Content = new _filter2.default(_div2.default).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Content; -},{"../mixins/classGenerator":33,"../mixins/stateSelector":35,"./unit":16}],10:[function(require,module,exports){ +},{"../filter":35,"./div":9}],9:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'field'; - -var Field = _react2.default.createClass({ - displayName: 'Field', - +var Div = function Div(_ref) { + var children = _ref.children; - mixins: [_classGenerator2.default], + var other = _objectWithoutProperties(_ref, ['children']); - render: function render() { - var _props = this.props; - var className = _props.className; - - var other = _objectWithoutProperties(_props, ['className']); - - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); + return _react2.default.createElement( + 'div', + other, + children + ); +}; -exports.default = Field; +exports.default = Div; -},{"../mixins/classGenerator":33}],11:[function(require,module,exports){ +},{}],10:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'fields'; +var _filter = require('../filter'); -var Fields = _react2.default.createClass({ - displayName: 'Fields', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('./div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'field'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Field = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); -exports.default = Fields; +exports.default = Field; -},{"../mixins/classGenerator":33}],12:[function(require,module,exports){ +},{"../filter":35,"./div":9}],11:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'row'; +var _filter = require('../filter'); -var Row = _react2.default.createClass({ - displayName: 'Row', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('./div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'fields'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Fields = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); -exports.default = Row; +exports.default = Fields; -},{"../mixins/classGenerator":33}],13:[function(require,module,exports){ +},{"../filter":35,"./div":9}],12:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -var _colorSelector = require('../mixins/colorSelector'); +var _div = require('./div'); -var _colorSelector2 = _interopRequireDefault(_colorSelector); +var _div2 = _interopRequireDefault(_div); -var _typeSelector = require('../mixins/typeSelector'); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _typeSelector2 = _interopRequireDefault(_typeSelector); +var defaultClassName = 'row'; -var _unit = require('./unit'); +var Row = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +exports.default = Row; -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +},{"../filter":35,"./div":9}],13:[function(require,module,exports){ +'use strict'; -var defaultClassName = 'section'; +Object.defineProperty(exports, "__esModule", { + value: true +}); -var Section = _react2.default.createClass({ - displayName: 'Section', +var _react = (window.React); +var _react2 = _interopRequireDefault(_react); - mixins: [_classGenerator2.default, _colorSelector2.default, _typeSelector2.default], +var _filter = require('../filter'); - render: function render() { - var _props = this.props; - var className = _props.className; - var color = _props.color; +var _filter2 = _interopRequireDefault(_filter); - var other = _objectWithoutProperties(_props, ['className', 'color']); +var _unit = require('./unit'); - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: this.getType(), - color: this.getColor() }), - this.props.children - ); - } -}); +var _unit2 = _interopRequireDefault(_unit); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var defaultClassName = 'section'; + +var Section = new _filter2.default(_unit2.default).typeFilter().colorFilter().classGenerator(defaultClassName).getComposeComponent(); exports.default = Section; -},{"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/typeSelector":36,"./unit":16}],14:[function(require,module,exports){ +},{"../filter":35,"./unit":16}],14:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'text'; +var _filter = require('../filter'); -var Text = _react2.default.createClass({ - displayName: 'Text', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('./div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'text'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Text = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Text; -},{"../mixins/classGenerator":33}],15:[function(require,module,exports){ +},{"../filter":35,"./div":9}],15:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -var _stateSelector = require('../mixins/stateSelector'); +var _div = require('./div'); -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('./unit'); +var _div2 = _interopRequireDefault(_div); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - +var stateArray = ['active']; var defaultClassName = 'title'; -var Title = _react2.default.createClass({ - displayName: 'Title', - - - mixins: [_classGenerator2.default, _stateSelector2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; - var active = _props.active; - - var other = _objectWithoutProperties(_props, ['className', 'type', 'color', 'active']); - - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - active: this.getActive() }), - this.props.children - ); - } -}); +var Title = new _filter2.default(_div2.default).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Title; -},{"../mixins/classGenerator":33,"../mixins/stateSelector":35,"./unit":16}],16:[function(require,module,exports){ +},{"../filter":35,"./div":9}],16:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -exports.Unit = undefined; -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; +var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classnames = require('classnames'); - -var _classnames2 = _interopRequireDefault(_classnames); - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var Unit = exports.Unit = _react2.default.createClass({ - displayName: 'Unit', - - - propTypes: { - className: _react2.default.PropTypes.string.isRequired, - type: _react2.default.PropTypes.string.isRequired, - color: _react2.default.PropTypes.string.isRequired - }, - - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; - var value = _props.value; - var disabled = _props.disabled; - var active = _props.active; - var loading = _props.loading; +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var other = _objectWithoutProperties(_props, ['className', 'type', 'color', 'value', 'disabled', 'active', 'loading']); +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; } - switch (type) { +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; } - case 'link': - return _react2.default.createElement( - 'a', - _extends({}, other, { - className: this._generateClassName(), - 'data-value': value }), - this.props.children - ); +var Unit = function (_React$Component) { + _inherits(Unit, _React$Component); - case 'icon': - return _react2.default.createElement( - 'i', - _extends({}, other, { - className: this._generateClassName(), - 'data-value': value }), - this.props.children - ); + function Unit() { + _classCallCheck(this, Unit); - case 'img': - return _react2.default.createElement( - 'img', - _extends({}, other, { - className: this._generateClassName() }), - this.props.children - ); + return _possibleConstructorReturn(this, Object.getPrototypeOf(Unit).apply(this, arguments)); + } - case 'div': - default: - return _react2.default.createElement( - 'div', - _extends({}, other, { - className: this._generateClassName(), - 'data-value': value }), - this.props.children - ); + _createClass(Unit, [{ + key: 'render', + value: function render() { + var _props = this.props; + var children = _props.children; + var _props$type = _props.type; + var type = _props$type === undefined ? 'div' : _props$type; + + var other = _objectWithoutProperties(_props, ['children', 'type']); + + switch (type) { + + case 'link': + return _react2.default.createElement( + 'a', + other, + children + ); + + case 'icon': + return _react2.default.createElement('i', other); + + case 'img': + return _react2.default.createElement('img', other); + + case 'div': + default: + return _react2.default.createElement( + 'div', + other, + children + ); + } } - }, + }]); - _generateClassName: function _generateClassName() { - var className = this.props.className; + return Unit; +}(_react2.default.Component); - if (this.props.color != 'null') { - className += ' ' + this.props.color; - } - - className += ' ' + (0, _classnames2.default)({ - 'disabled': this.props.disabled, - 'active': this.props.active, - 'loading': this.props.loading, - 'focus': this.props.focus, - 'error': this.props.error, - 'completed': this.props.completed, - 'read-only': this.props.readOnly - }); - - return className; - } -}); +exports.default = Unit; -},{"classnames":1}],17:[function(require,module,exports){ +},{}],17:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _colorSelector = require('../mixins/colorSelector'); - -var _colorSelector2 = _interopRequireDefault(_colorSelector); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); +var _filter2 = _interopRequireDefault(_filter); var _unit = require('../commons/unit'); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _unit2 = _interopRequireDefault(_unit); -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var stateArray = ['disabled', 'active', 'loading']; var defaultClassName = 'ui button'; -var Button = _react2.default.createClass({ - displayName: 'Button', - - - mixins: [_classGenerator2.default, _colorSelector2.default, _stateSelector2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - var color = _props.color; - var disabled = _props.disabled; - var active = _props.active; - var loading = _props.loading; - - var other = _objectWithoutProperties(_props, ['className', 'color', 'disabled', 'active', 'loading']); - - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: this.getColor(), - disabled: this.getDisabled(), - active: this.getActive(), - loading: this.getLoading() }), - this.props.children - ); - } -}); +var Button = new _filter2.default(_unit2.default).typeFilter().colorFilter().stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Button; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/stateSelector":35}],18:[function(require,module,exports){ +},{"../commons/unit":16,"../filter":35}],18:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _div = require('../commons/div'); -var defaultClassName = 'ui divider'; +var _div2 = _interopRequireDefault(_div); -var Divider = _react2.default.createClass({ - displayName: 'Divider', +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var defaultClassName = 'ui container'; - mixins: [_classGenerator2.default], +var Container = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); - render: function render() { - return _react2.default.createElement( - 'div', - _extends({}, this.props, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +exports.default = Container; -exports.default = Divider; - -},{"../mixins/classGenerator":33}],19:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],19:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _unit = require('../commons/unit'); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'flag'; +var _filter = require('../filter'); -var Flag = _react2.default.createClass({ - displayName: 'Flag', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className', 'type', 'color']); +var defaultClassName = 'ui divider'; - return _react2.default.createElement(_unit.Unit, _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'icon', - color: 'null' })); - } -}); +var Divider = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); -exports.default = Flag; +exports.default = Divider; -},{"../commons/unit":16,"../mixins/classGenerator":33}],20:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],20:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -var _colorSelector = require('../mixins/colorSelector'); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _colorSelector2 = _interopRequireDefault(_colorSelector); +var defaultClassName = 'flag'; -var _typeSelector = require('../mixins/typeSelector'); +var Basic = function Basic(props) { + return _react2.default.createElement('i', props); +}; -var _typeSelector2 = _interopRequireDefault(_typeSelector); +var Flag = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); -var _stateSelector = require('../mixins/stateSelector'); +exports.default = Flag; -var _stateSelector2 = _interopRequireDefault(_stateSelector); +},{"../filter":35}],21:[function(require,module,exports){ +'use strict'; -var _unit = require('../commons/unit'); +Object.defineProperty(exports, "__esModule", { + value: true +}); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +var _react = (window.React); -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var _react2 = _interopRequireDefault(_react); -var defaultClassName = 'ui header'; +var _filter = require('../filter'); -var Header = _react2.default.createClass({ - displayName: 'Header', +var _filter2 = _interopRequireDefault(_filter); +var _unit = require('../commons/unit'); - mixins: [_classGenerator2.default, _colorSelector2.default, _typeSelector2.default, _stateSelector2.default], +var _unit2 = _interopRequireDefault(_unit); - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className', 'type', 'color']); +var stateArray = ['disabled']; +var defaultClassName = 'ui header'; - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: this.getType(), - color: this.getColor(), - disabled: this.getDisabled() }), - this.props.children - ); - } -}); +var Header = new _filter2.default(_unit2.default).typeFilter().colorFilter().stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Header; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/stateSelector":35,"../mixins/typeSelector":36}],21:[function(require,module,exports){ +},{"../commons/unit":16,"../filter":35}],22:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _colorSelector = require('../mixins/colorSelector'); - -var _colorSelector2 = _interopRequireDefault(_colorSelector); - -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - +var stateArray = ['disabled', 'loading']; var defaultClassName = 'icon'; -var Icon = _react2.default.createClass({ - displayName: 'Icon', - - - mixins: [_classGenerator2.default, _colorSelector2.default, _stateSelector2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - var color = _props.color; - - var other = _objectWithoutProperties(_props, ['className', 'color']); +var Basic = function Basic(props) { + return _react2.default.createElement('i', props); +}; - return _react2.default.createElement(_unit.Unit, _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'icon', - color: this.getColor(), - disabled: this.getDisabled(), - loading: this.getLoading() })); - } -}); +var Icon = new _filter2.default(Basic).colorFilter().stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Icon; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/stateSelector":35}],22:[function(require,module,exports){ +},{"../filter":35}],23:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _stateSelector = require('../mixins/stateSelector'); +var _filter = require('../filter'); -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - +var stateArray = ['disabled']; var defaultClassName = 'ui image'; -var Image = _react2.default.createClass({ - displayName: 'Image', - - - mixins: [_classGenerator2.default, _stateSelector2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var disabled = _props.disabled; - - var other = _objectWithoutProperties(_props, ['className', 'type', 'disabled']); +var Basic = function Basic(props) { + return _react2.default.createElement('img', props); +}; - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'img', - color: 'null', - disabled: this.getDisabled() }), - this.props.children - ); - } -}); +var Image = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); exports.default = Image; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],23:[function(require,module,exports){ +},{"../filter":35}],24:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['loading', 'focus', 'error']; var defaultClassName = 'ui input'; -var Input = _react2.default.createClass({ - displayName: 'Input', +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], - render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; + var placeholder = _props.placeholder; + var type = _props.type; - var other = _objectWithoutProperties(_props, ['className']); + var other = _objectWithoutProperties(_props, ['children', 'placeholder', 'type']); - if (typeof this.props.children != 'undefined') { + if (typeof children != 'undefined') { return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - loading: this.getLoading(), - focus: this.getFocus(), - error: this.getError() }), - this.props.children + 'div', + other, + children ); } else { return _react2.default.createElement( - _unit.Unit, - { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - loading: this.getLoading(), - focus: this.getFocus(), - error: this.getError() }, - _react2.default.createElement('input', _extends({}, other, { - placeholder: this.props.placeholder, - type: this.props.type })) + 'div', + other, + _react2.default.createElement('input', { + placeholder: placeholder, + type: type }) ); } } }); +var Input = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Input; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],24:[function(require,module,exports){ +},{"../filter":35}],25:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -var _colorSelector = require('../mixins/colorSelector'); +var _unit = require('../commons/unit'); -var _colorSelector2 = _interopRequireDefault(_colorSelector); +var _unit2 = _interopRequireDefault(_unit); -var _typeSelector = require('../mixins/typeSelector'); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var _typeSelector2 = _interopRequireDefault(_typeSelector); +var defaultClassName = 'ui label'; -var _unit = require('../commons/unit'); +var Label = new _filter2.default(_unit2.default).typeFilter().colorFilter().classGenerator(defaultClassName).getComposeComponent(); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } +exports.default = Label; -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +},{"../commons/unit":16,"../filter":35}],26:[function(require,module,exports){ +'use strict'; -var defaultClassName = 'ui label'; +Object.defineProperty(exports, "__esModule", { + value: true +}); -var Label = _react2.default.createClass({ - displayName: 'Label', +var _react = (window.React); +var _react2 = _interopRequireDefault(_react); - mixins: [_classGenerator2.default, _colorSelector2.default, _typeSelector2.default], +var _filter = require('../filter'); - render: function render() { - var _props = this.props; - var className = _props.className; - var type = _props.type; - var color = _props.color; +var _filter2 = _interopRequireDefault(_filter); - var other = _objectWithoutProperties(_props, ['className', 'type', 'color']); +var _div = require('../commons/div'); - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: this.getType(), - color: this.getColor() }), - this.props.children - ); - } -}); +var _div2 = _interopRequireDefault(_div); -exports.default = Label; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var defaultClassName = 'ui list'; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/typeSelector":36}],25:[function(require,module,exports){ +var List = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = List; + +},{"../commons/div":9,"../filter":35}],27:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); + +var _filter2 = _interopRequireDefault(_filter); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _div = require('../commons/div'); + +var _div2 = _interopRequireDefault(_div); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['disabled', 'active']; +var defaultClassName = 'ui loader'; -var defaultClassName = 'ui list'; +var Loader = new _filter2.default(_div2.default).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Loader; -var List = _react2.default.createClass({ - displayName: 'List', +},{"../commons/div":9,"../filter":35}],28:[function(require,module,exports){ +'use strict'; +Object.defineProperty(exports, "__esModule", { + value: true +}); - mixins: [_classGenerator2.default], +var _react = (window.React); - render: function render() { - var _props = this.props; - var className = _props.className; +var _react2 = _interopRequireDefault(_react); - var other = _objectWithoutProperties(_props, ['className']); +var _filter = require('../filter'); - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var _filter2 = _interopRequireDefault(_filter); -exports.default = List; +var _div = require('../commons/div'); + +var _div2 = _interopRequireDefault(_div); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var defaultClassName = 'ui rail'; + +var Rail = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Rail; -},{"../mixins/classGenerator":33}],26:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],29:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -var _stateSelector = require('../mixins/stateSelector'); +var _div = require('../commons/div'); -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _div2 = _interopRequireDefault(_div); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['disabled']; +var defaultClassName = 'ui reveal'; -var defaultClassName = 'ui loader'; +var Reveal = new _filter2.default(_div2.default).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); -var Loader = _react2.default.createClass({ - displayName: 'Loader', +exports.default = Reveal; +},{"../commons/div":9,"../filter":35}],30:[function(require,module,exports){ +'use strict'; - mixins: [_classGenerator2.default, _stateSelector2.default], +Object.defineProperty(exports, "__esModule", { + value: true +}); - render: function render() { - var _props = this.props; - var className = _props.className; +var _react = (window.React); - var other = _objectWithoutProperties(_props, ['className']); +var _react2 = _interopRequireDefault(_react); - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - disabled: this.getDisabled(), - active: this.getActive() }), - this.props.children - ); - } -}); +var _filter = require('../filter'); -exports.default = Loader; +var _filter2 = _interopRequireDefault(_filter); + +var _div = require('../commons/div'); + +var _div2 = _interopRequireDefault(_div); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],27:[function(require,module,exports){ +var stateArray = ['disabled', 'loading']; +var defaultClassName = 'ui segment'; + +var Segment = new _filter2.default(_div2.default).colorFilter().stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Segment; + +},{"../commons/div":9,"../filter":35}],31:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); + +var _filter2 = _interopRequireDefault(_filter); + +var _div = require('../commons/div'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _div2 = _interopRequireDefault(_div); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['active', 'completed', 'disabled']; +var defaultClassName = 'step'; -var defaultClassName = 'ui rail'; +var Step = new _filter2.default(_div2.default).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); -var Rail = _react2.default.createClass({ - displayName: 'Rail', +exports.default = Step; +},{"../commons/div":9,"../filter":35}],32:[function(require,module,exports){ +'use strict'; - mixins: [_classGenerator2.default], +Object.defineProperty(exports, "__esModule", { + value: true +}); - render: function render() { - var _props = this.props; - var className = _props.className; +var _react = (window.React); - var other = _objectWithoutProperties(_props, ['className']); +var _react2 = _interopRequireDefault(_react); - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var _filter = require('../filter'); -exports.default = Rail; +var _filter2 = _interopRequireDefault(_filter); + +var _div = require('../commons/div'); + +var _div2 = _interopRequireDefault(_div); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var defaultClassName = 'ui steps'; + +var Steps = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Steps; -},{"../mixins/classGenerator":33}],28:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],33:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -1441,53 +968,62 @@ Object.defineProperty(exports, "__esModule", { var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; -var _react = (window.React); +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 _react2 = _interopRequireDefault(_react); +exports.default = function (defaultClassName, ComposeComponent) { -var _classGenerator = require('../mixins/classGenerator'); + return function (_React$Component) { + _inherits(_class, _React$Component); -var _classGenerator2 = _interopRequireDefault(_classGenerator); + function _class() { + _classCallCheck(this, _class); -var _stateSelector = require('../mixins/stateSelector'); + return _possibleConstructorReturn(this, Object.getPrototypeOf(_class).apply(this, arguments)); + } -var _stateSelector2 = _interopRequireDefault(_stateSelector); + _createClass(_class, [{ + key: 'render', + value: function render() { + var _props = this.props; + var _props$className = _props.className; + var className = _props$className === undefined ? '' : _props$className; + var children = _props.children; -var _unit = require('../commons/unit'); + var other = _objectWithoutProperties(_props, ['className', 'children']); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + if (typeof className !== 'undefined') { + className += ' ' + defaultClassName; + } -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } + return _react2.default.createElement( + ComposeComponent, + _extends({ className: className }, other), + children + ); + } + }]); -var defaultClassName = 'ui reveal'; + return _class; + }(_react2.default.Component); +}; -var Reveal = _react2.default.createClass({ - displayName: 'Reveal', +var _react = (window.React); +var _react2 = _interopRequireDefault(_react); - mixins: [_classGenerator2.default, _stateSelector2.default], +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - render: function render() { - var _props = this.props; - var className = _props.className; +function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - var other = _objectWithoutProperties(_props, ['className']); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - disabled: this.getDisabled() }), - this.props.children - ); - } -}); +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; } -exports.default = Reveal; +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; } -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],29:[function(require,module,exports){ +; + +},{}],34:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -1496,55 +1032,143 @@ Object.defineProperty(exports, "__esModule", { var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; -var _react = (window.React); +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 _react2 = _interopRequireDefault(_react); +exports.default = function (ComposeComponent) { + var HigherOrderComponent = function (_React$Component) { + _inherits(HigherOrderComponent, _React$Component); -var _classGenerator = require('../mixins/classGenerator'); + function HigherOrderComponent() { + _classCallCheck(this, HigherOrderComponent); -var _classGenerator2 = _interopRequireDefault(_classGenerator); + return _possibleConstructorReturn(this, Object.getPrototypeOf(HigherOrderComponent).apply(this, arguments)); + } -var _colorSelector = require('../mixins/colorSelector'); + _createClass(HigherOrderComponent, [{ + key: 'render', + value: function render() { + var _props = this.props; + var _props$className = _props.className; + var className = _props$className === undefined ? '' : _props$className; + var children = _props.children; + var color = _props.color; -var _colorSelector2 = _interopRequireDefault(_colorSelector); + var other = _objectWithoutProperties(_props, ['className', 'children', 'color']); -var _stateSelector = require('../mixins/stateSelector'); + if (typeof color !== 'undefined') { -var _stateSelector2 = _interopRequireDefault(_stateSelector); + if (colorArray.indexOf(color) !== -1) { + className += ' ' + color; + } + } -var _unit = require('../commons/unit'); + return _react2.default.createElement( + ComposeComponent, + _extends({ className: className }, other), + children + ); + } + }]); + + return HigherOrderComponent; + }(_react2.default.Component); + + HigherOrderComponent.propTypes = { + color: _react2.default.PropTypes.oneOf(colorArray) + }; + + return HigherOrderComponent; +}; + +var _react = (window.React); + +var _react2 = _interopRequireDefault(_react); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'ui segment'; +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -var Segment = _react2.default.createClass({ - displayName: 'Segment', +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; } - mixins: [_classGenerator2.default, _colorSelector2.default, _stateSelector2.default], +var colorArray = ['black', 'yellow', 'green', 'blue', 'orange', 'purple', 'red', 'teal']; - render: function render() { - var _props = this.props; - var className = _props.className; - var color = _props.color; +},{}],35:[function(require,module,exports){ +'use strict'; - var other = _objectWithoutProperties(_props, ['className', 'color']); +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 _classGenerator2 = require('./classGenerator'); + +var _classGenerator3 = _interopRequireDefault(_classGenerator2); + +var _colorFilter2 = require('./colorFilter'); - return _react2.default.createElement(_unit.Unit, _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: this.getColor(), - disabled: this.getDisabled(), - loading: this.getLoading() })); +var _colorFilter3 = _interopRequireDefault(_colorFilter2); + +var _stateFilter2 = require('./stateFilter'); + +var _stateFilter3 = _interopRequireDefault(_stateFilter2); + +var _typeFilter2 = require('./typeFilter'); + +var _typeFilter3 = _interopRequireDefault(_typeFilter2); + +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"); } } + +var FilterFactory = function () { + function FilterFactory(ComposeComponent) { + _classCallCheck(this, FilterFactory); + + this.ComposeComponent = ComposeComponent; } -}); -exports.default = Segment; + _createClass(FilterFactory, [{ + key: 'classGenerator', + value: function classGenerator(defaultClassName) { + this.ComposeComponent = (0, _classGenerator3.default)(defaultClassName, this.ComposeComponent); + return this; + } + }, { + key: 'colorFilter', + value: function colorFilter() { + this.ComposeComponent = (0, _colorFilter3.default)(this.ComposeComponent); + return this; + } + }, { + key: 'stateFilter', + value: function stateFilter(stateArray) { + this.ComposeComponent = (0, _stateFilter3.default)(stateArray, this.ComposeComponent); + return this; + } + }, { + key: 'typeFilter', + value: function typeFilter() { + this.ComposeComponent = (0, _typeFilter3.default)(this.ComposeComponent); + return this; + } + }, { + key: 'getComposeComponent', + value: function getComposeComponent() { + return this.ComposeComponent; + } + }]); + + return FilterFactory; +}(); + +exports.default = FilterFactory; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/colorSelector":34,"../mixins/stateSelector":35}],30:[function(require,module,exports){ +},{"./classGenerator":33,"./colorFilter":34,"./stateFilter":36,"./typeFilter":37}],36:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -1553,106 +1177,150 @@ Object.defineProperty(exports, "__esModule", { var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; -var _react = (window.React); +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 _react2 = _interopRequireDefault(_react); +exports.default = function (stateArray, ComposeComponent) { + var HigherOrderComponent = function (_React$Component) { + _inherits(HigherOrderComponent, _React$Component); + + function HigherOrderComponent() { + _classCallCheck(this, HigherOrderComponent); + + return _possibleConstructorReturn(this, Object.getPrototypeOf(HigherOrderComponent).apply(this, arguments)); + } + + _createClass(HigherOrderComponent, [{ + key: 'render', + value: function render() { + var _props = this.props; + var className = _props.className; + var children = _props.children; -var _classGenerator = require('../mixins/classGenerator'); + var other = _objectWithoutProperties(_props, ['className', 'children']); -var _classGenerator2 = _interopRequireDefault(_classGenerator); + stateArray.forEach(function (key) { + if (key in other) { + + if (other[key]) { + if (key in keyMap) { + className += ' ' + keyMap[key]; + } else { + className += ' ' + key; + } + } + + delete other[key]; + } + }); + + return _react2.default.createElement( + ComposeComponent, + _extends({ className: className }, other), + children + ); + } + }]); -var _stateSelector = require('../mixins/stateSelector'); + return HigherOrderComponent; + }(_react2.default.Component); -var _stateSelector2 = _interopRequireDefault(_stateSelector); + var propTypes = {}; -var _unit = require('../commons/unit'); + stateArray.forEach(function (key) { + return propTypes[key] = _react2.default.PropTypes.bool; + }); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + HigherOrderComponent.propTypes = propTypes; -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } + return HigherOrderComponent; +}; -var defaultClassName = 'step'; +var _react = (window.React); -var Step = _react2.default.createClass({ - displayName: 'Step', +var _react2 = _interopRequireDefault(_react); +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - mixins: [_classGenerator2.default, _stateSelector2.default], +function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - render: function render() { - var _props = this.props; - var className = _props.className; +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - var other = _objectWithoutProperties(_props, ['className']); +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; } - return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - type: 'div', - color: 'null', - active: this.getActive(), - completed: this.getCompleted(), - disabled: this.getDisabled() }), - this.props.children - ); - } -}); +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; } -exports.default = Step; +var keyMap = { + 'readOnly': 'read-only' +}; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],31:[function(require,module,exports){ +},{}],37:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; +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 = (window.React); +exports.default = function (ComposeComponent) { + var HigherOrderComponent = function (_React$Component) { + _inherits(HigherOrderComponent, _React$Component); -var _react2 = _interopRequireDefault(_react); + function HigherOrderComponent() { + _classCallCheck(this, HigherOrderComponent); + + return _possibleConstructorReturn(this, Object.getPrototypeOf(HigherOrderComponent).apply(this, arguments)); + } -var _classGenerator = require('../mixins/classGenerator'); + _createClass(HigherOrderComponent, [{ + key: 'render', + value: function render() { + var _props = this.props; + var children = _props.children; -var _classGenerator2 = _interopRequireDefault(_classGenerator); + var other = _objectWithoutProperties(_props, ['children']); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + return _react2.default.createElement( + ComposeComponent, + other, + children + ); + } + }]); -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } + return HigherOrderComponent; + }(_react2.default.Component); -var defaultClassName = 'ui steps'; + HigherOrderComponent.propTypes = { + type: _react2.default.PropTypes.oneOf(typeArray) + }; -var Steps = _react2.default.createClass({ - displayName: 'Steps', + return HigherOrderComponent; +}; +var _react = (window.React); - mixins: [_classGenerator2.default], +var _react2 = _interopRequireDefault(_react); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - var other = _objectWithoutProperties(_props, ['className']); +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +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; } -exports.default = Steps; +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 typeArray = ['div', 'link', 'icon']; -},{"../mixins/classGenerator":33}],32:[function(require,module,exports){ +},{}],38:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -exports.Statistic = exports.Items = exports.Item = exports.Feed = exports.Comments = exports.Comment = exports.Card = exports.Ad = exports.Tab = exports.Sticky = exports.Sidebar = exports.Shape = exports.Search = exports.Rating = exports.Progress = exports.Popup = exports.Modal = exports.Dropdown = exports.Dimmer = exports.Checkbox = exports.Accordion = exports.Steps = exports.Step = exports.Segment = exports.Reveal = exports.Rail = exports.Loader = exports.List = exports.Label = exports.Input = exports.Image = exports.Icon = exports.Header = exports.Flag = exports.Divider = exports.Button = exports.Title = exports.Text = exports.Section = exports.Row = exports.Fields = exports.Field = exports.Content = exports.Column = exports.Table = exports.Message = exports.Menu = exports.Grid = exports.Form = exports.Breadcrumb = undefined; +exports.Statistic = exports.Items = exports.Item = exports.Feed = exports.Comments = exports.Comment = exports.Card = exports.Ad = exports.Tab = exports.Sticky = exports.Sidebar = exports.Shape = exports.Search = exports.Rating = exports.Progress = exports.Popup = exports.Modal = exports.Embed = exports.Dropdown = exports.Dimmer = exports.Checkbox = exports.Accordion = exports.Steps = exports.Step = exports.Segment = exports.Reveal = exports.Rail = exports.Loader = exports.List = exports.Label = exports.Input = exports.Image = exports.Icon = exports.Header = exports.Flag = exports.Divider = exports.Container = exports.Button = exports.Title = exports.Text = exports.Section = exports.Row = exports.Fields = exports.Field = exports.Content = exports.Column = exports.Table = exports.Message = exports.Menu = exports.Grid = exports.Form = exports.Breadcrumb = undefined; var _breadcrumb = require('./collections/breadcrumb'); @@ -1714,6 +1382,10 @@ var _button = require('./elements/button'); var _button2 = _interopRequireDefault(_button); +var _container = require('./elements/container'); + +var _container2 = _interopRequireDefault(_container); + var _divider = require('./elements/divider'); var _divider2 = _interopRequireDefault(_divider); @@ -1786,6 +1458,10 @@ var _dropdown = require('./modules/dropdown'); var _dropdown2 = _interopRequireDefault(_dropdown); +var _embed = require('./modules/embed'); + +var _embed2 = _interopRequireDefault(_embed); + var _modal = require('./modules/modal'); var _modal2 = _interopRequireDefault(_modal); @@ -1879,6 +1555,7 @@ exports.Title = _title2.default; // elements exports.Button = _button2.default; +exports.Container = _container2.default; exports.Divider = _divider2.default; exports.Flag = _flag2.default; exports.Header = _header2.default; @@ -1900,6 +1577,7 @@ exports.Accordion = _accordion2.default; exports.Checkbox = _checkbox2.default; exports.Dimmer = _dimmer2.default; exports.Dropdown = _dropdown2.default; +exports.Embed = _embed2.default; exports.Modal = _modal2.default; exports.Popup = _popup2.default; exports.Progress = _progress2.default; @@ -1921,237 +1599,68 @@ exports.Item = _item2.default; exports.Items = _items2.default; exports.Statistic = _statistic2.default; -},{"./collections/breadcrumb":2,"./collections/form":3,"./collections/grid":4,"./collections/menu":5,"./collections/message":6,"./collections/table":7,"./commons/column":8,"./commons/content":9,"./commons/field":10,"./commons/fields":11,"./commons/row":12,"./commons/section":13,"./commons/text":14,"./commons/title":15,"./elements/button":17,"./elements/divider":18,"./elements/flag":19,"./elements/header":20,"./elements/icon":21,"./elements/image":22,"./elements/input":23,"./elements/label":24,"./elements/list":25,"./elements/loader":26,"./elements/rail":27,"./elements/reveal":28,"./elements/segment":29,"./elements/step":30,"./elements/steps":31,"./modules/accordion":37,"./modules/checkbox":38,"./modules/dimmer":39,"./modules/dropdown":40,"./modules/modal":41,"./modules/popup":42,"./modules/progress":43,"./modules/rating":44,"./modules/search":45,"./modules/shape":46,"./modules/sidebar":47,"./modules/sticky":48,"./modules/tab":49,"./views/advertisement":50,"./views/card":51,"./views/comment":52,"./views/comments":53,"./views/feed":54,"./views/item":55,"./views/items":56,"./views/statistic":57}],33:[function(require,module,exports){ +},{"./collections/breadcrumb":1,"./collections/form":2,"./collections/grid":3,"./collections/menu":4,"./collections/message":5,"./collections/table":6,"./commons/column":7,"./commons/content":8,"./commons/field":10,"./commons/fields":11,"./commons/row":12,"./commons/section":13,"./commons/text":14,"./commons/title":15,"./elements/button":17,"./elements/container":18,"./elements/divider":19,"./elements/flag":20,"./elements/header":21,"./elements/icon":22,"./elements/image":23,"./elements/input":24,"./elements/label":25,"./elements/list":26,"./elements/loader":27,"./elements/rail":28,"./elements/reveal":29,"./elements/segment":30,"./elements/step":31,"./elements/steps":32,"./modules/accordion":39,"./modules/checkbox":40,"./modules/dimmer":41,"./modules/dropdown":42,"./modules/embed":43,"./modules/modal":44,"./modules/popup":45,"./modules/progress":46,"./modules/rating":47,"./modules/search":48,"./modules/shape":49,"./modules/sidebar":50,"./modules/sticky":51,"./modules/tab":52,"./views/advertisement":53,"./views/card":54,"./views/comment":55,"./views/comments":56,"./views/feed":57,"./views/item":58,"./views/items":59,"./views/statistic":60}],39:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; - -var _react = (window.React); - -var _react2 = _interopRequireDefault(_react); - -var _classnames = require('classnames'); - -var _classnames2 = _interopRequireDefault(_classnames); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -exports.default = { - - propTypes: { - className: _react2.default.PropTypes.string - }, - - getClassName: function getClassName(defaultClassName, addClassName) { - var classResult = defaultClassName; - - if (typeof this.props.className !== 'undefined') { - classResult += ' ' + this.props.className; - } - - if (typeof addClassName !== 'undefined') { - if ((typeof addClassName === 'undefined' ? 'undefined' : _typeof(addClassName)) === 'object') { - classResult += ' ' + (0, _classnames2.default)(addClassName); - } else { - classResult += ' ' + addClassName; - } - } - - return classResult; - } -}; - -},{"classnames":1}],34:[function(require,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); +var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _react = (window.React); var _react2 = _interopRequireDefault(_react); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -var colorArray = ['black', 'yellow', 'green', 'blue', 'orange', 'purple', 'red', 'teal']; - -exports.default = { - - propTypes: { - color: _react2.default.PropTypes.oneOf(colorArray) - }, - - getColor: function getColor() { - var color = 'null'; - - if (typeof this.props.color !== 'undefined') { - - if (colorArray.indexOf(this.props.color) !== -1) { - color = this.props.color; - } - } - - return color; - } -}; - -},{}],35:[function(require,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _react = (window.React); +var _filter = require('../filter'); -var _react2 = _interopRequireDefault(_react); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -exports.default = { - - propTypes: { - disabled: _react2.default.PropTypes.bool, - active: _react2.default.PropTypes.bool, - loading: _react2.default.PropTypes.bool, - focus: _react2.default.PropTypes.bool, - error: _react2.default.PropTypes.bool, - completed: _react2.default.PropTypes.bool, - readOnly: _react2.default.PropTypes.bool, - success: _react2.default.PropTypes.bool, - warning: _react2.default.PropTypes.bool - }, - - getDisabled: function getDisabled() { - var disabled = false; - - if (typeof this.props.disabled !== 'undefined') { - disabled = this.props.disabled; - } - - return disabled; - }, - - getActive: function getActive() { - var active = false; - - if (typeof this.props.active !== 'undefined') { - active = this.props.active; - } - - return active; - }, - - getLoading: function getLoading() { - var loading = false; - - if (typeof this.props.loading !== 'undefined') { - loading = this.props.loading; - } - - return loading; - }, - - getFocus: function getFocus() { - var focus = false; - - if (typeof this.props.focus !== 'undefined') { - focus = this.props.focus; - } - - return focus; - }, +function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - getError: function getError() { - var error = false; +var defaultClassName = 'ui accordion'; - if (typeof this.props.error !== 'undefined') { - error = this.props.error; - } +var Basic = _react2.default.createClass({ + displayName: 'Basic', - return error; - }, - getCompleted: function getCompleted() { - var completed = false; + render: function render() { + var _props = this.props; + var children = _props.children; - if (typeof this.props.completed !== 'undefined') { - completed = this.props.completed; - } + var other = _objectWithoutProperties(_props, ['children']); - return completed; + return _react2.default.createElement( + 'div', + _extends({}, other, { ref: 'accordion' }), + children + ); }, - getReadOnly: function getReadOnly() { - var readOnly = false; - - if (typeof this.props.readOnly !== 'undefined') { - readOnly = this.props.readOnly; - } - - return readOnly; - }, + componentDidMount: function componentDidMount() { + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - getSuccess: function getSuccess() { - var success = false; - if (typeof this.props.success !== 'undefined') { - success = this.props.success; + if (init === false) { + return; } - return success; - }, - - getWarning: function getWarning() { - var warning = false; - - if (typeof this.props.warning !== 'undefined') { - warning = this.props.warning; + if (init === true) { + $(this.refs.accordion).accordion(); + } else { + $(this.refs.accordion).accordion(init); } - - return warning; } -}; - -},{}],36:[function(require,module,exports){ -'use strict'; - -Object.defineProperty(exports, "__esModule", { - value: true }); -var _react = (window.React); - -var _react2 = _interopRequireDefault(_react); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -var typeArray = ['div', 'link', 'icon']; - -exports.default = { - - propTypes: { - type: _react2.default.PropTypes.oneOf(typeArray) - }, +var Accordion = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); - getType: function getType() { - var type = 'div'; - - if (typeof this.props.type !== 'undefined') { - if (typeArray.indexOf(this.props.type) !== -1) { - type = this.props.type; - } - } - return type; - } -}; +exports.default = Accordion; -},{}],37:[function(require,module,exports){ +},{"../filter":35}],40:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2164,21 +1673,20 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'ui accordion'; - -var Accordion = _react2.default.createClass({ - displayName: 'Accordion', +var stateArray = ['disabled', 'readOnly']; +var defaultClassName = 'ui checkbox'; +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], render: function render() { var _props = this.props; @@ -2188,29 +1696,33 @@ var Accordion = _react2.default.createClass({ return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName), ref: 'accordion' }), + _extends({}, other, { ref: 'checkbox' }), children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.accordion).accordion(); - } else { - $(this.refs.accordion).accordion(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.checkbox).checkbox(); + } else { + $(this.refs.checkbox).checkbox(init); } } }); -exports.default = Accordion; +var Checkbox = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Checkbox; -},{"../mixins/classGenerator":33}],38:[function(require,module,exports){ +},{"../filter":35}],41:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2223,72 +1735,56 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _reactDom = (window.ReactDOM); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'ui checkbox'; - -var Checkbox = _react2.default.createClass({ - displayName: 'Checkbox', +var stateArray = ['disabled', 'active']; +var defaultClassName = 'ui dimmer'; +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], render: function render() { var _props = this.props; - var className = _props.className; - var color = _props.color; - var type = _props.type; - var disabled = _props.disabled; - var readOnly = _props.readOnly; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className', 'color', 'type', 'disabled', 'readOnly']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - color: 'null', - type: 'div', - disabled: this.getDisabled(), - readOnly: this.getReadOnly() }), - this.props.children + 'div', + _extends({}, other, { ref: 'dimmer' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(_reactDom2.default.findDOMNode(this)).checkbox(); - } else { - $(_reactDom2.default.findDOMNode(this)).checkbox(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.dimmer).dimmer(); + } else { + $(this.refs.dimmer).dimmer(init); } } }); -exports.default = Checkbox; +var Dimmer = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],39:[function(require,module,exports){ +exports.default = Dimmer; + +},{"../filter":35}],42:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2301,72 +1797,61 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _reactDom = (window.ReactDOM); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'ui dimmer'; - -var Dimmer = _react2.default.createClass({ - displayName: 'Dimmer', +var stateArray = ['error', 'disabled', 'active']; +var defaultClassName = 'ui dropdown'; +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], render: function render() { var _props = this.props; var className = _props.className; - var color = _props.color; - var type = _props.type; - var disabled = _props.disabled; - var active = _props.active; + var children = _props.children; + + var other = _objectWithoutProperties(_props, ['className', 'children']); - var other = _objectWithoutProperties(_props, ['className', 'color', 'type', 'disabled', 'active']); + if (className.indexOf('active') >= 0) { + className += ' simple'; + } return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - color: 'null', - type: 'div', - disabled: this.getDisabled(), - active: this.getActive() }), - this.props.children + 'div', + _extends({}, other, { className: className, ref: 'dropdown' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(_reactDom2.default.findDOMNode(this)).dimmer(); - } else { - $(_reactDom2.default.findDOMNode(this)).dimmer(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.dropdown).dropdown(); + } else { + $(this.refs.dropdown).dropdown(init); } } }); -exports.default = Dimmer; +var Dropdown = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Dropdown; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],40:[function(require,module,exports){ +},{"../filter":35}],43:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2379,78 +1864,66 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _reactDom = (window.ReactDOM); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); +var _filter = require('../filter'); -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } -var defaultClassName = 'ui dropdown'; - -var Dropdown = _react2.default.createClass({ - displayName: 'Dropdown', +var defaultClassName = 'ui embed'; +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], render: function render() { var _props = this.props; - var className = _props.className; - var color = _props.color; - var type = _props.type; - var error = _props.error; - var disable = _props.disable; - var active = _props.active; - - var other = _objectWithoutProperties(_props, ['className', 'color', 'type', 'error', 'disable', 'active']); + var children = _props.children; + var placeholder = _props.placeholder; + var source = _props.source; + var sourceId = _props.sourceId; + var url = _props.url; + var icon = _props.icon; - if (this.getActive() || this.getDisabled()) { - defaultClassName += ' simple'; - } + var other = _objectWithoutProperties(_props, ['children', 'placeholder', 'source', 'sourceId', 'url', 'icon']); return _react2.default.createElement( - _unit.Unit, + 'div', _extends({}, other, { - className: this.getClassName(defaultClassName), - color: 'null', - type: 'div', - error: this.getError(), - disable: this.getDisabled(), - active: this.getActive() }), - this.props.children + 'data-source': source, + 'data-id': sourceId, + 'data-placeholder': placeholder, + 'data-url': url, + 'data-icon': icon, + ref: 'embed' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(_reactDom2.default.findDOMNode(this)).dropdown(); - } else { - $(_reactDom2.default.findDOMNode(this)).dropdown(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.embed).embed(); + } else { + $(this.refs.embed).embed(init); } } }); -exports.default = Dropdown; +var Embed = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + +exports.default = Embed; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],41:[function(require,module,exports){ +},{"../filter":35}],44:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2463,85 +1936,68 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _reactDom = (window.ReactDOM); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['active']; var defaultClassName = 'ui modal'; -var Modal = _react2.default.createClass({ - displayName: 'Modal', +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], - render: function render() { var _props = this.props; - var className = _props.className; - var color = _props.color; - var type = _props.type; - var active = _props.active; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className', 'color', 'type', 'active']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - color: 'null', - type: 'div', - active: this.getActive() }), - this.props.children + 'div', + _extends({}, other, { ref: 'modal' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(_reactDom2.default.findDOMNode(this)).modal(); - } else { - $(_reactDom2.default.findDOMNode(this)).modal(this.props.init); - } + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.modal).modal(); + } else { + $(this.refs.modal).modal(init); } } }); +var Modal = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Modal; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],42:[function(require,module,exports){ +},{"../filter":35}],45:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2549,12 +2005,10 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui popup'; -var Popup = _react2.default.createClass({ - displayName: 'Popup', +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], - render: function render() { var _props = this.props; var children = _props.children; @@ -2563,15 +2017,17 @@ var Popup = _react2.default.createClass({ return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children + other, + children ); } }); +var Popup = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Popup; -},{"../mixins/classGenerator":33}],43:[function(require,module,exports){ +},{"../filter":35}],46:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2584,78 +2040,63 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['active', 'success', 'warning', 'error', 'disabled']; var defaultClassName = 'ui progress'; -var Progress = _react2.default.createClass({ - displayName: 'Progress', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; var percent = _props.percent; var value = _props.value; var total = _props.total; - var active = _props.active; - var success = _props.success; - var warning = _props.warning; - var error = _props.error; - var disabled = _props.disabled; - - var other = _objectWithoutProperties(_props, ['className', 'percent', 'value', 'total', 'active', 'success', 'warning', 'error', 'disabled']); - - var state = { - active: this.getActive(), - success: this.getSuccess(), - warning: this.getWarning(), - error: this.getError(), - disabled: this.getDisabled() - }; + + var other = _objectWithoutProperties(_props, ['children', 'percent', 'value', 'total']); return _react2.default.createElement( 'div', _extends({}, other, { - className: this.getClassName(defaultClassName, state), 'data-percent': percent, 'data-value': value, 'data-total': total, ref: 'progress' }), - this.props.children + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.progress).progress(); - } else { - $(this.refs.progress).progress(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.progress).progress(); + } else { + $(this.refs.progress).progress(init); } } }); +var Progress = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Progress; -},{"../mixins/classGenerator":33,"../mixins/stateSelector":35}],44:[function(require,module,exports){ +},{"../filter":35}],47:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2668,9 +2109,9 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2678,49 +2119,50 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui rating'; -var Rating = _react2.default.createClass({ - displayName: 'Rating', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; var rating = _props.rating; var maxRating = _props.maxRating; - var other = _objectWithoutProperties(_props, ['className', 'rating', 'maxRating']); + var other = _objectWithoutProperties(_props, ['children', 'rating', 'maxRating']); return _react2.default.createElement( 'div', _extends({}, other, { - className: this.getClassName(defaultClassName), 'data-rating': rating, 'data-max-rating': maxRating, ref: 'rating' }), - this.props.children + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.rating).rating(); - } else { - $(this.refs.rating).rating(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.rating).rating(); + } else { + $(this.refs.rating).rating(init); } } }); +var Rating = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Rating; -},{"../mixins/classGenerator":33}],45:[function(require,module,exports){ +},{"../filter":35}],48:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2733,70 +2175,56 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _reactDom = (window.ReactDOM); - -var _reactDom2 = _interopRequireDefault(_reactDom); - -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _stateSelector = require('../mixins/stateSelector'); +var _filter = require('../filter'); -var _stateSelector2 = _interopRequireDefault(_stateSelector); - -var _unit = require('../commons/unit'); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['loading']; var defaultClassName = 'ui search'; -var Search = _react2.default.createClass({ - displayName: 'Search', +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], - render: function render() { var _props = this.props; - var className = _props.className; - var color = _props.color; - var type = _props.type; - var active = _props.active; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className', 'color', 'type', 'active']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( - _unit.Unit, - _extends({}, other, { - className: this.getClassName(defaultClassName), - color: 'null', - type: 'div', - loading: this.getLoading() }), - this.props.children + 'div', + _extends({}, other, { ref: 'search' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(_reactDom2.default.findDOMNode(this)).search(); - } else { - $(_reactDom2.default.findDOMNode(this)).search(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.search).search(); + } else { + $(this.refs.search).search(init); } } }); +var Search = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Search; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/stateSelector":35}],46:[function(require,module,exports){ +},{"../filter":35}],49:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2809,9 +2237,9 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2819,43 +2247,45 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui shape'; -var Shap = _react2.default.createClass({ - displayName: 'Shap', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName), ref: 'shape' }), - this.props.children + _extends({}, other, { ref: 'shape' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.shape).shape(); - } else { - $(this.refs.shape).shape(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.shape).shape(); + } else { + $(this.refs.shape).shape(init); } } }); +var Shap = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Shap; -},{"../mixins/classGenerator":33}],47:[function(require,module,exports){ +},{"../filter":35}],50:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2868,9 +2298,9 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2878,43 +2308,45 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui sidebar'; -var Sidebar = _react2.default.createClass({ - displayName: 'Sidebar', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName), ref: 'sidebar' }), - this.props.children + _extends({}, other, { ref: 'sidebar' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.sidebar).sidebar(); - } else { - $(this.refs.sidebar).sidebar(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.sidebar).sidebar(); + } else { + $(this.refs.sidebar).sidebar(init); } } }); +var Sidebar = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Sidebar; -},{"../mixins/classGenerator":33}],48:[function(require,module,exports){ +},{"../filter":35}],51:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2927,9 +2359,9 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2937,43 +2369,45 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui sticky'; -var Sticky = _react2.default.createClass({ - displayName: 'Sticky', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], render: function render() { var _props = this.props; - var className = _props.className; + var children = _props.children; - var other = _objectWithoutProperties(_props, ['className']); + var other = _objectWithoutProperties(_props, ['children']); return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children + _extends({}, other, { ref: 'sticky' }), + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.getDOMNode()).sticky(); - } else { - $(this.getDOMNode()).sticky(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.sticky).sticky(); + } else { + $(this.refs.sticky).sticky(init); } } }); +var Sticky = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Sticky; -},{"../mixins/classGenerator":33}],49:[function(require,module,exports){ +},{"../filter":35}],52:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -2986,293 +2420,194 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -var _stateSelector = require('../mixins/stateSelector'); - -var _stateSelector2 = _interopRequireDefault(_stateSelector); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } +var stateArray = ['active', 'loading']; var defaultClassName = 'ui tab'; -var Tab = _react2.default.createClass({ - displayName: 'Tab', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _stateSelector2.default], render: function render() { var _props = this.props; - var className = _props.className; - var active = _props.active; - var loading = _props.loading; + var children = _props.children; var tab = _props.tab; - var other = _objectWithoutProperties(_props, ['className', 'active', 'loading', 'tab']); - - var state = { - active: this.getActive(), - loading: this.getLoading() - }; + var other = _objectWithoutProperties(_props, ['children', 'tab']); return _react2.default.createElement( 'div', _extends({}, other, { - className: this.getClassName(defaultClassName, state), 'data-tab': tab, ref: 'tab' }), - this.props.children + children ); }, componentDidMount: function componentDidMount() { - if (typeof this.props.init != 'undefined') { - if (this.props.init === false) { - return; - } + var _props$init = this.props.init; + var init = _props$init === undefined ? false : _props$init; - if (this.props.init === true) { - $(this.refs.tab).tab(); - } else { - $(this.refs.tab).tab(this.props.init); - } + + if (init === false) { + return; + } + + if (init === true) { + $(this.refs.tab).tab(); + } else { + $(this.refs.tab).tab(init); } } }); +var Tab = new _filter2.default(Basic).stateFilter(stateArray).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Tab; -},{"../mixins/classGenerator":33,"../mixins/stateSelector":35}],50:[function(require,module,exports){ +},{"../filter":35}],53:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui ad'; +var _filter = require('../filter'); -var Ad = _react2.default.createClass({ - displayName: 'Ad', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui ad'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Ad = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Ad; -},{"../mixins/classGenerator":33}],51:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],54:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui card'; - -var Card = _react2.default.createClass({ - displayName: 'Card', +var _div = require('../commons/div'); +var _div2 = _interopRequireDefault(_div); - mixins: [_classGenerator2.default], - - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui card'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Card = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Card; -},{"../mixins/classGenerator":33}],52:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],55:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'comment'; +var _filter = require('../filter'); -var Comment = _react2.default.createClass({ - displayName: 'Comment', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'comment'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Comment = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Comment; -},{"../mixins/classGenerator":33}],53:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],56:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui comments'; +var _filter = require('../filter'); -var Comments = _react2.default.createClass({ - displayName: 'Comments', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui comments'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Comments = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Comments; -},{"../mixins/classGenerator":33}],54:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],57:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui feed'; +var _filter = require('../filter'); -var Feed = _react2.default.createClass({ - displayName: 'Feed', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui feed'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Feed = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Feed; -},{"../mixins/classGenerator":33}],55:[function(require,module,exports){ +},{"../commons/div":9,"../filter":35}],58:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -3285,50 +2620,45 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); - -var _typeSelector = require('../mixins/typeSelector'); +var _filter = require('../filter'); -var _typeSelector2 = _interopRequireDefault(_typeSelector); +var _filter2 = _interopRequireDefault(_filter); var _unit = require('../commons/unit'); +var _unit2 = _interopRequireDefault(_unit); + function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } var defaultClassName = 'item'; -var Item = _react2.default.createClass({ - displayName: 'Item', - +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default, _typeSelector2.default], render: function render() { var _props = this.props; - var className = _props.className; - var type = _props.type; + var children = _props.children; + var value = _props.value; - var other = _objectWithoutProperties(_props, ['className', 'type']); + var other = _objectWithoutProperties(_props, ['children', 'value']); return _react2.default.createElement( - _unit.Unit, + _unit2.default, _extends({}, other, { - className: this.getClassName(defaultClassName), - type: this.getType(), - color: 'null', - value: this.props.value }), - this.props.children + 'data-value': value }), + children ); } }); +var Item = new _filter2.default(Basic).typeFilter().classGenerator(defaultClassName).getComposeComponent(); + exports.default = Item; -},{"../commons/unit":16,"../mixins/classGenerator":33,"../mixins/typeSelector":36}],56:[function(require,module,exports){ +},{"../commons/unit":16,"../filter":35}],59:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { @@ -3341,9 +2671,9 @@ var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); +var _filter = require('../filter'); -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter2 = _interopRequireDefault(_filter); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -3351,83 +2681,61 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob var defaultClassName = 'ui items'; -var Items = _react2.default.createClass({ - displayName: 'Items', +var Basic = _react2.default.createClass({ + displayName: 'Basic', - mixins: [_classGenerator2.default], - - propTypes: { - className: _react2.default.PropTypes.string, - type: _react2.default.PropTypes.string - }, - render: function render() { var _props = this.props; - var type = _props.type; + var className = _props.className; + var children = _props.children; + var _props$type = _props.type; + var type = _props$type === undefined ? '' : _props$type; - var other = _objectWithoutProperties(_props, ['type']); + var other = _objectWithoutProperties(_props, ['className', 'children', 'type']); - if (typeof type !== 'undefined') { - if (type !== 'link') { - type = ''; - } + if (type === 'link') { + className += ' link'; } return _react2.default.createElement( 'div', - _extends({}, other, { className: this.getClassName(defaultClassName, type) }), - this.props.children + _extends({}, other, { className: className }), + children ); } }); +var Items = new _filter2.default(Basic).classGenerator(defaultClassName).getComposeComponent(); + exports.default = Items; -},{"../mixins/classGenerator":33}],57:[function(require,module,exports){ +},{"../filter":35}],60:[function(require,module,exports){ 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); -var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; - var _react = (window.React); var _react2 = _interopRequireDefault(_react); -var _classGenerator = require('../mixins/classGenerator'); - -var _classGenerator2 = _interopRequireDefault(_classGenerator); +var _filter = require('../filter'); -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - -function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } - -var defaultClassName = 'ui statistic'; - -var Statistic = _react2.default.createClass({ - displayName: 'Statistic', +var _filter2 = _interopRequireDefault(_filter); +var _div = require('../commons/div'); - mixins: [_classGenerator2.default], +var _div2 = _interopRequireDefault(_div); - render: function render() { - var _props = this.props; - var className = _props.className; +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - var other = _objectWithoutProperties(_props, ['className']); +var defaultClassName = 'ui statistic'; - return _react2.default.createElement( - 'div', - _extends({}, other, { className: this.getClassName(defaultClassName) }), - this.props.children - ); - } -}); +var Statistic = new _filter2.default(_div2.default).classGenerator(defaultClassName).getComposeComponent(); exports.default = Statistic; -},{"../mixins/classGenerator":33}]},{},[32])(32) +},{"../commons/div":9,"../filter":35}]},{},[38])(38) }); \ No newline at end of file diff --git a/dst/react-semantify.min.js b/dst/react-semantify.min.js index ffa3cc9..0a89c55 100644 --- a/dst/react-semantify.min.js +++ b/dst/react-semantify.min.js @@ -1,2 +1,2 @@ -!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Semantify=e()}}(function(){var e;return function t(e,r,a){function s(i,o){if(!r[i]){if(!e[i]){var l="function"==typeof require&&require;if(!o&&l)return l(i,!0);if(n)return n(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var u=r[i]={exports:{}};e[i][0].call(u.exports,function(t){var r=e[i][1][t];return s(r?r:t)},u,u.exports,t,e,r,a)}return r[i].exports}for(var n="function"==typeof require&&require,i=0;i=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0}),r.Unit=void 0;var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r}Object.defineProperty(r,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=window.React,i=r(a),l=e("../filter"),u=r(l),s="ui table",c=function(e){var t=e.children,n=o(e,["children"]);return i["default"].createElement("table",n,t)},f=new u["default"](c).classGenerator(s).getComposeComponent();n["default"]=f},{"../filter":35}],7:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s="column",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./div":9}],8:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s=["active"],c="content",f=new i["default"](u["default"]).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../filter":35,"./div":9}],9:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=window.React,i=r(a),l=function(e){var t=e.children,n=o(e,["children"]);return i["default"].createElement("div",n,t)};n["default"]=l},{}],10:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s="field",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./div":9}],11:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s="fields",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./div":9}],12:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s="row",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./div":9}],13:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./unit"),u=r(l),s="section",c=new i["default"](u["default"]).typeFilter().colorFilter().classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./unit":16}],14:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s="text",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../filter":35,"./div":9}],15:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("./div"),u=r(l),s=["active"],c="title",f=new i["default"](u["default"]).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../filter":35,"./div":9}],16:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=window.React,i=r(a),l=e("../filter"),u=r(l),s=["loading","focus","error"],c="ui input",f=i["default"].createClass({displayName:"Basic",render:function(){var e=this.props,t=e.children,n=e.placeholder,r=e.type,a=o(e,["children","placeholder","type"]);return"undefined"!=typeof t?i["default"].createElement("div",a,t):i["default"].createElement("div",a,i["default"].createElement("input",{placeholder:n,type:r}))}}),d=new u["default"](f).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=d},{"../filter":35}],25:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/unit"),u=r(l),s="ui label",c=new i["default"](u["default"]).typeFilter().colorFilter().classGenerator(s).getComposeComponent();n["default"]=c},{"../commons/unit":16,"../filter":35}],26:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s="ui list",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../commons/div":9,"../filter":35}],27:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s=["disabled","active"],c="ui loader",f=new i["default"](u["default"]).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../commons/div":9,"../filter":35}],28:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s="ui rail",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../commons/div":9,"../filter":35}],29:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s=["disabled"],c="ui reveal",f=new i["default"](u["default"]).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../commons/div":9,"../filter":35}],30:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s=["disabled","loading"],c="ui segment",f=new i["default"](u["default"]).colorFilter().stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../commons/div":9,"../filter":35}],31:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s=["active","completed","disabled"],c="step",f=new i["default"](u["default"]).stateFilter(s).classGenerator(c).getComposeComponent();n["default"]=f},{"../commons/div":9,"../filter":35}],32:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o=window.React,a=(r(o),e("../filter")),i=r(a),l=e("../commons/div"),u=r(l),s="ui steps",c=new i["default"](u["default"]).classGenerator(s).getComposeComponent();n["default"]=c},{"../commons/div":9,"../filter":35}],33:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(n,"__esModule",{value:!0});var u=function(){function e(e,t){for(var n=0;n=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0&&(t+=" simple"),l["default"].createElement("div",a({},r,{className:t,ref:"dropdown"}),n)},componentDidMount:function(){var e=this.props.init,t=void 0===e?!1:e;t!==!1&&(t===!0?$(this.refs.dropdown).dropdown():$(this.refs.dropdown).dropdown(t))}}),p=new s["default"](d).stateFilter(c).classGenerator(f).getComposeComponent();n["default"]=p},{"../filter":35}],43:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=window.React,i=r(a),l=e("../filter"),u=r(l),s="ui popup",c=i["default"].createClass({displayName:"Basic",render:function(){var e=this.props,t=e.children,n=o(e,["children"]);return i["default"].createElement("div",n,t)}}),f=new u["default"](c).classGenerator(s).getComposeComponent();n["default"]=f},{"../filter":35}],46:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(n,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t