@rakuten-rex/form-input-label - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

FormInputLabel/FormInputLabel.development.js

 /*!
  * 
- * @license @rakuten-rex/form-input-label v1.0.1 2019-12-23
+ * @license @rakuten-rex/form-input-label v1.0.2 2020-01-16
  * FormInputLabel/FormInputLabel.development.js
@@ -205,7 +205,25 @@ *
       disabled = _ref.disabled,
-      props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, ["htmlFor", "label", "className", "disabled"]);
+      state = _ref.state,
+      props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, ["htmlFor", "label", "className", "disabled", "state"]);
 
+  var stateClass = function () {
+    switch (state) {
+      case 'error':
+        return 'rex-form-input-label-error';
+
+      case 'valid':
+        return 'rex-form-input-label-valid';
+
+      case 'active':
+        return 'rex-form-input-label-active';
+
+      default:
+        return null;
+    }
+  }();
+
+  var classNames = ['rex-form-input-label', stateClass].join(' ').trim();
   return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_rakuten_rex_core_label__WEBPACK_IMPORTED_MODULE_4___default.a, _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
     htmlFor: htmlFor,
-    className: className,
+    className: classNames,
     disabled: disabled
@@ -218,4 +236,5 @@ }, props), label);
   label: '',
-  className: 'rex-form-input-label',
-  disabled: false
+  className: '',
+  disabled: false,
+  state: ''
 };
@@ -222,0 +241,0 @@

FormInputLabel/FormInputLabel.production.min.js

 /*
- @license @rakuten-rex/form-input-label v1.0.1 2019-12-23
+ @license @rakuten-rex/form-input-label v1.0.2 2020-01-16
  FormInputLabel/FormInputLabel.production.min.js
@@ -12,9 +12,10 @@
 function(a){return c[a]}.bind(null,b));return e};g.n=function(c){var a=c&&c.__esModule?function(){return c["default"]}:function(){return c};g.d(a,"a",a);return a};g.o=function(c,a){return Object.prototype.hasOwnProperty.call(c,a)};g.p="/";return g(g.s=4)}([function(f,g){f.exports=l},function(f,g){function d(){f.exports=d=Object.assign||function(c){for(var a=1;a<arguments.length;a++){var e=arguments[a],b;for(b in e)Object.prototype.hasOwnProperty.call(e,b)&&(c[b]=e[b])}return c};return d.apply(this,
-arguments)}f.exports=d},function(f,g,d){var c=d(5);f.exports=function(a,e){if(null==a)return{};var b=c(a,e),h;if(Object.getOwnPropertySymbols){var k=Object.getOwnPropertySymbols(a);for(h=0;h<k.length;h++){var d=k[h];0<=e.indexOf(d)||Object.prototype.propertyIsEnumerable.call(a,d)&&(b[d]=a[d])}}return b}},function(f,g,d){d(7);f.exports=d(8)},function(f,g,d){function c(k){var c=k.htmlFor,d=k.label,f=k.className,g=k.disabled;k=e()(k,["htmlFor","label","className","disabled"]);return b.a.createElement(h.a,
-a()({htmlFor:c,className:f,disabled:g},k),d)}d.r(g);d.d(g,"default",function(){return c});f=d(1);var a=d.n(f);f=d(2);var e=d.n(f);f=d(0);var b=d.n(f);f=d(6);d.n(f);f=d(3);var h=d.n(f);c.displayName="FormInputLabel";c.defaultProps={htmlFor:"",label:"",className:"rex-form-input-label",disabled:!1}},function(f,g){f.exports=function(d,c){if(null==d)return{};var a={},e=Object.keys(d),b;for(b=0;b<e.length;b++){var h=e[b];0<=c.indexOf(h)||(a[h]=d[h])}return a}},function(f,g,d){},function(f,g,d){},function(f,
-g,d){(function(c,a){f.exports=a(d(0))})(window,function(c){return function(a){function e(h){if(b[h])return b[h].exports;var k=b[h]={i:h,l:!1,exports:{}};a[h].call(k.exports,k,k.exports,e);k.l=!0;return k.exports}var b={};e.m=a;e.c=b;e.d=function(a,b,c){e.o(a,b)||Object.defineProperty(a,b,{enumerable:!0,get:c})};e.r=function(a){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});Object.defineProperty(a,"__esModule",{value:!0})};e.t=function(a,
-b){b&1&&(a=e(a));if(b&8||b&4&&"object"===typeof a&&a&&a.__esModule)return a;var c=Object.create(null);e.r(c);Object.defineProperty(c,"default",{enumerable:!0,value:a});if(b&2&&"string"!=typeof a)for(var d in a)e.d(c,d,function(b){return a[b]}.bind(null,d));return c};e.n=function(a){var b=a&&a.__esModule?function(){return a["default"]}:function(){return a};e.d(b,"a",b);return b};e.o=function(a,b){return Object.prototype.hasOwnProperty.call(a,b)};e.p="/";return e(e.s=29)}({0:function(a,c,b){a.exports=
-b(5)()},1:function(a,c){function b(){a.exports=b=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b],e;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(a[e]=c[e])}return a};return b.apply(this,arguments)}a.exports=b},2:function(a,c,b){var e=b(4);a.exports=function(a,b){if(null==a)return{};var c=e(a,b),d;if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++){var g=f[d];0<=b.indexOf(g)||Object.prototype.propertyIsEnumerable.call(a,
-g)&&(c[g]=a[g])}}return c}},29:function(a,c,b){function d(a){var b=a.className,c=a.children;a=f()(a,["className","children"]);b=["rex-core-label",b].join(" ").trim();return g.a.createElement("label",e()({className:b},a),c)}b.r(c);b.d(c,"default",function(){return d});a=b(1);var e=b.n(a);a=b(2);var f=b.n(a);a=b(3);var g=b.n(a);a=b(0);b.n(a);c=b(65);b.n(c);d.defaultProps={children:null,className:""};d.propTypes={children:Object(a.oneOfType)([Object(a.arrayOf)(a.node),a.node]),className:a.string}},3:function(a,
-d){a.exports=c},4:function(a,c){a.exports=function(a,c){if(null==a)return{};var b={},d=Object.keys(a),e;for(e=0;e<d.length;e++){var f=d[e];0<=c.indexOf(f)||(b[f]=a[f])}return b}},5:function(a,c,b){function d(){}function e(){}var f=b(6);e.resetWarningCache=d;a.exports=function(){function a(a,b,c,d,e,g){if(g!==f)throw a=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"),
-a.name="Invariant Violation",a;}function b(){return a}a.isRequired=a;var c={array:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:b,element:a,elementType:a,instanceOf:b,node:a,objectOf:b,oneOf:b,oneOfType:b,shape:b,exact:b,checkPropTypes:e,resetWarningCache:d};return c.PropTypes=c}},6:function(a,c,b){a.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},65:function(a,c,b){}})})}])});
+arguments)}f.exports=d},function(f,g,d){var c=d(5);f.exports=function(a,e){if(null==a)return{};var b=c(a,e),h;if(Object.getOwnPropertySymbols){var k=Object.getOwnPropertySymbols(a);for(h=0;h<k.length;h++){var d=k[h];0<=e.indexOf(d)||Object.prototype.propertyIsEnumerable.call(a,d)&&(b[d]=a[d])}}return b}},function(f,g,d){d(7);f.exports=d(8)},function(f,g,d){function c(k){var c=k.htmlFor,d=k.label,f=k.disabled,g=k.state;k=e()(k,["htmlFor","label","className","disabled","state"]);var m=["rex-form-input-label",
+function(){switch(g){case "error":return"rex-form-input-label-error";case "valid":return"rex-form-input-label-valid";case "active":return"rex-form-input-label-active";default:return null}}()].join(" ").trim();return b.a.createElement(h.a,a()({htmlFor:c,className:m,disabled:f},k),d)}d.r(g);d.d(g,"default",function(){return c});f=d(1);var a=d.n(f);f=d(2);var e=d.n(f);f=d(0);var b=d.n(f);f=d(6);d.n(f);f=d(3);var h=d.n(f);c.displayName="FormInputLabel";c.defaultProps={htmlFor:"",label:"",className:"",
+disabled:!1,state:""}},function(f,g){f.exports=function(d,c){if(null==d)return{};var a={},e=Object.keys(d),b;for(b=0;b<e.length;b++){var h=e[b];0<=c.indexOf(h)||(a[h]=d[h])}return a}},function(f,g,d){},function(f,g,d){},function(f,g,d){(function(c,a){f.exports=a(d(0))})(window,function(c){return function(a){function e(h){if(b[h])return b[h].exports;var k=b[h]={i:h,l:!1,exports:{}};a[h].call(k.exports,k,k.exports,e);k.l=!0;return k.exports}var b={};e.m=a;e.c=b;e.d=function(a,b,c){e.o(a,b)||Object.defineProperty(a,
+b,{enumerable:!0,get:c})};e.r=function(a){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});Object.defineProperty(a,"__esModule",{value:!0})};e.t=function(a,b){b&1&&(a=e(a));if(b&8||b&4&&"object"===typeof a&&a&&a.__esModule)return a;var c=Object.create(null);e.r(c);Object.defineProperty(c,"default",{enumerable:!0,value:a});if(b&2&&"string"!=typeof a)for(var d in a)e.d(c,d,function(b){return a[b]}.bind(null,d));return c};e.n=function(a){var b=
+a&&a.__esModule?function(){return a["default"]}:function(){return a};e.d(b,"a",b);return b};e.o=function(a,b){return Object.prototype.hasOwnProperty.call(a,b)};e.p="/";return e(e.s=29)}({0:function(a,c,b){a.exports=b(5)()},1:function(a,c){function b(){a.exports=b=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b],e;for(e in c)Object.prototype.hasOwnProperty.call(c,e)&&(a[e]=c[e])}return a};return b.apply(this,arguments)}a.exports=b},2:function(a,c,b){var e=b(4);a.exports=
+function(a,b){if(null==a)return{};var c=e(a,b),d;if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++){var g=f[d];0<=b.indexOf(g)||Object.prototype.propertyIsEnumerable.call(a,g)&&(c[g]=a[g])}}return c}},29:function(a,c,b){function d(a){var b=a.className,c=a.children;a=f()(a,["className","children"]);b=["rex-core-label",b].join(" ").trim();return g.a.createElement("label",e()({className:b},a),c)}b.r(c);b.d(c,"default",function(){return d});a=b(1);var e=b.n(a);
+a=b(2);var f=b.n(a);a=b(3);var g=b.n(a);a=b(0);b.n(a);c=b(65);b.n(c);d.defaultProps={children:null,className:""};d.propTypes={children:Object(a.oneOfType)([Object(a.arrayOf)(a.node),a.node]),className:a.string}},3:function(a,d){a.exports=c},4:function(a,c){a.exports=function(a,c){if(null==a)return{};var b={},d=Object.keys(a),e;for(e=0;e<d.length;e++){var f=d[e];0<=c.indexOf(f)||(b[f]=a[f])}return b}},5:function(a,c,b){function d(){}function e(){}var f=b(6);e.resetWarningCache=d;a.exports=function(){function a(a,
+b,c,d,e,g){if(g!==f)throw a=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"),a.name="Invariant Violation",a;}function b(){return a}a.isRequired=a;var c={array:a,bool:a,func:a,number:a,object:a,string:a,symbol:a,any:a,arrayOf:b,element:a,elementType:a,instanceOf:b,node:a,objectOf:b,oneOf:b,oneOfType:b,shape:b,exact:b,checkPropTypes:e,resetWarningCache:d};return c.PropTypes=
+c}},6:function(a,c,b){a.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},65:function(a,c,b){}})})}])});

package.json

 {
   "name": "@rakuten-rex/form-input-label",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "FormInputLabel component",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -12,3 +12,3 @@ # ReX React UI Component: form-input-label
 ```
-npm install @rakuten-rex/form-input-label@1.0.1 --save
+npm install @rakuten-rex/form-input-label@1.0.2 --save
 ```
@@ -19,3 +19,3 @@
 ```
-yarn add @rakuten-rex/form-input-label@1.0.1
+yarn add @rakuten-rex/form-input-label@1.0.2
 ```
@@ -158,3 +158,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.production.min.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.2/FormInputLabel/FormInputLabel.production.min.css
 ```
@@ -166,3 +166,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.development.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.2/FormInputLabel/FormInputLabel.development.css
 ```
@@ -174,3 +174,3 @@
 ```
-https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.static.css
+https://unpkg.com/@rakuten-rex/form-input-label@1.0.2/FormInputLabel/FormInputLabel.static.css
 ```
@@ -192,3 +192,3 @@
     <!-- ReX form-input-label -->
-    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.1/FormInputLabel/FormInputLabel.production.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/@rakuten-rex/form-input-label@1.0.2/FormInputLabel/FormInputLabel.production.min.css" rel="stylesheet">
   </head>
@@ -195,0 +195,0 @@ <body>

No alert changes

Improved metrics

Total package byte prevSize

37362

2.46%

Lines of code

374

5.35%

No dependency changes