cf-component-checkbox - npm Package Compare versions

Comparing version 4.0.9 to 4.1.0

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log
 
+<a name="4.1.0"></a>
+# [4.1.0](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-checkbox@4.0.9...cf-component-checkbox@4.1.0) (2017-10-23)
+
+
+### Bug Fixes
+
+* **cf-component-checkbox:** UI-153 Linting ([0ee8392](http://stash.cfops.it:7999/www/cf-ux/commits/0ee8392))
+* **cf-component-checkbox:** UI-153 Remove unused parameter ([995f612](http://stash.cfops.it:7999/www/cf-ux/commits/995f612))
+
+
+### Features
+
+* **cf-component-checkbox:** UI-153 Add disable option to checkbox ([348dc92](http://stash.cfops.it:7999/www/cf-ux/commits/348dc92))
+
+
+
+
 <a name="4.0.9"></a>
@@ -8,0 +25,0 @@ ## [4.0.9](http://stash.cfops.it:7999/www/cf-ux/compare/cf-component-checkbox@4.0.8...cf-component-checkbox@4.0.9) (2017-10-23)

es/Checkbox.js

@@ -17,8 +17,8 @@ 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 styles = function styles(_ref) {
-  _objectDestructuringEmpty(_ref);
-
+  var disabled = _ref.disabled;
   return {
-    cursor: 'pointer',
+    cursor: disabled ? 'not-allowed' : 'pointer',
     display: 'block',
-    minHeight: '1em'
+    minHeight: '1em',
+    opacity: disabled ? 0.5 : 1
   };
@@ -63,3 +63,3 @@ };
   };
-}, 'input', ['type', 'id', 'name', 'value', 'checked', 'onChange']);
+}, 'input', ['type', 'id', 'name', 'value', 'checked', 'onChange', 'disabled']);
 
@@ -124,3 +124,4 @@ var Label = createComponent(function () {
             checked: this.props.checked,
-            onChange: this.props.onChange
+            onChange: this.props.onChange,
+            disabled: this.props.disabled
           }),
@@ -140,2 +141,6 @@ this.props.label && React.createElement(
 
+Checkbox.defaultProps = {
+  disabled: false
+};
+
 Checkbox.propTypes = {
@@ -147,3 +152,4 @@ label: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf([false])]).isRequired,
   onChange: PropTypes.func.isRequired,
-  className: PropTypes.string
+  className: PropTypes.string,
+  disabled: PropTypes.bool
 };
@@ -150,0 +156,0 @@

lib/Checkbox.js

@@ -15,12 +15,13 @@ 'use strict';
 
-var _cfStyleContainer = require('../../cf-style-container/src/index.js');
+var _cfStyleContainer = require('cf-style-container');
 
-var _cfComponentIcon = require('../../cf-component-icon/src/index.js');
+var _cfComponentIcon = require('cf-component-icon');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const styles = ({}) => ({
-  cursor: 'pointer',
+const styles = ({ disabled }) => ({
+  cursor: disabled ? 'not-allowed' : 'pointer',
   display: 'block',
-  minHeight: '1em'
+  minHeight: '1em',
+  opacity: disabled ? 0.5 : 1
 });
@@ -61,3 +62,3 @@
   }
-}), 'input', ['type', 'id', 'name', 'value', 'checked', 'onChange']);
+}), 'input', ['type', 'id', 'name', 'value', 'checked', 'onChange', 'disabled']);
 
@@ -102,3 +103,4 @@ const Label = (0, _cfStyleContainer.createComponent)(() => ({
           checked: this.props.checked,
-          onChange: this.props.onChange
+          onChange: this.props.onChange,
+          disabled: this.props.disabled
         }),
@@ -115,2 +117,6 @@ this.props.label && _react2.default.createElement(
 
+Checkbox.defaultProps = {
+  disabled: false
+};
+
 Checkbox.propTypes = {
@@ -122,3 +128,4 @@ label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.oneOf([false])]).isRequired,
   onChange: _propTypes2.default.func.isRequired,
-  className: _propTypes2.default.string
+  className: _propTypes2.default.string,
+  disabled: _propTypes2.default.bool
 };
@@ -125,0 +132,0 @@

lib/index.js

@@ -8,3 +8,3 @@ 'use strict';
 
-var _cfStyleContainer = require('../../cf-style-container/src/index.js');
+var _cfStyleContainer = require('cf-style-container');
 
@@ -11,0 +11,0 @@ var _Checkbox = require('./Checkbox');

package.json

 {
   "name": "cf-component-checkbox",
   "description": "Cloudflare Checkbox Component",
-  "version": "4.0.9",
+  "version": "4.1.0",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "es/index.js",

No alert changes

Improved metrics

Total package byte prevSize

21536

increased by4.61%

Number of package files

12

increased by9.09%

Lines of code

368

increased by3.37%

No dependency changes