Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
anchor-ui
Advanced tools
anchor-ui - npm Package Compare versions
Comparing version 1.2.2 to 1.2.3
@@ -86,3 +86,5 @@ 'use strict'; | ||
| placeholder = _props.placeholder, | ||
| value = _props.value; | ||
| value = _props.value, | ||
| maxLength = _props.maxLength, | ||
| leftButton = _props.leftButton; | ||
| var _state = this.state, | ||
@@ -102,2 +104,3 @@ className = _state.className, | ||
| { className: className }, | ||
| leftButton, | ||
| _react2.default.createElement('input', { | ||
@@ -109,3 +112,4 @@ className: inputClassName, | ||
| type: 'text', | ||
| onKeyDown: this.handleKeyDown | ||
| onKeyDown: this.handleKeyDown, | ||
| maxLength: maxLength | ||
| }), | ||
@@ -135,9 +139,13 @@ _react2.default.createElement( | ||
| style: _react.PropTypes.instanceOf(Object), | ||
| inputStyle: _react.PropTypes.instanceOf(Object) | ||
| inputStyle: _react.PropTypes.instanceOf(Object), | ||
| maxLength: _react.PropTypes.number, | ||
| leftButton: _react.PropTypes.node | ||
| }; | ||
| MessageInput.defaultProps = { | ||
| style: {}, | ||
| inputStyle: {} | ||
| inputStyle: {}, | ||
| maxLength: 500, | ||
| leftButton: null | ||
| }; | ||
| exports.default = (0, _reactJss2.default)(_inputs2.default)(MessageInput); | ||
| module.exports = exports['default']; |
@@ -15,2 +15,6 @@ 'use strict'; | ||
| var _fade = require('../internal/fade'); | ||
| var _fade2 = _interopRequireDefault(_fade); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -20,3 +24,2 @@ | ||
| iconButton: { | ||
| backgroundColor: _colors2.default.white, | ||
| background: 'none', | ||
@@ -32,6 +35,6 @@ borderRadius: '50%', | ||
| '&:hover': { | ||
| backgroundColor: (0, _darken2.default)(_colors2.default.white, 0.05) | ||
| backgroundColor: (0, _fade2.default)(_colors2.default.black, 0.9) | ||
| }, | ||
| '&:active': { | ||
| backgroundColor: (0, _darken2.default)(_colors2.default.white, 0.15) | ||
| backgroundColor: (0, _fade2.default)(_colors2.default.black, 0.8) | ||
| } | ||
@@ -38,0 +41,0 @@ }, |
@@ -23,2 +23,3 @@ 'use strict'; | ||
| border: '0', | ||
| borderRadius: '3px', | ||
| boxSizing: 'border-box', | ||
@@ -29,2 +30,3 @@ color: _colors2.default.primaryText, | ||
| paddingLeft: '10px', | ||
| paddingRight: '48px', | ||
| width: '100%', | ||
@@ -31,0 +33,0 @@ '&:focus': { |
| { | ||
| "name": "anchor-ui", | ||
| "version": "1.2.2", | ||
| "version": "1.2.3", | ||
| "description": "React Component UI Kit", | ||
@@ -14,3 +14,3 @@ "main": "dist/index.js", | ||
| "lint": "eslint src/*", | ||
| "prepublish": "npm run lint && npm run compile" | ||
| "prepublish": "npm run lint && npm run test && npm run compile" | ||
| }, | ||
@@ -17,0 +17,0 @@ "repository": { |
@@ -18,5 +18,5 @@ # Anchor UI | ||
| | Name | Type | Required | Default | Description | | ||
| |-------|--------|----------|---------|-----------------------------------------| | ||
| |:------|:-------|:---------|:--------|:----------------------------------------| | ||
| | image | String | Yes | | Path to user's profile image | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
@@ -30,5 +30,5 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |---------|----------------------|----------|---------|-----------------------------------------| | ||
| |:--------|:---------------------|:---------|:--------|:----------------------------------------| | ||
| | content | String, Number, Node | Yes | | Content to be rendered | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
@@ -42,7 +42,7 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |------------|----------|----------|---------|-------------------------------------------------| | ||
| |:-----------|:---------|:---------|:--------|:------------------------------------------------| | ||
| | children | Element | Yes | | Button content | | ||
| | iconButton | Boolean | | false | Switches between icon-button and normal button | | ||
| | iconButton | Boolean | No | false | Switches between icon-button and normal button | | ||
| | onClick | Function | Yes | | Button onClick function | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
@@ -56,6 +56,6 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |-----------------|--------|----------|---------|-----------------------------------------| | ||
| |:----------------|:-------|:---------|:--------|:----------------------------------------| | ||
| | name | String | Yes | | Header content | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | headerTextStyle | Object | | | Override the styles of the text element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
| | headerTextStyle | Object | No | {} | Override the styles of the text element | | ||
@@ -69,9 +69,9 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |-------------|----------|----------|---------|---------------------------------------------| | ||
| |:------------|:---------|:---------|:--------|:--------------------------------------------| | ||
| | headerText | String | Yes | | Header text | | ||
| | bodyText | String | Yes | | Body text | | ||
| | button | Node | | | Render a call to action button | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | headerStyle | Object | | | Override the styles of the header text | | ||
| | bodyStyle | Object | | | Override the styles of the body text | | ||
| | button | Node | No | {} | Render a call to action button | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
| | headerStyle | Object | No | {} | Override the styles of the header text | | ||
| | bodyStyle | Object | No | {} | Override the styles of the body text | | ||
@@ -85,5 +85,5 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |----------|--------|----------|---------|-----------------------------------------| | ||
| |:---------|:-------|:---------|:--------|:----------------------------------------| | ||
| | children | Node | Yes | | List content | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
@@ -97,10 +97,10 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |--------------------|----------|----------|---------|--------------------------------------------------| | ||
| |:-------------------|:---------|:---------|:--------|:-------------------------------------------------| | ||
| | primaryText | String | Yes | | The list item's primary text | | ||
| | secondaryText | String | Yes | | The list item's secondary text | | ||
| | active | Boolean | | | Add active styles to ListItem | | ||
| | active | Boolean | No | false | Add active styles to ListItem | | ||
| | onClick | Function | Yes | | Click function for the root element | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | primaryTextStyle | Object | | | Override the styles of the primaryText element | | ||
| | secondaryTextStyle | Object | | | Override the styles of the secondaryText element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
| | primaryTextStyle | Object | No | {} | Override the styles of the primaryText element | | ||
| | secondaryTextStyle | Object | No | {} | Override the styles of the secondaryText element | | ||
@@ -114,3 +114,3 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |--------------------|----------------|----------|---------|---------------------------------------------------------------------------------------------------| | ||
| |:-------------------|:---------------|:---------|:--------|:--------------------------------------------------------------------------------------------------| | ||
| | message | Object | Yes | | Mesage object containing: body, createdAt, username | | ||
@@ -120,9 +120,9 @@ | message.body | String | Yes | | The message's body text | | ||
| | message.username | String | Yes | | The sender's username | | ||
| | timeFormat | String | | 'HH:mm' | The [format](http://momentjs.com/docs/#/displaying/format/) in which to display message.createdAt | | ||
| | avatar | String | | | Path to the user's profile image, will render <Avatar /> if supplied | | ||
| | myMessage | Boolean | | false | Flag used to change message styles, set to true if the message belongs to the current user | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | messageBodyStyle | Object | | | Override the styles of the body element | | ||
| | messageHeaderStyle | Object | | | Override the styles of the header element | | ||
| | messageTimeStyle | Object | | | Override the styles of the time element | | ||
| | timeFormat | String | No | 'HH:mm' | The [format](http://momentjs.com/docs/#/displaying/format/) in which to display message.createdAt | | ||
| | avatar | String | No | '' | Path to the user's profile image, will render <Avatar /> if supplied | | ||
| | myMessage | Boolean | No | false | Flag used to change message styles, set to true if the message belongs to the current user | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
| | messageBodyStyle | Object | No | {} | Override the styles of the body element | | ||
| | messageHeaderStyle | Object | No | {} | Override the styles of the header element | | ||
| | messageTimeStyle | Object | No | {} | Override the styles of the time element | | ||
@@ -136,3 +136,3 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |-------------|----------|----------|---------|------------------------------------------| | ||
| |:------------|:---------|:---------|:--------|:-----------------------------------------| | ||
| | value | String | Yes | | The list items primary text | | ||
@@ -142,4 +142,6 @@ | placeholder | String | Yes | | The list items primary text | | ||
| | sendMessage | Function | Yes | | Send a message | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | inputStyle | Object | | | Override the styles of the input element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
| | inputStyle | Object | No | {} | Override the styles of the input element | | ||
| | maxLength | Number | No | 500 | The input's max length | | ||
| | leftButton | Node | No | null | A button for the left side of the input | | ||
@@ -153,6 +155,6 @@ --- | ||
| | Name | Type | Required | Default | Description | | ||
| |----------|--------|----------|---------|----------------------------------------------------------------------| | ||
| |:---------|:-------|:---------|:--------|:---------------------------------------------------------------------| | ||
| | username | String | Yes | | The user's username | | ||
| | avatar | String | Yes | | Path to the user's profile image, will render <Avatar /> if supplied | | ||
| | style | Object | | | Override the styles of the root element | | ||
| | style | Object | No | {} | Override the styles of the root element | | ||
@@ -159,0 +161,0 @@ ## Installation |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.07%
89193
- Number of package files
- increased by2.33%
44
- Lines of code
- increased by1.28%
1738
- Number of lines in readme file
- increased by1.02%
198
No dependency changes