deku-button
Advanced tools
+13
-34
@@ -1,9 +0,8 @@ | ||
| /** @jsx dom */ | ||
| 'use strict'; | ||
| Object.defineProperty(exports, '__esModule', { | ||
| Object.defineProperty(exports, "__esModule", { | ||
| value: true | ||
| }); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
| 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; }; | ||
@@ -14,36 +13,16 @@ var _magicVirtualElement = require('magic-virtual-element'); | ||
| var propTypes = { | ||
| 'class': { | ||
| type: 'string' | ||
| }, | ||
| disabled: { | ||
| type: 'boolean' | ||
| }, | ||
| name: { | ||
| type: 'string' | ||
| }, | ||
| onClick: { | ||
| type: 'function' | ||
| }, | ||
| type: { | ||
| type: 'string' | ||
| } | ||
| }; | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
| function render(_ref) { | ||
| 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; } /** @jsx dom */ | ||
| var render = function render(_ref) { | ||
| var props = _ref.props; | ||
| var children = props.children; | ||
| var disabled = props.disabled; | ||
| var name = props.name; | ||
| var onClick = props.onClick; | ||
| var type = props.type; | ||
| return (0, _magicVirtualElement2['default'])( | ||
| 'button', | ||
| { 'class': ['Button', props['class']], disabled: disabled, name: name, onClick: onClick, type: type }, | ||
| children | ||
| ); | ||
| } | ||
| var className = props.class, | ||
| attributes = _objectWithoutProperties(props, ['class']); | ||
| exports['default'] = { propTypes: propTypes, render: render }; | ||
| module.exports = exports['default']; | ||
| return (0, _magicVirtualElement2.default)('button', _extends({ 'class': ['Button', className] }, attributes)); | ||
| }; | ||
| exports.default = { render: render }; |
+80
-52
| { | ||
| "name": "deku-button", | ||
| "version": "1.1.2", | ||
| "description": "Button component for deku", | ||
| "license": "MIT", | ||
| "repository": "kevva/deku-button", | ||
| "author": { | ||
| "name": "Kevin Mårtensson", | ||
| "email": "kevinmartensson@gmail.com", | ||
| "url": "github.com/kevva" | ||
| }, | ||
| "engines": { | ||
| "node": ">=0.10.0" | ||
| }, | ||
| "scripts": { | ||
| "prepublish": "babel index.js --out-file dist.js", | ||
| "test": "./node_modules/.bin/eslint index.js test.js && ava test.js" | ||
| }, | ||
| "main": "dist.js", | ||
| "files": [ | ||
| "dist.js" | ||
| ], | ||
| "keywords": [ | ||
| "button", | ||
| "component", | ||
| "deku", | ||
| "deku-component" | ||
| ], | ||
| "dependencies": { | ||
| "magic-virtual-element": "^1.0.4" | ||
| }, | ||
| "devDependencies": { | ||
| "assert-element": "^0.3.1", | ||
| "ava": "^0.2.0", | ||
| "babel": "^5.8.23", | ||
| "babel-eslint": "^4.1.1", | ||
| "component-mock": "0.0.2", | ||
| "eslint": "^1.3.1", | ||
| "eslint-config-xo": "^0.5.0", | ||
| "eslint-config-xo-react": "^0.2.0", | ||
| "eslint-plugin-babel": "^2.1.1", | ||
| "eslint-plugin-react": "^3.3.1" | ||
| }, | ||
| "eslintConfig": { | ||
| "extends": [ | ||
| "xo/esnext", | ||
| "xo-react" | ||
| ], | ||
| "rules": { | ||
| "react/no-unknown-property": 0, | ||
| "quote-props": 0 | ||
| } | ||
| } | ||
| "name": "deku-button", | ||
| "version": "1.2.0", | ||
| "description": "Button component for deku", | ||
| "license": "MIT", | ||
| "repository": "kevva/deku-button", | ||
| "author": { | ||
| "name": "Kevin Mårtensson", | ||
| "email": "kevinmartensson@gmail.com", | ||
| "url": "github.com/kevva" | ||
| }, | ||
| "engines": { | ||
| "node": ">=0.10.0" | ||
| }, | ||
| "scripts": { | ||
| "prepublish": "babel index.js --out-file dist.js", | ||
| "test": "xo && ava" | ||
| }, | ||
| "main": "dist.js", | ||
| "files": [ | ||
| "dist.js" | ||
| ], | ||
| "keywords": [ | ||
| "button", | ||
| "component", | ||
| "deku", | ||
| "deku-component" | ||
| ], | ||
| "dependencies": { | ||
| "magic-virtual-element": "^1.0.6" | ||
| }, | ||
| "devDependencies": { | ||
| "assert-element": "^0.3.1", | ||
| "ava": "*", | ||
| "babel-cli": "^6.26.0", | ||
| "babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
| "babel-preset-es2015": "^6.24.1", | ||
| "babel-preset-react": "^6.24.1", | ||
| "component-mock": "0.1.0", | ||
| "eslint-config-xo-react": "^0.13.0", | ||
| "eslint-plugin-react": "^7.3.0", | ||
| "xo": "*" | ||
| }, | ||
| "ava": { | ||
| "babel": "inherit", | ||
| "failWithoutAssertions": false, | ||
| "require": [ | ||
| "babel-register" | ||
| ] | ||
| }, | ||
| "babel": { | ||
| "plugins": [ | ||
| "transform-object-rest-spread" | ||
| ], | ||
| "presets": [ | ||
| "es2015", | ||
| "react" | ||
| ] | ||
| }, | ||
| "xo": { | ||
| "envs": [ | ||
| "browser", | ||
| "node" | ||
| ], | ||
| "extends": [ | ||
| "xo-react" | ||
| ], | ||
| "ignores": [ | ||
| "dist.js" | ||
| ], | ||
| "rules": { | ||
| "jsx-quotes": [ | ||
| 2, | ||
| "prefer-single" | ||
| ], | ||
| "react/no-array-index-key": 1, | ||
| "react/no-unknown-property": 0, | ||
| "react/prop-types": 0, | ||
| "quote-props": 0 | ||
| } | ||
| } | ||
| } |
+11
-11
@@ -9,3 +9,3 @@ # deku-button [](https://travis-ci.org/kevva/deku-button) | ||
| ``` | ||
| $ npm install --save deku-button | ||
| $ npm install deku-button | ||
| ``` | ||
@@ -19,14 +19,14 @@ | ||
| function handle(e) { | ||
| const handleClick = e => { | ||
| console.log(e.target.className); | ||
| //=> 'Button' | ||
| } | ||
| }; | ||
| export function render() { | ||
| return ( | ||
| <Button onClick={handle}> | ||
| Click me! | ||
| </Button> | ||
| ); | ||
| } | ||
| const render = () => ( | ||
| <Button onClick={handleClick}> | ||
| Click me! | ||
| </Button> | ||
| ); | ||
| export default {render}; | ||
| ``` | ||
@@ -37,2 +37,2 @@ | ||
| MIT © [Kevin Mårtensson](http://github.com/kevva) | ||
| MIT © [Kevin Mårtensson](https://github.com/kevva) |
Sorry, the diff of this file is not supported yet
4203
10.69%16
-60%Updated