Initializing git repository

Author: raulrene

.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    "es2015",
+    "es2017",
+    "react",
+    "stage-2"
+  ]
+}

.gitignore

@@ -0,0 +1 @@
+node_modules

LICENCE.md

@@ -0,0 +1,19 @@
+Copyright (c) 2017 Raul Rene Lepșa (raul.lepsa@gmail.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1,34 @@
+# React Utils Button
+Lightweight React Button component, serving as an utility wrapper over the HTML button element.
+
+##Installation
+```sh
+npm install react-slider
+```
+
+##Usage
+```javascript
+import Button from 'react-utils-button';
+
+<Button value='Click me'
+		className="my-extra-class"
+		onClick={() => { console.log('clicked'); }}
+		active={false}
+		disabled={false}/>
+```
+
+The library can also be loaded via require: 
+
+```javascript
+const Button = require('react-utils-button')
+```
+
+##Options
+- **value** (string, required) - value to be displayed inside the button
+- **className** (string) - extra classes
+- **onClick** (function) - callback function
+- **active** (boolean, default: false) - force active state; adds a **utils-button--active** class
+- **disabled** (boolean, default: false) - disabled state for the button; once disabled the onClick callback does not fire anymore
+
+### Licence
+The code is open-source and available under the MIT Licence. More details in the LICENCE.md file.

dist/index.js

@@ -16,6 +16,10 @@
     "react-utils-bundle",
     "react-component"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/raulrene/react-utils-button"
+  },
   "dependencies": {
     "prop-types": "^15.5.7"
   },

package.json

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class ReactUtilsButton extends React.Component {
+    render() {
+        const { value, onClick, disabled, className, active } = this.props;
+
+        return (
+            <button type="button"
+                    className={`utils-button${className ? ` ${className}` : ''}${active ? ' utils-button--active' : ''}`}
+                    onClick={!disabled ? onClick : () => {}}    // Only trigger onClick if component is not disabled
+                    disabled={disabled ? 'disabled' : undefined}>
+
+                <span className='input-button-value'>{value}</span>
+            </button>
+        );
+    }
+}
+
+ReactUtilsButton.propTypes = {
+    value: PropTypes.string.isRequired,
+    className: PropTypes.string,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    active: PropTypes.bool
+};
+
+export default ReactUtilsButton;

src/index.js

@@ -0,0 +1,35 @@
+const path = require('path');
+const webpack = require('webpack');
+const CleanPlugin = require('clean-webpack-plugin');
+
+module.exports = {
+    entry: {
+        app: path.join(__dirname, 'src', 'index')
+    },
+
+    output: {
+        library: 'ReactUtilsButton',
+        libraryTarget: 'umd',
+        path: path.join(__dirname, 'dist'),
+        filename: 'index.js'
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.jsx?$/,
+                loaders: ['babel-loader'],
+                exclude: /node_modules/,
+                include: path.join(__dirname, 'src')
+            }
+        ]
+    },
+
+    resolve: {
+        modules: ['node_modules']
+    },
+
+    plugins: [
+        new CleanPlugin('./dist')
+    ]
+};