react-input-field
Version:
React Input Field
1 lines • 10.1 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React")):"function"==typeof define&&define.amd?define(["React"],t):"object"==typeof exports?exports.ReactInputField=t(require("React")):e.ReactInputField=t(e.React)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function r(){}function o(e){return!!e}Object.defineProperty(t,"__esModule",{value:!0});var i=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},a=n(14),l=n(11),u=n(5),s={"true":{display:"inline-block"},"false":{cursor:"text",color:"transparent"}},c="ReactInputField",p=a.PropTypes,f={displayName:c,propTypes:{validate:p.oneOfType([p.func,p.bool]),isEmpty:p.func,clearTool:p.node,value:p.string},getInitialState:function(){return{defaultValue:this.props.defaultValue}},getDefaultProps:function(){return{defaultClearToolStyle:{fontSize:20,paddingRight:5,paddingLeft:5,alignSelf:"center",cursor:"pointer",userSelect:"none",boxSizing:"border-box"},clearToolColor:"#a8a8a8",clearToolOverColor:"#7F7C7C",defaultStyle:{border:"1px solid #a8a8a8",overflow:"hidden",boxSizing:"border-box"},defaultFocusedStyle:{boxShadow:"0px 0px 2px 0px rgba(0, 0, 0, 0.45)"},defaultInnerStyle:{userSelect:"none",width:"100%",display:"inline-flex",flexFlow:"row",alignItems:"stretch"},defaultInvalidStyle:{border:"1px solid rgb(248, 144, 144)"},defaultInputStyle:{flex:1,border:0,height:"100%",padding:"6px 2px",outline:"none",boxSizing:"border-box"},defaultInputInvalidStyle:{},defaultClassName:"z-field",emptyClassName:"z-empty-value",invalidClassName:"z-invalid",inputClassName:"",focusOnClick:!0,stopChangePropagation:!0,stopSelectPropagation:!0,defaultValue:"",emptyValue:"",inputProps:null,clearTool:!0,toolsPosition:"right"}},render:function(){function e(){return t.onValidityChange(t.valid,t.value,t)}void 0===this.valid&&(this.valid=!0);var t=this.p=this.prepareProps(this.props,this.state);this.valid!==t.valid&&"function"==typeof t.onValidityChange&&setTimeout(e,0),this.valid=t.valid;var n=this.renderChildren(t,this.state),r=u({},t);return delete r.value,delete r.placeholder,a.createElement("div",i({},r,{"data-display-name":c}),a.createElement("div",{style:t.innerStyle},n))},renderChildren:function(e,t){var n=this.renderField(e,t),r=this.renderTools(e,t),o=[n,e.children];return"after"==e.toolsPosition||"right"==e.toolsPosition?o.push.apply(o,r):o=(r||[]).concat(n),"function"==typeof e.renderChildren&&(o=e.renderChildren(o)),o},renderField:function(e){var t=this.prepareInputProps(e);return t.ref="input",e.inputFactory?e.inputFactory(t,e):a.createElement("input",t)},renderTools:function(e,t){var n=this.renderClearTool(e,t),r=[n];return"function"==typeof e.tools&&(r=e.tools(e,n)),r},renderClearTool:function(e,t){var n;if((!e.forceClearTool||e.clearTool)&&(e.forceClearTool||e.clearTool&&!e.readOnly&&!e.disabled)){n=e.forceClearTool?!0:!e.empty;var r=s[n],o=u({},r,this.prepareClearToolStyle(e,t));n||u(o,r);var i=e.clearTool===!0?"✖":e.clearTool;return a.createElement("div",{key:"clearTool",className:"z-clear-tool",onClick:this.handleClearToolClick,onMouseDown:this.handleClearToolMouseDown,onMouseOver:this.handleClearToolOver,onMouseOut:this.handleClearToolOut,style:o},i)}},handleClearToolMouseDown:function(e){e.preventDefault()},handleClearToolOver:function(){this.setState({clearToolOver:!0})},handleClearToolOut:function(){this.setState({clearToolOver:!1})},isEmpty:function(e){var t=this.getEmptyValue(e);if("function"==typeof e.isEmpty)return e.isEmpty(e,t);var n=e.value;return null==n&&(n=""),n===t},getEmptyValue:function(e){var t=e.emptyValue;return"function"==typeof t&&(t=t(e)),t},isValid:function(e){var t=e.value,n=!0;return"function"==typeof e.validate&&(n=e.validate(t,e,this)!==!1),n},getInput:function(){return this.refs.input.getDOMNode()},focus:function(){var e=this.getInput();e&&"function"==typeof e.focus&&e.focus()},handleClick:function(e){this.props.focusOnClick&&!this.isFocused()&&this.focus(),(this.props.onClick||r)(e)},handleMouseDown:function(e){(this.props.onMouseDown||r)(e)},handleClearToolClick:function(e){var t=this.getEmptyValue(this.props);this.notify(t,e),(this.props.onClearToolClick||r)(t,e)},handleChange:function(e){this.props.stopChangePropagation&&e.stopPropagation(),this.notify(e.target.value,e)},handleSelect:function(e){this.props.stopSelectPropagation&&e.stopPropagation(),(this.props.onSelect||r)(e)},notify:function(e,t){void 0===this.props.value&&this.setState({defaultValue:e}),(this.props.onChange||r)(e,this.props,t)},prepareProps:function(e,t){var n={};return u(n,e),n.value=this.prepareValue(n,t),n.focused=this.isFocused(),n.valid=this.isValid(n),n.empty=this.isEmpty(n),n.onClick=this.handleClick,n.onMouseDown=this.handleMouseDown,n.className=this.prepareClassName(n),n.style=this.prepareStyle(n),n.innerStyle=this.prepareInnerStyle(n),n},getValue:function(){var e=void 0===this.props.value?this.state.defaultValue:this.props.value;return e},prepareValue:function(e,t){return this.getValue()},prepareClassName:function(e){var t=[e.className,e.defaultClassName];return e.empty&&t.push(e.emptyClassName),e.valid||t.push(e.invalidClassName),t.filter(o).join(" ")},prepareStyle:function(e){var t=u({},e.defaultStyle,e.style);return e.focused&&u(t,e.defaultFocusedStyle,e.focusedStyle),e.empty&&u(t,e.emptyStyle),e.valid||u(t,e.defaultInvalidStyle,e.invalidStyle),t},prepareInnerStyle:function(e){var t=u({},e.defaultInnerStyle,e.innerStyle);return l(t)},prepareInputProps:function(e){var t={className:e.inputClassName};return u(t,e.defaultInputProps,e.inputProps),t.key="field",t.value=e.value,t.placeholder=e.placeholder,t.onChange=this.handleChange,t.onSelect=this.handleSelect,t.style=this.prepareInputStyle(e),t.onFocus=this.handleFocus,t.onBlur=this.handleBlur,t.name=e.name,t.disabled=e.disabled,t.readOnly=e.readOnly,t.autoFocus=e.autoFocus,t},handleFocus:function(e){this._focused=!0,this.setState({})},handleBlur:function(){this._focused=!1,this.setState({})},isFocused:function(){return!!this._focused},prepareInputStyle:function(e){var t=e.inputProps?e.inputProps.style:null,n=u({},e.defaultInputStyle,e.inputStyle,t);return e.empty&&u(n,e.inputEmptyStyle),e.valid||u(n,e.defaultInputInvalidStyle,e.inputInvalidStyle),l(n)},prepareClearToolStyle:function(e,t){var n,r,o;t&&t.clearToolOver&&(n=e.defaultClearToolOverStyle,r=e.clearToolOverStyle),e.clearToolColor&&(o={color:e.clearToolColor},t&&t.clearToolOver&&e.clearToolOverColor&&(o={color:e.clearToolOverColor}));var i=u({},e.defaultClearToolStyle,n,o,e.clearToolStyle,r);return i}},d=a.createClass(f);d.descriptor=f,t["default"]=d,e.exports=t["default"]},function(e,t,n){(function(t){"use strict";var n;e.exports=function(){return!n&&t.document&&(n=t.document.createElement("div")),n||(n={style:{}}),n}}).call(t,function(){return this}())},function(e,t,n){"use strict";var r,o,i=n(3),a=["ms","Moz","Webkit","O"],l=n(1);e.exports=function(e){if(void 0!==o)return o;r=r||l();for(var t,n,u=0,s=a.length;s>u;u++)if(n=a[u],t=n+i(e),"undefined"!=typeof r.style[t])return o=n;return o}},function(e,t,n){"use strict";e.exports=function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}},function(e,t,n){"use strict";e.exports={alignItems:1,justifyContent:1,flex:1,flexFlow:1,flexGrow:1,flexShrink:1,flexBasis:1,flexDirection:1,flexWrap:1,alignContent:1,alignSelf:1,userSelect:1,transform:1,transition:1,transformOrigin:1,transformStyle:1,transitionProperty:1,transitionDuration:1,transitionTimingFunction:1,transitionDelay:1,borderImage:1,borderImageSlice:1,boxShadow:1,backgroundClip:1,backfaceVisibility:1,perspective:1,perspectiveOrigin:1,animation:1,animationDuration:1,animationName:1,animationDelay:1,animationDirection:1,animationIterationCount:1,animationTimingFunction:1,animationPlayState:1,animationFillMode:1,appearance:1}},function(e,t,n){"use strict";function r(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=Object.assign||function(e,t){for(var n,o,i=r(e),a=1;a<arguments.length;a++){n=arguments[a],o=Object.keys(Object(n));for(var l=0;l<o.length;l++)i[o[l]]=n[o[l]]}return i}},function(e,t,n){"use strict";var r=n(3),o=n(2),i=n(4);e.exports=function(e,t){if(!i[e])return e;var n=o(e);return n?n+r(e):e}},function(e,t,n){"use strict";var r,o,i=n(2),a=n(6),l=n(1),u={};e.exports=function(e,t,n){o=o||l(),r=r||o.style;var s=e+": "+t;if(u[s])return u[s];var c,p,f;return!n&&e in r||(c=i("appearance"),c&&(p=a(e,t),f="-"+c.toLowerCase()+"-"+t,p in r&&(o.style[p]="",o.style[p]=f,""!==o.style[p]&&(t=f)))),u[s]=t,t}},function(e,t,n){"use strict";var r=n(9),o=n(4);e.exports=function(e,t){return o[e]?r(e,t):e}},function(e,t,n){"use strict";var r,o,i=n(3),a=n(2),l=n(1),u={};e.exports=function(e,t){o=o||l(),r=r||o.style;var n=e;if(u[n])return u[n];var s,c;return e in r||(s=a("appearance"),s&&(c=s+i(e),c in r&&(e=c))),u[n]=e,e}},function(e,t,n){"use strict";e.exports=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},function(e,t,n){"use strict";function r(e,t){var n={key:e,value:t};return(s.plugins||[]).forEach(function(r){var o=l(function(n){return r(e,t,n)},n);o&&(n=o)}),n}function o(e,t){var n=r(e,t);return l(function(e){return{key:a(e.key,e.value),value:e.value}},n)}var i=n(10),a=n(8),l=n(12),u=n(13),s=function(e){var t,n,r={};for(t in e)if(i(e,t)){if(n=o(t,e[t]),!n)continue;l(function(e){r[e.key]=e.value},n)}return r};e.exports=u(s)},function(e,t,n){"use strict";e.exports=function(e,t){return t?Array.isArray(t)?t.map(e).filter(function(e){return!!e}):e(t):void 0}},function(e,t,n){"use strict";var r=n(7);e.exports=function(e){return e.plugins=e.plugins||[function(){var e={flex:1,"inline-flex":1};return function(t,n){return"display"===t&&n in e?{key:t,value:r(t,n,!0)}:void 0}}()],e.plugin=function(t){e.plugins=e.plugins||[],e.plugins.push(t)},e}},function(t,n,r){t.exports=e}])});