react-easy-edit/build/react-easy-edit.min.js

A react library for inline editing components

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","react","prop-types"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["react-easy-edit"]={},e.React,e.PropTypes)}(this,(function(e,t,a){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),l=n(a);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,E(n.key),n)}}function r(e,t,a){return t&&u(e.prototype,t),a&&u(e,a),Object.defineProperty(e,"prototype",{writable:!1}),e}function i(e,t,a){return(t=E(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}function d(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=f(e);if(t){var o=f(this).constructor;a=Reflect.construct(n,arguments,o)}else a=n.apply(this,arguments);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}(this,a)}}function E(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".easy-edit-button-wrapper{display:inline}.easy-edit-hover-on{cursor:pointer;font-style:italic}.easy-edit-radio-label{display:block}.easy-edit-not-allowed{cursor:not-allowed}.easy-edit-checkbox-label{display:block}.easy-edit-textarea{min-height:40px}.easy-edit-button{border:none;display:inline-block;margin:0 2px;padding:4px;text-align:center;text-decoration:none}.easy-edit-component-wrapper{display:inline-grid}.easy-edit-validation-error{color:red}.easy-edit-view-button-wrapper{display:inline;padding-left:4px}");var y=Object.freeze({DEFAULT_PLACEHOLDER:"Click to edit",DEFAULT_SELECT_PLACEHOLDER:"Select ...",DEFAULT_SAVE_BUTTON_LABEL:"Save",DEFAULT_CANCEL_BUTTON_LABEL:"Cancel",DEFAULT_DELETE_BUTTON_LABEL:"Delete",DEFAULT_EDIT_BUTTON_LABEL:"Edit",DEFAULT_BUTTON_CSS_CLASS:"easy-edit-button",DEFAULT_ON_HOVER_CSS_CLASS:"easy-edit-hover-on",ERROR_UNSUPPORTED_TYPE:"Unsupported component type, please review documentation for supported HTML component types",FAILED_VALIDATION_MESSAGE:"Please provide a valid value",POSITION_AFTER:"after",POSITION_BEFORE:"before"}),C=function(e){var t=e.options,a=e.value,n=e.onChange,l=e.placeholder,s=e.attributes,u=e.cssClassPrefix,r=e.onFocus,i=e.onBlur;return o.default.createElement("div",{className:u+"easy-edit-component-wrapper"},o.default.createElement("select",c({value:a||"",onChange:n,onFocus:r,onBlur:i},s),o.default.createElement("option",{key:"",value:"",disabled:"disabled"},l),t.map((function(e){return o.default.createElement("option",{value:e.value,key:e.value},e.label)}))))};C.propTypes={options:l.default.array.isRequired,onChange:l.default.func,value:l.default.oneOfType([l.default.string,l.default.number]),placeholder:l.default.oneOfType([l.default.string,l.default.element]),attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},C.defaultProps={attributes:{},placeholder:y.DEFAULT_SELECT_PLACEHOLDER};var m=function(e){var t=e.type,a=e.value,n=e.placeholder,l=e.onChange,s=e.attributes,u=e.cssClassPrefix,r=e.onFocus,i=e.onBlur;return o.default.createElement("div",{className:u+"easy-edit-component-wrapper"},o.default.createElement("input",c({autoFocus:s.autoFocus||!0,type:t,value:a||void 0,onChange:l,onFocus:r,onBlur:i,placeholder:s.placeholder||n,autoComplete:s.autoComplete||"off"},s)))};m.propTypes={type:l.default.string.isRequired,onChange:l.default.func,value:l.default.string,placeholder:l.default.oneOfType([l.default.string,l.default.element]),attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},m.defaultProps={attributes:{},placeholder:y.DEFAULT_PLACEHOLDER,onfocus:function(){}};var b=function(e){var t=e.value,a=e.placeholder,n=e.onChange,l=e.attributes,s=e.cssClassPrefix,u=e.onFocus,r=e.onBlur;return o.default.createElement("div",{className:s+"easy-edit-component-wrapper"},o.default.createElement("textarea",c({autoFocus:l.autoFocus||!0,value:t,onChange:n,onFocus:u,onBlur:r,placeholder:a},l,{className:void 0!==l.className?l.className+" easy-edit-textarea":"easy-edit-textarea"})))};b.propTypes={onChange:l.default.func,value:l.default.string,placeholder:l.default.oneOfType([l.default.string,l.default.element]),attributes:l.default.object,cssClassPrefix:l.default.string,onBlur:l.default.func,onFocus:l.default.func},b.defaultProps={attributes:{},placeholder:y.DEFAULT_PLACEHOLDER};var B=function(e){var t=e.options,a=e.value,n=e.onChange,l=e.attributes,s=e.cssClassPrefix,u=e.onFocus,r=e.onBlur,i=t.map((function(e){return o.default.createElement("label",{key:e.value,className:s+"easy-edit-radio-label"},o.default.createElement("input",c({type:"radio",value:e.value,onChange:n,onFocus:u,onBlur:r,checked:e.value===a},l)),e.label)}));return o.default.createElement("div",null,i)};B.propTypes={onChange:l.default.func,value:l.default.oneOfType([l.default.string,l.default.number]),attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},B.defaultProps={attributes:{}};var O=function(e){var t=e.options,a=e.value,n=e.onChange,l=e.attributes,s=e.cssClassPrefix,u=e.onFocus,r=e.onBlur;a=a||[];var i=t.map((function(e){return o.default.createElement("label",{key:e.value,className:s+"easy-edit-checkbox-label"},o.default.createElement("input",c({},l,{type:"checkbox",value:e.value,key:e.value,onChange:n,onFocus:u,onBlur:r,checked:a.includes(e.value)})),e.label)}));return o.default.createElement("div",null,i)};O.propTypes={onChange:l.default.func,options:l.default.array.isRequired,value:l.default.array,attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},O.defaultProps={attributes:{}};var T=function(e){var t=e.value,a=void 0===t?"":t,n=e.onChange,l=e.attributes,s=e.cssClassPrefix,u=e.onFocus,r=e.onBlur;return o.default.createElement("div",{className:s+"easy-edit-component-wrapper"},o.default.createElement("input",c({type:"color",defaultValue:a,onChange:n,onFocus:u,onBlur:r},l)))};T.propTypes={onChange:l.default.func,value:l.default.string,attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},T.defaultProps={attributes:{}};var g=function(e){var t=e.options,a=e.value,n=e.onChange,l=e.attributes,s=e.placeholder,u=e.cssClassPrefix,r=e.onFocus,i=e.onBlur,d=o.default.createRef(),f=t.map((function(e){return o.default.createElement("option",{key:e.value,value:e.label})}));return o.default.createElement("div",{className:u+"easy-edit-component-wrapper"},o.default.createElement("input",c({autoFocus:l.autoFocus||!0,value:a||void 0,onChange:n,onFocus:r,onBlur:i,placeholder:s,autoComplete:l.autoComplete||"off"},l,{list:d})),o.default.createElement("datalist",{id:d},f))};g.propTypes={onChange:l.default.func,value:l.default.oneOfType([l.default.string,l.default.number]),attributes:l.default.object,cssClassPrefix:l.default.string,onFocus:l.default.func,onBlur:l.default.func},g.defaultProps={attributes:{}};var L=function(e){d(a,e);var t=v(a);function a(e){var n;return s(this,a),(n=t.call(this,e)).state={value:e.value},n.setValue=n.setValue.bind(h(n)),n.onBlur=n.onBlur.bind(h(n)),n.onFocus=n.onFocus.bind(h(n)),n}return r(a,[{key:"setValue",value:function(e){var t=this;this.setState({value:e},(function(){return t.props.setValue(e)}))}},{key:"onBlur",value:function(){this.props.onBlur()}},{key:"onFocus",value:function(){this.props.onFocus()}},{key:"render",value:function(){var e=this.state.value,t=this.props,a=t.children,n=t.cssClassPrefix,l=o.default.cloneElement(o.default.Children.only(a),{setParentValue:this.setValue,onBlur:this.onBlur,onFocus:this.onFocus,value:e});return o.default.createElement("div",{className:n+"easy-edit-component-wrapper"},l)}}]),a}(t.Component),_=function(e){d(a,e);var t=v(a);function a(e){var n;return s(this,a),i(h(n=t.call(this,e)),"onKeyDown",(function(e){var t=n.props,a=t.type,o=t.disableAutoSubmit;t.disableAutoCancel||27!==e.keyCode||n._onCancel(),o||(13===e.keyCode&&a!==A.TEXTAREA||13===e.keyCode&&e.ctrlKey&&a===A.TEXTAREA)&&n._onSave()})),i(h(n),"_onSave",(function(){var e=n.props,t=e.onSave,a=e.onValidate,o=n.state.tempValue;a(o)?n.setState({editing:!1,value:o,isValid:!0,hover:!1},(function(){return t(n.state.value)})):n.setState({isValid:!1})})),i(h(n),"_onBlur",(function(){var e=n.props,t=e.onBlur,a=e.saveOnBlur,o=e.cancelOnBlur;a&&o&&console.warn("EasyEdit: You've set both `saveOnBlur` and `cancelOnBlur` to true, please set either one to false."),a?(t(n.state.tempValue),n._onSave()):o?n._onCancel():t(n.state.tempValue)})),i(h(n),"_onFocus",(function(){var e=n.props.onFocus;e&&e(n.state.tempValue)})),i(h(n),"_onCancel",(function(){var e=n.props.onCancel,t=n.state.value;n.setState({editing:!1,tempValue:t,hover:!1},(function(){return e()}))})),i(h(n),"_onDelete",(function(){var e=n.props.onDelete,t=n.state.value;n.setState({editing:!1,tempValue:t,hover:!1,isHidden:!0},(function(){return e()}))})),i(h(n),"_editing",(function(){n.setState({editing:!0})})),i(h(n),"onChange",(function(e){n.setState({tempValue:e.target?e.target.value:e})})),i(h(n),"onCheckboxChange",(function(e){var t=n.props.options,a=n.state.tempValue||[];e.target.checked&&!a.includes(e.target.value)?a.push(e.target.value):a.splice(a.indexOf(e.target.value),1);var o=t.map((function(e){return e.value}));a=a.filter((function(e){return o.includes(e)})),n.setState({tempValue:a})})),i(h(n),"onClick",(function(){n.props.allowEdit&&n.setState({editing:!0})})),i(h(n),"hoverOn",(function(){n.props.allowEdit&&n.setState({hover:!0})})),i(h(n),"hoverOff",(function(){n.setState({hover:!1})})),n.state={editing:e.editMode||!1,hover:!1,value:e.value,tempValue:e.value,isValid:!0,isHidden:!1},n.saveButton=o.default.createRef(),n.editButton=o.default.createRef(),n.cancelButton=o.default.createRef(),n.deleteButton=o.default.createRef(),n}return r(a,[{key:"isNullOrUndefinedOrEmpty",value:function(e){return null==e||""===e}},{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.setState({tempValue:this.props.value,value:this.props.value}),this.props.editMode!==e.editMode&&(this.setState({editing:this.props.editMode}),this.props.editMode||this._onSave())}},{key:"renderInput",value:function(){var e=this.props,t=e.type,a=e.options,n=e.placeholder,l=e.attributes,s=e.editComponent,u=e.cssClassPrefix,r=this.state.editing;if(this.cullAttributes(),o.default.isValidElement(s))return o.default.createElement(L,{setValue:this.onChange,onBlur:this._onBlur,onFocus:this._onFocus,value:this.state.tempValue,cssClassPrefix:u},s);switch(t){case A.DATE:case A.DATETIME_LOCAL:case A.EMAIL:case A.FILE:case A.MONTH:case A.NUMBER:case A.PASSWORD:case A.RANGE:case A.TEL:case A.TEXT:case A.TIME:case A.URL:case A.WEEK:return o.default.createElement(m,{value:r?this.state.tempValue:this.state.value,placeholder:n,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,type:t,attributes:l,cssClassPrefix:u,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff});case A.COLOR:return o.default.createElement(T,{value:r?this.state.tempValue:this.state.value,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,attributes:l,cssClassPrefix:u});case A.TEXTAREA:return o.default.createElement(b,{value:r?this.state.tempValue:this.state.value,placeholder:n,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,attributes:l,cssClassPrefix:u});case A.SELECT:return o.default.createElement(C,{value:r?this.state.tempValue:this.state.value,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,options:a,placeholder:n===y.DEFAULT_PLACEHOLDER?y.DEFAULT_SELECT_PLACEHOLDER:n,attributes:l,cssClassPrefix:u});case A.RADIO:return o.default.createElement(B,{value:r?this.state.tempValue:this.state.value,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,options:a,attributes:l,cssClassPrefix:u});case A.CHECKBOX:return o.default.createElement(O,{value:r?this.state.tempValue:this.state.value,onChange:this.onCheckboxChange,onFocus:this._onFocus,onBlur:this._onBlur,options:a,attributes:l,cssClassPrefix:u});case A.DATALIST:return o.default.createElement(g,{value:r?this.state.tempValue:this.state.value,onChange:this.onChange,onFocus:this._onFocus,onBlur:this._onBlur,options:a,attributes:l,cssClassPrefix:u});default:throw new Error(y.ERROR_UNSUPPORTED_TYPE)}}},{key:"renderButtons",value:function(){var e=this.props,t=e.saveOnBlur,n=e.saveButtonLabel,l=e.saveButtonStyle,s=e.cancelButtonLabel,u=e.cancelButtonStyle,r=e.deleteButtonLabel,i=e.deleteButtonStyle,c=e.cssClassPrefix,d=e.hideSaveButton,f=e.hideCancelButton,p=e.hideDeleteButton,h=e.showEditViewButtonsOnHover;if(!h||h&&this.state.hover)return o.default.createElement("div",{className:c+"easy-edit-button-wrapper"},!d&&a.generateButton(this.saveButton,this._onSave,n,this.manageButtonStyle(l),"save",t),!f&&a.generateButton(this.cancelButton,this._onCancel,s,this.manageButtonStyle(u),"cancel",t),!p&&a.generateButton(this.deleteButton,this._onDelete,r,this.manageButtonStyle(i),"delete",t))}},{key:"manageButtonStyle",value:function(e){var t=this.props.cssClassPrefix;return null===e?t+y.DEFAULT_BUTTON_CSS_CLASS:e}},{key:"renderValidationMessage",value:function(){var e=this.props,t=e.validationMessage,a=e.cssClassPrefix;if(!this.state.isValid)return o.default.createElement("div",{className:a+"easy-edit-validation-error"},t)}},{key:"renderInstructions",value:function(){var e=this.props,t=e.instructions,a=e.cssClassPrefix,n=e.editMode;if((this.state.editing||n)&&null!==t)return o.default.createElement("div",{className:a+"easy-edit-instructions"},t)}},{key:"setCssClasses",value:function(e){var t=this.props,a=t.viewAttributes,n=t.cssClassPrefix,o=t.onHoverCssClass;return a.class&&(e+=" "+a.class),a.className&&(e+=" "+a.className),this.props.allowEdit?this.state.hover?o===y.DEFAULT_ON_HOVER_CSS_CLASS?n+"easy-edit-hover-on "+e:o+" "+e:e:n+"easy-edit-not-allowed "+e}},{key:"renderPlaceholder",value:function(){var e=this.props,t=e.type,a=e.placeholder,n=e.displayComponent,l=e.viewAttributes,s=e.cssClassPrefix,u=e.hideEditButton,r=e.editButtonLabel,i=e.editButtonStyle;this.cullAttributes();var d=s+"easy-edit-wrapper";if(o.default.isValidElement(n))return o.default.createElement("div",c({},l,{className:this.setCssClasses(d),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff}),this.isNullOrUndefinedOrEmpty(this.state.value)?a:o.default.cloneElement(n,{value:this.state.value}),this.generateEditButton(s,u,r,i));switch(t){case A.DATALIST:case A.DATE:case A.DATETIME_LOCAL:case A.EMAIL:case A.FILE:case A.TEXT:case A.TEL:case A.TEXTAREA:case A.NUMBER:case A.TIME:case A.MONTH:case A.RANGE:case A.WEEK:case A.URL:case A.PASSWORD:var f=t===A.PASSWORD?"••••••••":this.state.value;return o.default.createElement("div",c({},l,{className:this.setCssClasses(d),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff}),this.isNullOrUndefinedOrEmpty(this.state.value)?a:f,this.generateEditButton(s,u,r,i));case A.RADIO:case A.CHECKBOX:case A.SELECT:return o.default.createElement("div",c({},l,{className:this.setCssClasses(d),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff}),this.renderComplexView(),this.generateEditButton(s,u,r,i));case A.COLOR:return o.default.createElement("input",c({},l,{type:t,value:this.state.value,onClick:this.onClick,readOnly:!0}));default:throw new Error(y.ERROR_UNSUPPORTED_TYPE)}}},{key:"generateEditButton",value:function(e,t,n,l){var s=this.props.showViewButtonsOnHover;if(!s||s&&this.state.hover)return!t&&o.default.createElement("div",{className:e+"easy-edit-view-button-wrapper"},a.generateButton(this.editButton,this._editing,n,this.manageButtonStyle(l),"edit"))}},{key:"renderComplexView",value:function(){var e,t=this,a=this.props,n=a.placeholder,o=a.options,l=a.type;return this.isNullOrUndefinedOrEmpty(this.state.value)?n:0!==(e=A.CHECKBOX===l?o.filter((function(e){return t.state.value.includes(e.value)})):o.filter((function(e){return t.state.value===e.value}))).length?e.map((function(e){return e.label})).join(", "):this.state.value}},{key:"cullAttributes",value:function(){var e=this.props.attributes;delete e.type,delete e.onChange,delete e.value}},{key:"render",value:function(){var e=this,t=this.props,a=t.cssClassPrefix,n=t.buttonsPosition,l=t.editMode;return this.state.isHidden?"":this.state.editing||l?o.default.createElement("div",{className:a+"easy-edit-inline-wrapper",tabIndex:"0",onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff,onKeyDown:function(t){return e.onKeyDown(t)}},n===y.POSITION_BEFORE&&this.renderButtons(),this.renderInput(),n===y.POSITION_AFTER&&this.renderButtons(),this.renderInstructions(),this.renderValidationMessage()):this.renderPlaceholder()}}],[{key:"generateButton",value:function(e,t,a,n,l,s){return s?"":o.default.createElement("button",{ref:e,onClick:t,className:n,name:l},a)}}]),a}(o.default.Component),A={CHECKBOX:"checkbox",COLOR:"color",DATALIST:"datalist",DATE:"date",DATETIME_LOCAL:"datetime-local",EMAIL:"email",FILE:"file",MONTH:"month",NUMBER:"number",PASSWORD:"password",RADIO:"radio",RANGE:"range",SELECT:"select",TEL:"tel",TEXT:"text",TEXTAREA:"textarea",TIME:"time",URL:"url",WEEK:"week"};Object.freeze(A),_.propTypes={type:l.default.oneOf(["checkbox","color","datalist","date","datetime-local","email","file","month","number","password","radio","range","select","tel","text","textarea","time","url","week"]).isRequired,value:l.default.oneOfType([l.default.string,l.default.number,l.default.array,l.default.object]),options:l.default.array,saveButtonLabel:l.default.oneOfType([l.default.string,l.default.element]),saveButtonStyle:l.default.string,cancelButtonLabel:l.default.oneOfType([l.default.string,l.default.element]),cancelButtonStyle:l.default.string,deleteButtonLabel:l.default.oneOfType([l.default.string,l.default.element]),deleteButtonStyle:l.default.string,editButtonLabel:l.default.oneOfType([l.default.string,l.default.element]),editButtonStyle:l.default.string,buttonsPosition:l.default.oneOf(["after","before"]),placeholder:l.default.oneOfType([l.default.string,l.default.element]),onCancel:l.default.func,onDelete:l.default.func,onValidate:l.default.func,onFocus:l.default.func,onBlur:l.default.func,onSave:l.default.func.isRequired,validationMessage:l.default.string,allowEdit:l.default.bool,attributes:l.default.object,viewAttributes:l.default.object,instructions:l.default.string,editComponent:l.default.element,displayComponent:l.default.element,disableAutoSubmit:l.default.bool,disableAutoCancel:l.default.bool,cssClassPrefix:l.default.string,hideSaveButton:l.default.bool,hideCancelButton:l.default.bool,hideDeleteButton:l.default.bool,hideEditButton:l.default.bool,onHoverCssClass:l.default.string,saveOnBlur:l.default.bool,cancelOnBlur:l.default.bool,editMode:l.default.bool,showEditViewButtonsOnHover:l.default.bool,showViewButtonsOnHover:l.default.bool},_.defaultProps={value:null,saveButtonLabel:y.DEFAULT_SAVE_BUTTON_LABEL,saveButtonStyle:null,cancelButtonLabel:y.DEFAULT_CANCEL_BUTTON_LABEL,cancelButtonStyle:null,deleteButtonLabel:y.DEFAULT_DELETE_BUTTON_LABEL,deleteButtonStyle:null,editButtonLabel:y.DEFAULT_EDIT_BUTTON_LABEL,editButtonStyle:null,buttonsPosition:y.POSITION_AFTER,placeholder:y.DEFAULT_PLACEHOLDER,allowEdit:!0,onCancel:function(){},onDelete:function(){},onfocus:function(){},onBlur:function(){},onValidate:function(e){return!0},validationMessage:y.FAILED_VALIDATION_MESSAGE,attributes:{},viewAttributes:{},instructions:null,editComponent:null,placeholderComponent:null,disableAutoSubmit:!1,disableAutoCancel:!1,cssClassPrefix:"",hideSaveButton:!1,hideCancelButton:!1,hideDeleteButton:!0,hideEditButton:!0,onHoverCssClass:y.DEFAULT_ON_HOVER_CSS_CLASS,saveOnBlur:!1,cancelOnBlur:!1,editMode:!1,showEditViewButtonsOnHover:!1,showViewButtonsOnHover:!1},e.Types=A,e.default=_,Object.defineProperty(e,"__esModule",{value:!0})}));