@academysports/fusion-components - npm Package Compare versions

Comparing version 1.1.21 to 1.1.22

dist/EmailField.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("react-emotion")):"function"==typeof define&&define.amd?define(["react","prop-types","react-emotion"],t):"object"==typeof exports?exports.EmailField=t(require("react"),require("prop-types"),require("react-emotion")):(e.academyatoms=e.academyatoms||{},e.academyatoms.EmailField=t(e.React,e.PropTypes,e[void 0]))}(this,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=42)}({0:function(t,n){t.exports=e},1:function(e,n){e.exports=t},2:function(e,t){e.exports=n},42:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(0),o=l(a),u=l(n(1)),s=n(2);function l(e){return e&&e.__esModule?e:{default:e}}var d=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={value:e.initialValue?e.initialValue:"",suggestedEmail:""},n.onChangeInput=n.onChangeInput.bind(n),n.UseSuggestionKeyHandler=n.UseSuggestionKeyHandler.bind(n),n.onBlurHandler=n.onBlurHandler.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,a.Component),i(t,[{key:"onBlurHandler",value:function(){var e=this;this.setState({value:this.state.suggestedEmail},function(){return e.props.onChange(e.state.value)})}},{key:"onChangeInput",value:function(e,t){var n=this,r=e.target.value;this.setState({value:r});var i=void 0,a=void 0;if(-1!==r.indexOf("@")&&""!==(i=r.split("@"))[1]){var o=this.findMatchingEmailDomain(i[1]);a=""!==o?""+r+o:""}this.setState({suggestedEmail:a},function(){return t(n.state.value)})}},{key:"UseSuggestionKeyHandler",value:function(e,t){var n=this;9!==e.keyCode&&13!==e.keyCode&&39!==e.keyCode||!this.state.suggestedEmail||this.state.suggestedEmail===this.state.value||(this.setState({value:this.state.suggestedEmail},function(){return t(n.state.value)}),e.preventDefault())}},{key:"findMatchingEmailDomain",value:function(e){var t=this.props.domainsList.find(function(t){return 0===t.indexOf(e)}),n=e.length;return t?t.substr(n):""}},{key:"render",value:function(){var e,t=this,n=this.props,i=(n.classname,n.name),a=n.id,u=n.disabled,l=n.placeholder,d=n.onChange,f=(n.value,n.auid),c=(n.initialValue,function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(n,["classname","name","id","disabled","placeholder","onChange","value","auid","initialValue"]));return o.default.createElement("div",{className:""+(e=this.props,(0,s.css)("position:relative;input{padding:",e.padding,";width:",e.width,";height:",e.height,";border-radius:",e.borderradius,";border:solid ",e.borderwidth," ",e.bordercolor,";line-height:1.25;font-size:",e.fontSize,";font-weight:",e.fontWeight,";opacity:",e.disabled?"0.5":"1","\n    &:focus{border:solid ",e.activeborderwidth," ",e.activebordercolor,";}position:relative;background:transparent;z-index:1;word-break:break-word;",e.classname,";}.suggestion{position:absolute;top:-3px;left:1px;z-index:0;color:#757575;height:",e.height,";line-height:",e.height,";padding:",e.padding,";font-size:",e.fontSize,";font-weight:",e.fontWeight,";}")),onBlur:this.onBlurHandler},o.default.createElement("input",r({"data-auid":f,disabled:u,name:i,id:a,type:"email",placeholder:l,value:this.state.value,onChange:function(e){return t.onChangeInput(e,d)},onKeyDown:function(e){return t.UseSuggestionKeyHandler(e,d)},"data-suggested":this.state.suggestedEmail},c)),o.default.createElement("div",{"data-auid":(f||"email")+"_suggestion",className:"suggestion"},this.state.suggestedEmail))}}]),t}();t.default=d,d.defaultProps={disabled:!1,placeholder:"",width:"40rem",height:"2.5rem",borderradius:"4px",borderwidth:"1px",bordercolor:"rgba(0, 0, 0, 0.2)",fontSize:"1rem",fontWeight:"300",activeborderwidth:"1px",activebordercolor:"#585858",padding:"0.2rem 0.5rem",onChange:function(){},initialValue:""},d.propTypes={domainsList:u.default.array.isRequired,classname:u.default.oneOfType([u.default.string,u.default.object]),disabled:u.default.bool,placeholder:u.default.string,value:u.default.string,width:u.default.string,height:u.default.string,fontSize:u.default.string,bordercolor:u.default.string,borderwidth:u.default.string,borderradius:u.default.string,activebordercolor:u.default.string,activeborderwidth:u.default.string,fontWeight:u.default.string,padding:u.default.string,name:u.default.string.isRequired,id:u.default.string.isRequired,onChange:u.default.func,initialValue:u.default.string,auid:u.default.string}}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("react-emotion")):"function"==typeof define&&define.amd?define(["react","prop-types","react-emotion"],t):"object"==typeof exports?exports.EmailField=t(require("react"),require("prop-types"),require("react-emotion")):(e.academyatoms=e.academyatoms||{},e.academyatoms.EmailField=t(e.React,e.PropTypes,e[void 0]))}(this,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=42)}({0:function(t,n){t.exports=e},1:function(e,n){e.exports=t},2:function(e,t){e.exports=n},42:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(0),o=d(a),u=d(n(1)),s=n(2);function d(e){return e&&e.__esModule?e:{default:e}}var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={value:e.initialValue?e.initialValue:"",suggestedEmail:""},n.onChangeInput=n.onChangeInput.bind(n),n.UseSuggestionKeyHandler=n.UseSuggestionKeyHandler.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,a.Component),i(t,[{key:"onChangeInput",value:function(e,t){var n=this,r=e.target.value;this.setState({value:r});var i=void 0,a=void 0;if(-1!==r.indexOf("@")&&""!==(i=r.split("@"))[1]){var o=this.findMatchingEmailDomain(i[1]);a=""!==o?""+r+o:""}this.setState({suggestedEmail:a},function(){return t(n.state.value)})}},{key:"UseSuggestionKeyHandler",value:function(e,t){var n=this;(9===e.keyCode||13===e.keyCode||39===e.keyCode||e.type&&"blur"===e.type)&&this.state.suggestedEmail&&this.state.suggestedEmail!==this.state.value&&(this.setState({value:this.state.suggestedEmail},function(){return t(n.state.value)}),e.preventDefault())}},{key:"findMatchingEmailDomain",value:function(e){var t=this.props.domainsList.find(function(t){return 0===t.indexOf(e)}),n=e.length;return t?t.substr(n):""}},{key:"render",value:function(){var e,t=this,n=this.props,i=(n.classname,n.name),a=n.id,u=n.disabled,d=n.placeholder,l=n.onChange,f=(n.value,n.auid),c=(n.initialValue,function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(n,["classname","name","id","disabled","placeholder","onChange","value","auid","initialValue"]));return o.default.createElement("div",{className:""+(e=this.props,(0,s.css)("position:relative;input{padding:",e.padding,";width:",e.width,";height:",e.height,";border-radius:",e.borderradius,";border:solid ",e.borderwidth," ",e.bordercolor,";line-height:1.25;font-size:",e.fontSize,";font-weight:",e.fontWeight,";opacity:",e.disabled?"0.5":"1","\n    &:focus{border:solid ",e.activeborderwidth," ",e.activebordercolor,";}position:relative;background:transparent;z-index:1;word-break:break-word;",e.classname,";}.suggestion{position:absolute;top:-3px;left:1px;z-index:0;color:#757575;height:",e.height,";line-height:",e.height,";padding:",e.padding,";font-size:",e.fontSize,";font-weight:",e.fontWeight,";}"))},o.default.createElement("input",r({"data-auid":f,disabled:u,name:i,id:a,type:"email",placeholder:d,value:this.state.value,onChange:function(e){return t.onChangeInput(e,l)},onBlur:function(e){return t.UseSuggestionKeyHandler(e,l)},onKeyDown:function(e){return t.UseSuggestionKeyHandler(e,l)}},c)),o.default.createElement("div",{"data-auid":f+"_suggestion",className:"suggestion"},this.state.suggestedEmail))}}]),t}();t.default=l,l.defaultProps={disabled:!1,placeholder:"",width:"40rem",height:"2.5rem",borderradius:"4px",borderwidth:"1px",bordercolor:"rgba(0, 0, 0, 0.2)",fontSize:"1rem",fontWeight:"300",activeborderwidth:"1px",activebordercolor:"#585858",padding:"0.2rem 0.5rem",onChange:function(){},initialValue:""},l.propTypes={domainsList:u.default.array.isRequired,classname:u.default.oneOfType([u.default.string,u.default.object]),disabled:u.default.bool,placeholder:u.default.string,value:u.default.string,width:u.default.string,height:u.default.string,fontSize:u.default.string,bordercolor:u.default.string,borderwidth:u.default.string,borderradius:u.default.string,activebordercolor:u.default.string,activeborderwidth:u.default.string,fontWeight:u.default.string,padding:u.default.string,name:u.default.string.isRequired,id:u.default.string.isRequired,onChange:u.default.func,initialValue:u.default.string,auid:u.default.string}}})});

package.json

 {
   "name": "@academysports/fusion-components",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "A repository of the common atomic components used across the academy sites",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Worsened metrics

Total package byte prevSize

254407

decreased by-0.07%

No dependency changes