react-semantic-ui-kit - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

lib/collections/Form.js

@@ -44,2 +44,6 @@ 'use strict';
 
+var _propsToClasses = require('../util/propsToClasses');
+
+var _propsToClasses2 = _interopRequireDefault(_propsToClasses);
+
 var _classnames = require('classnames');
@@ -64,3 +68,4 @@
     value: function render() {
-      var classes = (0, _classnames2.default)('ui form', { 'error': !this.props.valid });
+      var classesFromProps = (0, _propsToClasses2.default)(['reply'], this.props);
+      var classes = (0, _classnames2.default)('ui', classesFromProps, 'form', { 'error': !this.props.valid });
 
@@ -78,3 +83,4 @@ return _react2.default.createElement(
 Form.propTypes = {
-  valid: _react.PropTypes.bool
+  valid: _react.PropTypes.bool,
+  reply: _react.PropTypes.bool
 };
@@ -81,0 +87,0 @@

lib/common/semanticClasses.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.sortedClasses = exports.widthClasses = exports.itemClasses = exports.columnClasses = exports.floatedClasses = exports.alignedClasses = exports.attachedClasses = undefined;
+exports.socialClasses = exports.sortedClasses = exports.buttonClasses = exports.widthClasses = exports.itemClasses = exports.columnClasses = exports.floatedClasses = exports.alignedClasses = exports.attachedClasses = undefined;
 
@@ -32,2 +32,6 @@ var _spellNumber = require('../util/spellNumber');
     return 'bottom left attached';
+  } else if (attached === 'left') {
+    return 'left attached';
+  } else if (attached === 'right') {
+    return 'right attached';
   }
@@ -82,2 +86,8 @@ };
 
+var buttonClasses = exports.buttonClasses = function buttonClasses(props) {
+  var buttons = props.buttons;
+
+  if (buttons) return (0, _spellNumber2.default)(buttons);
+};
+
 var sortedClasses = exports.sortedClasses = function sortedClasses(props) {
@@ -91,2 +101,14 @@ var sorted = props.sorted;
   }
+};
+
+var socialClasses = exports.socialClasses = function socialClasses(props) {
+  var social = props.social;
+
+  if (social === 'googlePlus') {
+    return 'google plus';
+  } else if (social === 'linkedIn') {
+    return 'linkedin';
+  } else if (social) {
+    return social;
+  }
 };

lib/common/SemanticUiProptypes.js

@@ -17,2 +17,3 @@ 'use strict';
 var color = _react.PropTypes.oneOf(['red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey', 'black']);
+var social = _react.PropTypes.oneOf(['facebook', 'twitter', 'googlePlus', 'vk', 'linkedIn', 'instagram', 'youtube']);
 
@@ -24,2 +25,3 @@ var SemanticUiPropTypes = {
   floated: floated,
+  social: social,
   verticalAlignment: verticalAlignment,
@@ -26,0 +28,0 @@ verticalAndHorizontalAlignment: verticalAndHorizontalAlignment,

lib/elements/extra/Content.js

@@ -15,2 +15,6 @@ 'use strict';
 
+var _propsToClasses = require('../../util/propsToClasses');
+
+var _propsToClasses2 = _interopRequireDefault(_propsToClasses);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,5 +25,5 @@
   var children = props.children;
-  var extra = props.extra;
 
-  var classes = (0, _classnames2.default)({ 'extra': extra }, 'content', className);
+  var classesFromProps = (0, _propsToClasses2.default)(['extra', 'visible', 'hidden'], props);
+  var classes = (0, _classnames2.default)(classesFromProps, 'content', className);
 
@@ -33,2 +37,8 @@ return _react2.default.createElement(
 
+Content.propTypes = {
+  extra: _react.PropTypes.bool,
+  visible: _react.PropTypes.bool,
+  hidden: _react.PropTypes.bool
+};
+
 exports.default = Content;

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.Text = exports.TableFooter = exports.TableHeader = exports.TableRow = exports.TableCell = exports.Table = exports.StepGroup = exports.Step = exports.Statistic = exports.SegmentGroup = exports.Segment = exports.Row = exports.Rail = exports.Message = exports.ModalActions = exports.ModalContent = exports.ModalHeader = exports.Modal = exports.MetaData = exports.Meta = exports.MenuItem = exports.Menu = exports.ListItem = exports.List = exports.LabelGroup = exports.Label = exports.ItemGroup = exports.Item = exports.ImageGroup = exports.Image = exports.Grid = exports.FormField = exports.Form = exports.Flag = exports.Input = exports.Header = exports.FeedEvent = exports.Feed = exports.Divider = exports.Date = exports.ContentSummary = exports.ContentDescription = exports.ContentHeader = exports.Content = exports.Container = exports.CommentGroup = exports.Comment = exports.Column = exports.Checkbox = exports.CardGroup = exports.Card = exports.Button = exports.Avatar = exports.Author = exports.Actions = undefined;
+exports.Text = exports.TableFooter = exports.TableHeader = exports.TableRow = exports.TableCell = exports.Table = exports.StepGroup = exports.Step = exports.Statistic = exports.SegmentGroup = exports.Segment = exports.Row = exports.Rail = exports.Message = exports.ModalActions = exports.ModalContent = exports.ModalHeader = exports.Modal = exports.MetaData = exports.Meta = exports.MenuItem = exports.Menu = exports.ListItem = exports.List = exports.LabelGroup = exports.Label = exports.ItemGroup = exports.Item = exports.ImageGroup = exports.Image = exports.Grid = exports.FormField = exports.Form = exports.Flag = exports.Input = exports.Header = exports.FeedEvent = exports.Feed = exports.Divider = exports.Date = exports.ContentSummary = exports.ContentDescription = exports.ContentHeader = exports.Content = exports.Container = exports.CommentGroup = exports.Comment = exports.Column = exports.Checkbox = exports.CardGroup = exports.Card = exports.ButtonGroup = exports.Button = exports.Avatar = exports.Author = exports.Actions = undefined;
 
@@ -71,6 +71,10 @@ var _Form = require('./collections/Form');
 
-var _Button = require('./elements/Button');
+var _Button = require('./elements/button/Button');
 
 var _Button2 = _interopRequireDefault(_Button);
 
+var _ButtonGroup = require('./elements/button/ButtonGroup');
+
+var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
+
 var _Container = require('./elements/Container');
@@ -224,2 +228,3 @@
 exports.Button = _Button2.default;
+exports.ButtonGroup = _ButtonGroup2.default;
 exports.Card = _Card2.default;
@@ -226,0 +231,0 @@ exports.CardGroup = _CardGroup2.default;

lib/views/comment/CommentGroup.js

@@ -35,2 +35,6 @@ 'use strict';
 
+var _propsToClasses = require('../../util/propsToClasses');
+
+var _propsToClasses2 = _interopRequireDefault(_propsToClasses);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -51,3 +55,4 @@
 
-      var classes = (0, _classnames2.default)('ui', 'comments', className);
+      var classesFromProps = (0, _propsToClasses2.default)(['minimal'], this.props);
+      var classes = (0, _classnames2.default)('ui', classesFromProps, 'comments', className);
 
@@ -64,2 +69,5 @@ return _react2.default.createElement(
 
+CommentGroup.propTypes = {
+  minimal: _react.PropTypes.bool
+};
 exports.default = CommentGroup;

package.json

 {
   "name": "react-semantic-ui-kit",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Semantic UI components built with React",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -1,4 +0,4 @@
-# react-sm-ui
+# react-semantic-ui-kit
 
-[![Build Status](https://travis-ci.org/shinzui/react-sm-ui.png?branch=master)](https://travis-ci.org/shinzui/react-sm-ui)
+[![Build Status](https://travis-ci.org/shinzui/react-semantic-ui-kit.png?branch=master)](https://travis-ci.org/shinzui/react-semantic-ui-kit)
 
@@ -23,10 +23,10 @@ [Semantic UI](http://semantic-ui.com/) rebuilt as React components.
 
-    $ git clone https://github.com/shinzui/react-sm-ui.git
-    $ cd react-sm-ui && npm install && npm run demo
+    $ git clone https://github.com/shinzui/react-semantic-ui-kit.git
+    $ cd react-semantic-ui-kit && npm install && npm run demo
 
 Then go to http://localhost:8080/demo
 
-Alternatively, you can look at the [closed component issues](https://github.com/shinzui/react-sm-ui/issues?q=is%3Aissue+label%3AComponent+is%3Aclosed) which has all the
+Alternatively, you can look at the [closed component issues](https://github.com/shinzui/react-semantic-ui-kit/issues?q=is%3Aissue+label%3AComponent+is%3Aclosed) which has all the
 **fully implemented** Semantic UI components.
 
 Please note that the API will likely change as I use it on my projects.

No alert changes

Improved metrics

Total package byte prevSize

164481

increased by6.27%

Number of package files

68

increased by3.03%

Lines of code

3763

increased by6.06%

No dependency changes