tix-react-ssr/dist/Input/index.js

Tiket.com React Project Scripts

'use strict';Object.defineProperty(exports,"__esModule",{value:true});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;};var _jsx=function(){var REACT_ELEMENT_TYPE=typeof Symbol==="function"&&Symbol.for&&Symbol.for("react.element")||0xeac7;return function createRawReactElement(type,props,key,children){var defaultProps=type&&type.defaultProps;var childrenLength=arguments.length-3;if(!props&&childrenLength!==0){props={};}if(props&&defaultProps){for(var propName in defaultProps){if(props[propName]===void 0){props[propName]=defaultProps[propName];}}}else if(!props){props=defaultProps||{};}if(childrenLength===1){props.children=children;}else if(childrenLength>1){var childArray=Array(childrenLength);for(var i=0;i<childrenLength;i++){childArray[i]=arguments[i+3];}props.children=childArray;}return{$$typeof:REACT_ELEMENT_TYPE,type:type,key:key===undefined?null:''+key,ref:null,props:props,_owner:null};};}();var _typeof=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(obj){return typeof obj;}:function(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};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 _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _reactInputMask=require('react-input-mask');var _reactInputMask2=_interopRequireDefault(_reactInputMask);var _OverlayTrigger=require('../OverlayTrigger');var _OverlayTrigger2=_interopRequireDefault(_OverlayTrigger);var _Tooltip=require('../Tooltip');var _Tooltip2=_interopRequireDefault(_Tooltip);require('./styles.css');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}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;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var Input=function(_PureComponent){_inherits(Input,_PureComponent);function Input(){var _ref;var _temp,_this,_ret;_classCallCheck(this,Input);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=Input.__proto__||Object.getPrototypeOf(Input)).call.apply(_ref,[this].concat(args))),_this),_this.state={focused:_this.props.value&&typeof _this.props.value!=='undefined'&&_this.props.value!==''||_this.props.defaultValue&&_typeof(_this.props.defaultVal)/ue!=='undefined'&&_this.props.defaultValue!==''},_this.handleRef=function(ref){return _this.input=ref;},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(Input,[{key:'handleFocus',value:function handleFocus(onFocus,e){this.setState({focused:true});if(typeof onFocus==='function'){onFocus(e);}}},{key:'handleBlur',value:function handleBlur(onBlur,e){this.setState({focused:false});if(typeof onBlur==='function'){onBlur(e);}}},{key:'render',value:function render(){var _props=this.props,id=_props.id,label=_props.label,inline=_props.inline,type=_props.type,mask=_props.mask,disabled=_props.disabled,helpText=_props.helpText,infoText=_props.infoText,infoTextIcon=_props.infoTextIcon,onFocus=_props.onFocus,onBlur=_props.onBlur,_props$maskChar=_props.maskChar,maskChar=_props$maskChar===undefined?null:_props$maskChar,rest=_objectWithoutProperties(_props,['id','label','inline','type','mask','disabled','helpText','infoText','infoTextIcon','onFocus','onBlur','maskChar']);var inputClass='input '+(inline?'inline':'');var finalType=type||'text';var focused=this.state.focused;var finalFocused=focused||this.input&&this.input.value!=='';var tooltip=_jsx(_Tooltip2.default,{id:'cvv-tooltip'},void 0,infoText);if(type==='checkbox'){finalFocused=false;}return _jsx('div',{className:inputClass},void 0,mask?_react2.default.createElement(_reactInputMask2.default,_extends({},rest,{mask:mask,maskChar:maskChar,disabled:!!disabled,inputRef:this.handleRef.bind(this),type:finalType,onFocus:this.handleFocus.bind(this,onFocus),onBlur:this.handleBlur.bind(this,onBlur)})):_react2.default.createElement('input',_extends({},rest,{ref:this.handleRef.bind(this),disabled:!!disabled,type:finalType,onFocus:this.handleFocus.bind(this,onFocus),onBlur:this.handleBlur.bind(this,onBlur)})),label&&_jsx('label',{htmlFor:id,className:finalFocused?'active':'',dangerouslySetInnerHTML:{__html:label||''}}),helpText&&_jsx('a',{href:'#!',className:'help-block'},void 0,helpText),infoText&&_jsx(_OverlayTrigger2.default,{placement:'bottom',overlay:tooltip},void 0,_jsx('span',{className:'info-block'},void 0,infoTextIcon||'?')));}}]);return Input;}(_react.PureComponent);exports.default=Input;