react-easy-edit - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

build/react-easy-edit.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):(e=e||self)["react-easy-edit"]=t(e.React,e.PropTypes)}(this,function(t,e){"use strict";var l="default"in t?t.default:t;function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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,n.key,n)}}function s(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),e}function a(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function u(){return(u=Object.assign||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}).apply(this,arguments)}function i(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}}),t&&o(e,t)}function c(e){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?p(e):t}e=e&&e.hasOwnProperty("default")?e.default:e;!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".easy-edit-button-wrapper {\r\n  display: inline;\r\n}\r\n\r\n.easy-edit-hover-on {\r\n  cursor: pointer;\r\n  font-style: italic;\r\n}\r\n\r\n.easy-edit-radio-label {\r\n  display: block;\r\n}\r\n\r\n.easy-edit-not-allowed{\r\n  cursor: not-allowed;\r\n}\r\n\r\n.easy-edit-checkbox-label {\r\n  display: block;\r\n}\r\n\r\n.easy-edit-textarea {\r\n  min-height: 40px;\r\n}\r\n\r\n.easy-edit-button {\r\n  border: none;\r\n  padding: 4px;\r\n  margin: 0 2px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n}\r\n\r\n.easy-edit-component-wrapper{\r\n  display: inline-grid;\r\n}\r\n\r\n.easy-edit-validation-error {\r\n  color: red;\r\n}\r\n");function h(e){var t=e.options,a=e.value,n=e.onChange,r=e.placeholder,o=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("select",u({value:a||"",onChange:n},o),l.createElement("option",{key:"",value:"",disabled:"disabled"},r),t.map(function(e){return l.createElement("option",{value:e.value,key:e.value},e.label)})))}var v=Object.freeze({DEFAULT_PLACEHOLDER:"Click to edit",DEFAULT_SELECT_PLACEHOLDER:"Select ...",DEFAULT_SAVE_BUTTON_LABEL:"Save",DEFAULT_CANCEL_BUTTON_LABEL:"Cancel",ERROR_UNSUPPORTED_TYPE:"Unsupported component type EasyEdit type, please review documentation for supported HTML component types",FAILED_VALIDATION_MESSAGE:"Please provide a valid value"});h.propTypes={options:e.array.isRequired,onChange:e.func,value:e.oneOfType([e.string,e.number]),placeholder:e.string,attributes:e.object},h.defaultProps={attributes:{},placeholder:v.DEFAULT_SELECT_PLACEHOLDER};function f(e){var t=e.type,a=e.value,n=e.placeholder,r=e.onChange,o=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({autoFocus:o.autoFocus||!0,type:t,value:a||void 0,onChange:r,placeholder:n,autoComplete:o.autoComplete||"off"},o)))}f.propTypes={type:e.string.isRequired,onChange:e.func,value:e.string,placeholder:e.string,attributes:e.object},f.defaultProps={attributes:{},placeholder:v.DEFAULT_PLACEHOLDER};function m(e){var t=e.value,a=e.placeholder,n=e.onChange,r=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("textarea",u({autoFocus:r.autoFocus||!0,className:"easy-edit-textarea",value:t,onChange:n,placeholder:a},r)))}m.propTypes={onChange:e.func,value:e.string,placeholder:e.string,attributes:e.object},m.defaultProps={attributes:{},placeholder:v.DEFAULT_PLACEHOLDER};function y(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes,o=t.map(function(e){return l.createElement("label",{key:e.value,className:"easy-edit-radio-label"},l.createElement("input",u({type:"radio",className:"easy-edit-radio-button",value:e.value,onChange:n,checked:e.value===a},r)),e.label)});return l.createElement("div",null,o)}y.propTypes={onChange:e.func,value:e.oneOfType([e.string,e.number]),attributes:e.object},y.defaultProps={attributes:{}};function E(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes;a=a||[];var o=t.map(function(e){return l.createElement("label",{key:e.value,className:"easy-edit-checkbox-label"},l.createElement("input",u({},r,{type:"checkbox",className:"easy-edit-radio-button",value:e.value,key:e.value,onChange:n,checked:a.includes(e.value)})),e.label)});return l.createElement("div",null,o)}E.propTypes={onChange:e.func,options:e.array.isRequired,value:e.array,attributes:e.object},E.defaultProps={attributes:{}};function b(e){var t=e.value,a=void 0===t?"":t,n=e.onChange,r=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({type:"color",defaultValue:a,onChange:n},r)))}b.propTypes={onChange:e.func,value:e.string,attributes:e.object},b.defaultProps={attributes:{}};function C(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes,o=e.placeholder,s=l.createRef(),i=t.map(function(e){return l.createElement("option",{value:e.label})});return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({autoFocus:r.autoFocus||!0,value:a||void 0,onChange:n,placeholder:o,autoComplete:r.autoComplete||"off"},r,{list:s})),l.createElement("datalist",{id:s},i))}C.propTypes={onChange:e.func,value:e.oneOfType([e.string,e.number]),attributes:e.object},C.defaultProps={attributes:{}};var g=function(e){function a(e){var t;return n(this,a),(t=d(this,c(a).call(this,e))).state={value:e.value},t.setValue=t.setValue.bind(p(t)),t}return i(a,t.Component),s(a,[{key:"setValue",value:function(e){var t=this;this.setState({value:e},function(){return t.props.setValue(e)})}},{key:"render",value:function(){var e=this.state.value,t=this.props.children,a=l.cloneElement(l.Children.only(t),{setParentValue:this.setValue,value:e});return l.createElement("div",{className:"easy-edit-component-wrapper"},a)}}]),a}(),O=function(e){function o(e){var r;return n(this,o),a(p(r=d(this,c(o).call(this,e))),"onKeyDown",function(e){var t=r.props.type;27===e.keyCode&&r._onCancel(),13===e.keyCode&&"textarea"!==t&&r._onSave()}),a(p(r),"_onSave",function(){var e=r.props,t=e.onSave,a=e.onValidate,n=r.state.tempValue;a(n)?r.setState({editing:!1,value:n},function(){return t(r.state.value)}):r.setState({isValid:!1})}),a(p(r),"_onCancel",function(){var e=r.props.onCancel,t=r.state.value;r.setState({editing:!1,tempValue:t},function(){return e()})}),a(p(r),"onChange",function(e){r.setState({tempValue:e.target?e.target.value:e})}),a(p(r),"onCheckboxChange",function(e){var t=r.state.tempValue||[];e.target.checked?t.includes(e.target.value)||t.push(e.target.value):t.splice(t.indexOf(e.target.value),1),r.setState({tempValue:t})}),r.state={editing:!1,hover:!1,value:e.value,tempValue:e.value,isValid:!0},r.saveButton=l.createRef(),r.cancelButton=l.createRef(),r.onClick=r.onClick.bind(p(r)),r.hoverOn=r.hoverOn.bind(p(r)),r.hoverOff=r.hoverOff.bind(p(r)),r.onChange=r.onChange.bind(p(r)),r}return i(o,l.Component),s(o,[{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.setState({value:this.props.value})}},{key:"onClick",value:function(){this.props.allowEdit&&this.setState({editing:!0})}},{key:"hoverOn",value:function(){this.props.allowEdit&&this.setState({hover:!0})}},{key:"hoverOff",value:function(){this.setState({hover:!1})}},{key:"renderInput",value:function(){var t=this,e=this.props,a=e.type,n=e.options,r=e.placeholder,o=e.attributes,s=e.editComponent,i=this.state.editing;if(l.isValidElement(s))return l.createElement(g,{setValue:function(e){t.onChange(e)},value:this.state.tempValue},s);switch(a){case"text":case"number":case"date":case"datetime-local":case"time":case"month":case"week":case"range":return l.createElement(f,{value:i?this.state.tempValue:this.state.value,placeholder:r,onChange:this.onChange,type:a,attributes:o});case"color":return l.createElement(b,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,attributes:o});case"textarea":return l.createElement(m,{value:i?this.state.tempValue:this.state.value,placeholder:r,onChange:this.onChange,attributes:o});case"select":return l.createElement(h,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,placeholder:r===v.DEFAULT_PLACEHOLDER?v.DEFAULT_SELECT_PLACEHOLDER:r,attributes:o});case"radio":return l.createElement(y,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,attributes:o});case"checkbox":return l.createElement(E,{value:i?this.state.tempValue:this.state.value,onChange:this.onCheckboxChange,options:n,attributes:o});case"datalist":return l.createElement(C,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,attributes:o});default:throw new Error(v.ERROR_UNSUPPORTED_TYPE)}}},{key:"renderButtons",value:function(){var e=this.props,t=e.saveButtonLabel,a=e.saveButtonStyle,n=e.cancelButtonLabel,r=e.cancelButtonStyle;return l.createElement("div",{className:"easy-edit-button-wrapper"},o.generateButton(this.saveButton,this._onSave,t,a,"save"),o.generateButton(this.cancelButton,this._onCancel,n,r,"cancel"))}},{key:"renderValidationMessage",value:function(){var e=this.props.validationMessage;if(!this.state.isValid)return l.createElement("div",{className:"easy-edit-validation-error"},e)}},{key:"renderInstructions",value:function(){var e=this.props.instructions;if(this.state.editing&&null!==e)return l.createElement("div",{className:"easy-edit-instructions"},e)}},{key:"setCssClasses",value:function(e){return this.props.allowEdit?this.state.hover?"easy-edit-hover-on "+e:e:"easy-edit-not-allowed "+e}},{key:"renderPlaceholder",value:function(){var t=this,e=this.props,a=e.type,n=e.placeholder,r=e.options,o=e.placeholderComponent;if(l.isValidElement(o))return l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},l.cloneElement(o,{value:this.state.value}));switch(a){case"text":case"datalist":case"email":case"textarea":case"number":case"date":case"datetime-local":case"time":case"month":case"week":case"range":return l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value?this.state.value:n);case"radio":case"select":var s;return this.state.value&&(s=r.filter(function(e){return t.state.value.includes(e.value)})),l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value?s?this.state.value:s[0].label:n);case"color":return l.createElement("input",{type:a,value:this.state.value,onClick:this.onClick,readOnly:!0});case"checkbox":var i;return this.state.value&&(i=r.filter(function(e){return t.state.value.includes(e.value)})),l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value&&0!==this.state.value.length?i.map(function(e){return e.label}).join(", "):n);default:throw new Error(v.ERROR_UNSUPPORTED_TYPE)}}},{key:"render",value:function(){var t=this;return this.state.editing?l.createElement("div",{className:"easy-edit-inline-wrapper",tabIndex:"0",onKeyDown:function(e){return t.onKeyDown(e)}},this.renderInput(),this.renderButtons(),this.renderInstructions(),this.renderValidationMessage()):this.renderPlaceholder()}}],[{key:"generateButton",value:function(e,t,a,n,r){return l.createElement("button",{ref:e,onClick:t,className:n,name:r},a)}}]),o}();return O.propTypes={type:e.oneOf(["text","number","color","textarea","date","datetime-local","time","month","week","radio","checkbox","select","range","datalist"]).isRequired,value:e.oneOfType([e.string,e.number,e.array]),options:e.array,saveButtonLabel:e.string,saveButtonStyle:e.string,cancelButtonLabel:e.string,cancelButtonStyle:e.string,placeholder:e.string,onCancel:e.func,onValidate:e.func,validationMessage:e.string,onSave:e.func.isRequired,allowEdit:e.bool,attributes:e.object,instructions:e.string,editComponent:e.element,placeholderComponent:e.element},O.defaultProps={value:null,saveButtonLabel:v.DEFAULT_SAVE_BUTTON_LABEL,saveButtonStyle:"easy-edit-button",cancelButtonLabel:v.DEFAULT_CANCEL_BUTTON_LABEL,cancelButtonStyle:"easy-edit-button",placeholder:v.DEFAULT_PLACEHOLDER,allowEdit:!0,onCancel:function(){},onValidate:function(e){return!0},validationMessage:v.FAILED_VALIDATION_MESSAGE,instructions:null,editComponent:null,placeholderComponent:null},O});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):(e=e||self)["react-easy-edit"]=t(e.React,e.PropTypes)}(this,function(t,e){"use strict";var l="default"in t?t.default:t;function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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,n.key,n)}}function s(e,t,a){return t&&r(e.prototype,t),a&&r(e,a),e}function a(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function u(){return(u=Object.assign||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}).apply(this,arguments)}function i(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}}),t&&o(e,t)}function c(e){return(c=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?p(e):t}e=e&&e.hasOwnProperty("default")?e.default:e;!function(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".easy-edit-button-wrapper {\r\n  display: inline;\r\n}\r\n\r\n.easy-edit-hover-on {\r\n  cursor: pointer;\r\n  font-style: italic;\r\n}\r\n\r\n.easy-edit-radio-label {\r\n  display: block;\r\n}\r\n\r\n.easy-edit-not-allowed{\r\n  cursor: not-allowed;\r\n}\r\n\r\n.easy-edit-checkbox-label {\r\n  display: block;\r\n}\r\n\r\n.easy-edit-textarea {\r\n  min-height: 40px;\r\n}\r\n\r\n.easy-edit-button {\r\n  border: none;\r\n  padding: 4px;\r\n  margin: 0 2px;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n}\r\n\r\n.easy-edit-component-wrapper{\r\n  display: inline-grid;\r\n}\r\n\r\n.easy-edit-validation-error {\r\n  color: red;\r\n}\r\n");function h(e){var t=e.options,a=e.value,n=e.onChange,r=e.placeholder,o=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("select",u({value:a||"",onChange:n},o),l.createElement("option",{key:"",value:"",disabled:"disabled"},r),t.map(function(e){return l.createElement("option",{value:e.value,key:e.value},e.label)})))}var v=Object.freeze({DEFAULT_PLACEHOLDER:"Click to edit",DEFAULT_SELECT_PLACEHOLDER:"Select ...",DEFAULT_SAVE_BUTTON_LABEL:"Save",DEFAULT_CANCEL_BUTTON_LABEL:"Cancel",ERROR_UNSUPPORTED_TYPE:"Unsupported component type EasyEdit type, please review documentation for supported HTML component types",FAILED_VALIDATION_MESSAGE:"Please provide a valid value"});h.propTypes={options:e.array.isRequired,onChange:e.func,value:e.oneOfType([e.string,e.number]),placeholder:e.string,attributes:e.object},h.defaultProps={attributes:{},placeholder:v.DEFAULT_SELECT_PLACEHOLDER};function f(e){var t=e.type,a=e.value,n=e.placeholder,r=e.onChange,o=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({autoFocus:o.autoFocus||!0,type:t,value:a||void 0,onChange:r,placeholder:n,autoComplete:o.autoComplete||"off"},o)))}f.propTypes={type:e.string.isRequired,onChange:e.func,value:e.string,placeholder:e.string,attributes:e.object},f.defaultProps={attributes:{},placeholder:v.DEFAULT_PLACEHOLDER};function m(e){var t=e.value,a=e.placeholder,n=e.onChange,r=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("textarea",u({autoFocus:r.autoFocus||!0,className:"easy-edit-textarea",value:t,onChange:n,placeholder:a},r)))}m.propTypes={onChange:e.func,value:e.string,placeholder:e.string,attributes:e.object},m.defaultProps={attributes:{},placeholder:v.DEFAULT_PLACEHOLDER};function y(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes,o=t.map(function(e){return l.createElement("label",{key:e.value,className:"easy-edit-radio-label"},l.createElement("input",u({type:"radio",className:"easy-edit-radio-button",value:e.value,onChange:n,checked:e.value===a},r)),e.label)});return l.createElement("div",null,o)}y.propTypes={onChange:e.func,value:e.oneOfType([e.string,e.number]),attributes:e.object},y.defaultProps={attributes:{}};function E(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes;a=a||[];var o=t.map(function(e){return l.createElement("label",{key:e.value,className:"easy-edit-checkbox-label"},l.createElement("input",u({},r,{type:"checkbox",className:"easy-edit-radio-button",value:e.value,key:e.value,onChange:n,checked:a.includes(e.value)})),e.label)});return l.createElement("div",null,o)}E.propTypes={onChange:e.func,options:e.array.isRequired,value:e.array,attributes:e.object},E.defaultProps={attributes:{}};function b(e){var t=e.value,a=void 0===t?"":t,n=e.onChange,r=e.attributes;return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({type:"color",defaultValue:a,onChange:n},r)))}b.propTypes={onChange:e.func,value:e.string,attributes:e.object},b.defaultProps={attributes:{}};function C(e){var t=e.options,a=e.value,n=e.onChange,r=e.attributes,o=e.placeholder,s=l.createRef(),i=t.map(function(e){return l.createElement("option",{value:e.label})});return l.createElement("div",{className:"easy-edit-component-wrapper"},l.createElement("input",u({autoFocus:r.autoFocus||!0,value:a||void 0,onChange:n,placeholder:o,autoComplete:r.autoComplete||"off"},r,{list:s})),l.createElement("datalist",{id:s},i))}C.propTypes={onChange:e.func,value:e.oneOfType([e.string,e.number]),attributes:e.object},C.defaultProps={attributes:{}};var g=function(e){function a(e){var t;return n(this,a),(t=d(this,c(a).call(this,e))).state={value:e.value},t.setValue=t.setValue.bind(p(t)),t}return i(a,t.Component),s(a,[{key:"setValue",value:function(e){var t=this;this.setState({value:e},function(){return t.props.setValue(e)})}},{key:"render",value:function(){var e=this.state.value,t=this.props.children,a=l.cloneElement(l.Children.only(t),{setParentValue:this.setValue,value:e});return l.createElement("div",{className:"easy-edit-component-wrapper"},a)}}]),a}(),O=function(e){function o(e){var r;return n(this,o),a(p(r=d(this,c(o).call(this,e))),"onKeyDown",function(e){var t=r.props.type;27===e.keyCode&&r._onCancel(),13===e.keyCode&&"textarea"!==t&&r._onSave()}),a(p(r),"_onSave",function(){var e=r.props,t=e.onSave,a=e.onValidate,n=r.state.tempValue;a(n)?r.setState({editing:!1,value:n},function(){return t(r.state.value)}):r.setState({isValid:!1})}),a(p(r),"_onCancel",function(){var e=r.props.onCancel,t=r.state.value;r.setState({editing:!1,tempValue:t},function(){return e()})}),a(p(r),"onChange",function(e){r.setState({tempValue:e.target?e.target.value:e})}),a(p(r),"onCheckboxChange",function(e){var t=r.state.tempValue||[];e.target.checked?t.includes(e.target.value)||t.push(e.target.value):t.splice(t.indexOf(e.target.value),1),r.setState({tempValue:t})}),r.state={editing:!1,hover:!1,value:e.value,tempValue:e.value,isValid:!0},r.saveButton=l.createRef(),r.cancelButton=l.createRef(),r.onClick=r.onClick.bind(p(r)),r.hoverOn=r.hoverOn.bind(p(r)),r.hoverOff=r.hoverOff.bind(p(r)),r.onChange=r.onChange.bind(p(r)),r}return i(o,l.Component),s(o,[{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.setState({value:this.props.value})}},{key:"onClick",value:function(){this.props.allowEdit&&this.setState({editing:!0})}},{key:"hoverOn",value:function(){this.props.allowEdit&&this.setState({hover:!0})}},{key:"hoverOff",value:function(){this.setState({hover:!1})}},{key:"renderInput",value:function(){var t=this,e=this.props,a=e.type,n=e.options,r=e.placeholder,o=e.attributes,s=e.editComponent,i=this.state.editing;if(l.isValidElement(s))return l.createElement(g,{setValue:function(e){t.onChange(e)},value:this.state.tempValue},s);switch(a){case"text":case"number":case"date":case"datetime-local":case"time":case"month":case"week":case"range":return l.createElement(f,{value:i?this.state.tempValue:this.state.value,placeholder:r,onChange:this.onChange,type:a,attributes:o});case"color":return l.createElement(b,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,attributes:o});case"textarea":return l.createElement(m,{value:i?this.state.tempValue:this.state.value,placeholder:r,onChange:this.onChange,attributes:o});case"select":return l.createElement(h,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,placeholder:r===v.DEFAULT_PLACEHOLDER?v.DEFAULT_SELECT_PLACEHOLDER:r,attributes:o});case"radio":return l.createElement(y,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,attributes:o});case"checkbox":return l.createElement(E,{value:i?this.state.tempValue:this.state.value,onChange:this.onCheckboxChange,options:n,attributes:o});case"datalist":return l.createElement(C,{value:i?this.state.tempValue:this.state.value,onChange:this.onChange,options:n,attributes:o});default:throw new Error(v.ERROR_UNSUPPORTED_TYPE)}}},{key:"renderButtons",value:function(){var e=this.props,t=e.saveButtonLabel,a=e.saveButtonStyle,n=e.cancelButtonLabel,r=e.cancelButtonStyle;return l.createElement("div",{className:"easy-edit-button-wrapper"},o.generateButton(this.saveButton,this._onSave,t,a,"save"),o.generateButton(this.cancelButton,this._onCancel,n,r,"cancel"))}},{key:"renderValidationMessage",value:function(){var e=this.props.validationMessage;if(!this.state.isValid)return l.createElement("div",{className:"easy-edit-validation-error"},e)}},{key:"renderInstructions",value:function(){var e=this.props.instructions;if(this.state.editing&&null!==e)return l.createElement("div",{className:"easy-edit-instructions"},e)}},{key:"setCssClasses",value:function(e){return this.props.allowEdit?this.state.hover?"easy-edit-hover-on "+e:e:"easy-edit-not-allowed "+e}},{key:"renderPlaceholder",value:function(){var t=this,e=this.props,a=e.type,n=e.placeholder,r=e.options,o=e.displayComponent;if(l.isValidElement(o))return l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value?l.cloneElement(o,{value:this.state.value}):n);switch(a){case"text":case"datalist":case"email":case"textarea":case"number":case"date":case"datetime-local":case"time":case"month":case"week":case"range":return l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value?this.state.value:n);case"radio":case"select":var s;return this.state.value&&(s=r.filter(function(e){return t.state.value.includes(e.value)})),l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value?s?this.state.value:s[0].label:n);case"color":return l.createElement("input",{type:a,value:this.state.value,onClick:this.onClick,readOnly:!0});case"checkbox":var i;return this.state.value&&(i=r.filter(function(e){return t.state.value.includes(e.value)})),l.createElement("div",{className:this.setCssClasses("easy-edit-wrapper"),onClick:this.onClick,onMouseEnter:this.hoverOn,onMouseLeave:this.hoverOff},this.state.value&&0!==this.state.value.length?i.map(function(e){return e.label}).join(", "):n);default:throw new Error(v.ERROR_UNSUPPORTED_TYPE)}}},{key:"render",value:function(){var t=this;return this.state.editing?l.createElement("div",{className:"easy-edit-inline-wrapper",tabIndex:"0",onKeyDown:function(e){return t.onKeyDown(e)}},this.renderInput(),this.renderButtons(),this.renderInstructions(),this.renderValidationMessage()):this.renderPlaceholder()}}],[{key:"generateButton",value:function(e,t,a,n,r){return l.createElement("button",{ref:e,onClick:t,className:n,name:r},a)}}]),o}();return O.propTypes={type:e.oneOf(["text","number","color","textarea","date","datetime-local","time","month","week","radio","checkbox","select","range","datalist"]).isRequired,value:e.oneOfType([e.string,e.number,e.array]),options:e.array,saveButtonLabel:e.string,saveButtonStyle:e.string,cancelButtonLabel:e.string,cancelButtonStyle:e.string,placeholder:e.string,onCancel:e.func,onValidate:e.func,validationMessage:e.string,onSave:e.func.isRequired,allowEdit:e.bool,attributes:e.object,instructions:e.string,editComponent:e.element,displayComponent:e.element},O.defaultProps={value:null,saveButtonLabel:v.DEFAULT_SAVE_BUTTON_LABEL,saveButtonStyle:"easy-edit-button",cancelButtonLabel:v.DEFAULT_CANCEL_BUTTON_LABEL,cancelButtonStyle:"easy-edit-button",placeholder:v.DEFAULT_PLACEHOLDER,allowEdit:!0,onCancel:function(){},onValidate:function(e){return!0},validationMessage:v.FAILED_VALIDATION_MESSAGE,instructions:null,editComponent:null,placeholderComponent:null},O});

coverage/coverage-final.json

@@ -1,1 +0,3 @@
-{}
+{"C:\\Users\\george.artemiou\\Desktop\\react-inline-edit\\react-inline-edit\\src\\demo\\App.js": {"path":"C:\\Users\\george.artemiou\\Desktop\\react-inline-edit\\react-inline-edit\\src\\demo\\App.js","statementMap":{"0":{"start":{"line":11,"column":4},"end":{"line":11,"column":17}},"1":{"start":{"line":15,"column":4},"end":{"line":20,"column":5}},"2":{"start":{"line":24,"column":4},"end":{"line":24,"column":34}},"3":{"start":{"line":28,"column":21},"end":{"line":32,"column":5}},"4":{"start":{"line":34,"column":4},"end":{"line":195,"column":6}},"5":{"start":{"line":57,"column":36},"end":{"line":57,"column":40}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":10,"column":2},"end":{"line":10,"column":3}},"loc":{"start":{"line":10,"column":23},"end":{"line":12,"column":3}},"line":10},"1":{"name":"(anonymous_1)","decl":{"start":{"line":14,"column":2},"end":{"line":14,"column":3}},"loc":{"start":{"line":14,"column":27},"end":{"line":21,"column":3}},"line":14},"2":{"name":"(anonymous_2)","decl":{"start":{"line":23,"column":2},"end":{"line":23,"column":3}},"loc":{"start":{"line":23,"column":26},"end":{"line":25,"column":3}},"line":23},"3":{"name":"(anonymous_3)","decl":{"start":{"line":27,"column":2},"end":{"line":27,"column":3}},"loc":{"start":{"line":27,"column":11},"end":{"line":196,"column":3}},"line":27},"4":{"name":"(anonymous_4)","decl":{"start":{"line":57,"column":30},"end":{"line":57,"column":31}},"loc":{"start":{"line":57,"column":36},"end":{"line":57,"column":40}},"line":57}},"branchMap":{},"s":{"0":0,"1":0,"2":0,"3":0,"4":0,"5":0},"f":{"0":0,"1":0,"2":0,"3":0,"4":0},"b":{},"hash":"b2c5223948a6b527f17156a1fbe85eace9658e03"}
+,"C:\\Users\\george.artemiou\\Desktop\\react-inline-edit\\react-inline-edit\\src\\lib\\EasyEdit.jsx": {"path":"C:\\Users\\george.artemiou\\Desktop\\react-inline-edit\\react-inline-edit\\src\\lib\\EasyEdit.jsx","statementMap":{"0":{"start":{"line":19,"column":4},"end":{"line":19,"column":17}},"1":{"start":{"line":20,"column":4},"end":{"line":26,"column":6}},"2":{"start":{"line":28,"column":4},"end":{"line":28,"column":40}},"3":{"start":{"line":29,"column":4},"end":{"line":29,"column":42}},"4":{"start":{"line":31,"column":4},"end":{"line":31,"column":43}},"5":{"start":{"line":32,"column":4},"end":{"line":32,"column":43}},"6":{"start":{"line":33,"column":4},"end":{"line":33,"column":45}},"7":{"start":{"line":34,"column":4},"end":{"line":34,"column":45}},"8":{"start":{"line":38,"column":4},"end":{"line":42,"column":5}},"9":{"start":{"line":39,"column":6},"end":{"line":41,"column":9}},"10":{"start":{"line":46,"column":19},"end":{"line":46,"column":29}},"11":{"start":{"line":47,"column":4},"end":{"line":49,"column":5}},"12":{"start":{"line":48,"column":6},"end":{"line":48,"column":23}},"13":{"start":{"line":50,"column":4},"end":{"line":52,"column":5}},"14":{"start":{"line":51,"column":6},"end":{"line":51,"column":21}},"15":{"start":{"line":56,"column":33},"end":{"line":56,"column":43}},"16":{"start":{"line":57,"column":22},"end":{"line":57,"column":42}},"17":{"start":{"line":58,"column":4},"end":{"line":63,"column":5}},"18":{"start":{"line":59,"column":6},"end":{"line":60,"column":42}},"19":{"start":{"line":60,"column":16},"end":{"line":60,"column":40}},"20":{"start":{"line":62,"column":6},"end":{"line":62,"column":38}},"21":{"start":{"line":67,"column":23},"end":{"line":67,"column":33}},"22":{"start":{"line":68,"column":18},"end":{"line":68,"column":34}},"23":{"start":{"line":69,"column":4},"end":{"line":69,"column":72}},"24":{"start":{"line":69,"column":60},"end":{"line":69,"column":70}},"25":{"start":{"line":73,"column":4},"end":{"line":73,"column":62}},"26":{"start":{"line":77,"column":17},"end":{"line":77,"column":43}},"27":{"start":{"line":78,"column":4},"end":{"line":84,"column":5}},"28":{"start":{"line":79,"column":6},"end":{"line":81,"column":7}},"29":{"start":{"line":80,"column":8},"end":{"line":80,"column":36}},"30":{"start":{"line":83,"column":6},"end":{"line":83,"column":55}},"31":{"start":{"line":85,"column":4},"end":{"line":85,"column":39}},"32":{"start":{"line":89,"column":24},"end":{"line":89,"column":34}},"33":{"start":{"line":90,"column":4},"end":{"line":92,"column":5}},"34":{"start":{"line":91,"column":6},"end":{"line":91,"column":37}},"35":{"start":{"line":96,"column":24},"end":{"line":96,"column":34}},"36":{"start":{"line":97,"column":4},"end":{"line":99,"column":5}},"37":{"start":{"line":98,"column":6},"end":{"line":98,"column":35}},"38":{"start":{"line":103,"column":4},"end":{"line":103,"column":34}},"39":{"start":{"line":107,"column":68},"end":{"line":107,"column":78}},"40":{"start":{"line":108,"column":20},"end":{"line":108,"column":38}},"41":{"start":{"line":110,"column":4},"end":{"line":121,"column":5}},"42":{"start":{"line":111,"column":6},"end":{"line":120,"column":8}},"43":{"start":{"line":114,"column":12},"end":{"line":114,"column":36}},"44":{"start":{"line":123,"column":4},"end":{"line":198,"column":5}},"45":{"start":{"line":132,"column":8},"end":{"line":140,"column":10}},"46":{"start":{"line":142,"column":8},"end":{"line":148,"column":10}},"47":{"start":{"line":150,"column":8},"end":{"line":156,"column":16}},"48":{"start":{"line":158,"column":8},"end":{"line":167,"column":10}},"49":{"start":{"line":169,"column":8},"end":{"line":176,"column":10}},"50":{"start":{"line":178,"column":8},"end":{"line":185,"column":10}},"51":{"start":{"line":187,"column":8},"end":{"line":194,"column":10}},"52":{"start":{"line":196,"column":8},"end":{"line":196,"column":56}},"53":{"start":{"line":202,"column":85},"end":{"line":202,"column":95}},"54":{"start":{"line":203,"column":4},"end":{"line":210,"column":5}},"55":{"start":{"line":214,"column":32},"end":{"line":214,"column":42}},"56":{"start":{"line":215,"column":4},"end":{"line":219,"column":5}},"57":{"start":{"line":216,"column":6},"end":{"line":218,"column":7}},"58":{"start":{"line":223,"column":27},"end":{"line":223,"column":37}},"59":{"start":{"line":224,"column":4},"end":{"line":228,"column":5}},"60":{"start":{"line":225,"column":6},"end":{"line":227,"column":7}},"61":{"start":{"line":232,"column":4},"end":{"line":238,"column":5}},"62":{"start":{"line":233,"column":6},"end":{"line":233,"column":56}},"63":{"start":{"line":234,"column":11},"end":{"line":238,"column":5}},"64":{"start":{"line":235,"column":6},"end":{"line":235,"column":53}},"65":{"start":{"line":237,"column":6},"end":{"line":237,"column":29}},"66":{"start":{"line":242,"column":4},"end":{"line":246,"column":5}},"67":{"start":{"line":250,"column":59},"end":{"line":250,"column":69}},"68":{"start":{"line":252,"column":4},"end":{"line":265,"column":5}},"69":{"start":{"line":253,"column":6},"end":{"line":264,"column":8}},"70":{"start":{"line":267,"column":4},"end":{"line":339,"column":5}},"71":{"start":{"line":279,"column":8},"end":{"line":288,"column":10}},"72":{"start":{"line":293,"column":8},"end":{"line":297,"column":9}},"73":{"start":{"line":294,"column":10},"end":{"line":296,"column":13}},"74":{"start":{"line":295,"column":12},"end":{"line":295,"column":59}},"75":{"start":{"line":298,"column":8},"end":{"line":307,"column":10}},"76":{"start":{"line":310,"column":8},"end":{"line":317,"column":10}},"77":{"start":{"line":320,"column":8},"end":{"line":324,"column":9}},"78":{"start":{"line":321,"column":10},"end":{"line":323,"column":13}},"79":{"start":{"line":322,"column":12},"end":{"line":322,"column":59}},"80":{"start":{"line":325,"column":8},"end":{"line":334,"column":20}},"81":{"start":{"line":333,"column":30},"end":{"line":333,"column":44}},"82":{"start":{"line":337,"column":8},"end":{"line":337,"column":56}},"83":{"start":{"line":344,"column":4},"end":{"line":354,"column":5}},"84":{"start":{"line":345,"column":6},"end":{"line":351,"column":17}},"85":{"start":{"line":346,"column":83},"end":{"line":346,"column":100}},"86":{"start":{"line":353,"column":6},"end":{"line":353,"column":37}},"87":{"start":{"line":358,"column":0},"end":{"line":383,"column":2}},"88":{"start":{"line":385,"column":0},"end":{"line":400,"column":2}},"89":{"start":{"line":395,"column":23},"end":{"line":395,"column":27}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":18,"column":2},"end":{"line":18,"column":3}},"loc":{"start":{"line":18,"column":21},"end":{"line":35,"column":3}},"line":18},"1":{"name":"(anonymous_1)","decl":{"start":{"line":37,"column":2},"end":{"line":37,"column":3}},"loc":{"start":{"line":37,"column":32},"end":{"line":43,"column":3}},"line":37},"2":{"name":"(anonymous_2)","decl":{"start":{"line":45,"column":14},"end":{"line":45,"column":15}},"loc":{"start":{"line":45,"column":21},"end":{"line":53,"column":3}},"line":45},"3":{"name":"(anonymous_3)","decl":{"start":{"line":55,"column":12},"end":{"line":55,"column":13}},"loc":{"start":{"line":55,"column":18},"end":{"line":64,"column":3}},"line":55},"4":{"name":"(anonymous_4)","decl":{"start":{"line":60,"column":10},"end":{"line":60,"column":11}},"loc":{"start":{"line":60,"column":16},"end":{"line":60,"column":40}},"line":60},"5":{"name":"(anonymous_5)","decl":{"start":{"line":66,"column":14},"end":{"line":66,"column":15}},"loc":{"start":{"line":66,"column":20},"end":{"line":70,"column":3}},"line":66},"6":{"name":"(anonymous_6)","decl":{"start":{"line":69,"column":54},"end":{"line":69,"column":55}},"loc":{"start":{"line":69,"column":60},"end":{"line":69,"column":70}},"line":69},"7":{"name":"(anonymous_7)","decl":{"start":{"line":72,"column":13},"end":{"line":72,"column":14}},"loc":{"start":{"line":72,"column":18},"end":{"line":74,"column":3}},"line":72},"8":{"name":"(anonymous_8)","decl":{"start":{"line":76,"column":21},"end":{"line":76,"column":22}},"loc":{"start":{"line":76,"column":26},"end":{"line":86,"column":3}},"line":76},"9":{"name":"(anonymous_9)","decl":{"start":{"line":88,"column":2},"end":{"line":88,"column":3}},"loc":{"start":{"line":88,"column":12},"end":{"line":93,"column":3}},"line":88},"10":{"name":"(anonymous_10)","decl":{"start":{"line":95,"column":2},"end":{"line":95,"column":3}},"loc":{"start":{"line":95,"column":12},"end":{"line":100,"column":3}},"line":95},"11":{"name":"(anonymous_11)","decl":{"start":{"line":102,"column":2},"end":{"line":102,"column":3}},"loc":{"start":{"line":102,"column":13},"end":{"line":104,"column":3}},"line":102},"12":{"name":"(anonymous_12)","decl":{"start":{"line":106,"column":2},"end":{"line":106,"column":3}},"loc":{"start":{"line":106,"column":16},"end":{"line":199,"column":3}},"line":106},"13":{"name":"(anonymous_13)","decl":{"start":{"line":113,"column":20},"end":{"line":113,"column":21}},"loc":{"start":{"line":113,"column":32},"end":{"line":115,"column":11}},"line":113},"14":{"name":"(anonymous_14)","decl":{"start":{"line":201,"column":2},"end":{"line":201,"column":3}},"loc":{"start":{"line":201,"column":18},"end":{"line":211,"column":3}},"line":201},"15":{"name":"(anonymous_15)","decl":{"start":{"line":213,"column":2},"end":{"line":213,"column":3}},"loc":{"start":{"line":213,"column":28},"end":{"line":220,"column":3}},"line":213},"16":{"name":"(anonymous_16)","decl":{"start":{"line":222,"column":2},"end":{"line":222,"column":3}},"loc":{"start":{"line":222,"column":23},"end":{"line":229,"column":3}},"line":222},"17":{"name":"(anonymous_17)","decl":{"start":{"line":231,"column":2},"end":{"line":231,"column":3}},"loc":{"start":{"line":231,"column":33},"end":{"line":239,"column":3}},"line":231},"18":{"name":"(anonymous_18)","decl":{"start":{"line":241,"column":2},"end":{"line":241,"column":3}},"loc":{"start":{"line":241,"column":61},"end":{"line":247,"column":3}},"line":241},"19":{"name":"(anonymous_19)","decl":{"start":{"line":249,"column":2},"end":{"line":249,"column":3}},"loc":{"start":{"line":249,"column":22},"end":{"line":341,"column":3}},"line":249},"20":{"name":"(anonymous_20)","decl":{"start":{"line":294,"column":36},"end":{"line":294,"column":37}},"loc":{"start":{"line":294,"column":48},"end":{"line":296,"column":11}},"line":294},"21":{"name":"(anonymous_21)","decl":{"start":{"line":321,"column":36},"end":{"line":321,"column":37}},"loc":{"start":{"line":321,"column":48},"end":{"line":323,"column":11}},"line":321},"22":{"name":"(anonymous_22)","decl":{"start":{"line":333,"column":18},"end":{"line":333,"column":19}},"loc":{"start":{"line":333,"column":30},"end":{"line":333,"column":44}},"line":333},"23":{"name":"(anonymous_23)","decl":{"start":{"line":343,"column":2},"end":{"line":343,"column":3}},"loc":{"start":{"line":343,"column":11},"end":{"line":355,"column":3}},"line":343},"24":{"name":"(anonymous_24)","decl":{"start":{"line":346,"column":76},"end":{"line":346,"column":77}},"loc":{"start":{"line":346,"column":83},"end":{"line":346,"column":100}},"line":346},"25":{"name":"(anonymous_25)","decl":{"start":{"line":393,"column":12},"end":{"line":393,"column":13}},"loc":{"start":{"line":393,"column":18},"end":{"line":394,"column":3}},"line":393},"26":{"name":"(anonymous_26)","decl":{"start":{"line":395,"column":14},"end":{"line":395,"column":15}},"loc":{"start":{"line":395,"column":23},"end":{"line":395,"column":27}},"line":395}},"branchMap":{"0":{"loc":{"start":{"line":38,"column":4},"end":{"line":42,"column":5}},"type":"if","locations":[{"start":{"line":38,"column":4},"end":{"line":42,"column":5}},{"start":{"line":38,"column":4},"end":{"line":42,"column":5}}],"line":38},"1":{"loc":{"start":{"line":47,"column":4},"end":{"line":49,"column":5}},"type":"if","locations":[{"start":{"line":47,"column":4},"end":{"line":49,"column":5}},{"start":{"line":47,"column":4},"end":{"line":49,"column":5}}],"line":47},"2":{"loc":{"start":{"line":50,"column":4},"end":{"line":52,"column":5}},"type":"if","locations":[{"start":{"line":50,"column":4},"end":{"line":52,"column":5}},{"start":{"line":50,"column":4},"end":{"line":52,"column":5}}],"line":50},"3":{"loc":{"start":{"line":50,"column":8},"end":{"line":50,"column":47}},"type":"binary-expr","locations":[{"start":{"line":50,"column":8},"end":{"line":50,"column":24}},{"start":{"line":50,"column":28},"end":{"line":50,"column":47}}],"line":50},"4":{"loc":{"start":{"line":58,"column":4},"end":{"line":63,"column":5}},"type":"if","locations":[{"start":{"line":58,"column":4},"end":{"line":63,"column":5}},{"start":{"line":58,"column":4},"end":{"line":63,"column":5}}],"line":58},"5":{"loc":{"start":{"line":73,"column":30},"end":{"line":73,"column":59}},"type":"cond-expr","locations":[{"start":{"line":73,"column":41},"end":{"line":73,"column":55}},{"start":{"line":73,"column":58},"end":{"line":73,"column":59}}],"line":73},"6":{"loc":{"start":{"line":77,"column":17},"end":{"line":77,"column":43}},"type":"binary-expr","locations":[{"start":{"line":77,"column":17},"end":{"line":77,"column":37}},{"start":{"line":77,"column":41},"end":{"line":77,"column":43}}],"line":77},"7":{"loc":{"start":{"line":78,"column":4},"end":{"line":84,"column":5}},"type":"if","locations":[{"start":{"line":78,"column":4},"end":{"line":84,"column":5}},{"start":{"line":78,"column":4},"end":{"line":84,"column":5}}],"line":78},"8":{"loc":{"start":{"line":79,"column":6},"end":{"line":81,"column":7}},"type":"if","locations":[{"start":{"line":79,"column":6},"end":{"line":81,"column":7}},{"start":{"line":79,"column":6},"end":{"line":81,"column":7}}],"line":79},"9":{"loc":{"start":{"line":90,"column":4},"end":{"line":92,"column":5}},"type":"if","locations":[{"start":{"line":90,"column":4},"end":{"line":92,"column":5}},{"start":{"line":90,"column":4},"end":{"line":92,"column":5}}],"line":90},"10":{"loc":{"start":{"line":97,"column":4},"end":{"line":99,"column":5}},"type":"if","locations":[{"start":{"line":97,"column":4},"end":{"line":99,"column":5}},{"start":{"line":97,"column":4},"end":{"line":99,"column":5}}],"line":97},"11":{"loc":{"start":{"line":110,"column":4},"end":{"line":121,"column":5}},"type":"if","locations":[{"start":{"line":110,"column":4},"end":{"line":121,"column":5}},{"start":{"line":110,"column":4},"end":{"line":121,"column":5}}],"line":110},"12":{"loc":{"start":{"line":123,"column":4},"end":{"line":198,"column":5}},"type":"switch","locations":[{"start":{"line":124,"column":6},"end":{"line":124,"column":18}},{"start":{"line":125,"column":6},"end":{"line":125,"column":20}},{"start":{"line":126,"column":6},"end":{"line":126,"column":18}},{"start":{"line":127,"column":6},"end":{"line":127,"column":28}},{"start":{"line":128,"column":6},"end":{"line":128,"column":18}},{"start":{"line":129,"column":6},"end":{"line":129,"column":19}},{"start":{"line":130,"column":6},"end":{"line":130,"column":18}},{"start":{"line":131,"column":6},"end":{"line":140,"column":10}},{"start":{"line":141,"column":6},"end":{"line":148,"column":10}},{"start":{"line":149,"column":6},"end":{"line":156,"column":16}},{"start":{"line":157,"column":6},"end":{"line":167,"column":10}},{"start":{"line":168,"column":6},"end":{"line":176,"column":10}},{"start":{"line":177,"column":6},"end":{"line":185,"column":10}},{"start":{"line":186,"column":6},"end":{"line":194,"column":10}},{"start":{"line":195,"column":6},"end":{"line":197,"column":7}}],"line":123},"13":{"loc":{"start":{"line":134,"column":23},"end":{"line":134,"column":72}},"type":"cond-expr","locations":[{"start":{"line":134,"column":33},"end":{"line":134,"column":53}},{"start":{"line":134,"column":56},"end":{"line":134,"column":72}}],"line":134},"14":{"loc":{"start":{"line":144,"column":23},"end":{"line":144,"column":72}},"type":"cond-expr","locations":[{"start":{"line":144,"column":33},"end":{"line":144,"column":53}},{"start":{"line":144,"column":56},"end":{"line":144,"column":72}}],"line":144},"15":{"loc":{"start":{"line":152,"column":23},"end":{"line":152,"column":72}},"type":"cond-expr","locations":[{"start":{"line":152,"column":33},"end":{"line":152,"column":53}},{"start":{"line":152,"column":56},"end":{"line":152,"column":72}}],"line":152},"16":{"loc":{"start":{"line":160,"column":23},"end":{"line":160,"column":72}},"type":"cond-expr","locations":[{"start":{"line":160,"column":33},"end":{"line":160,"column":53}},{"start":{"line":160,"column":56},"end":{"line":160,"column":72}}],"line":160},"17":{"loc":{"start":{"line":163,"column":29},"end":{"line":164,"column":70}},"type":"cond-expr","locations":[{"start":{"line":164,"column":22},"end":{"line":164,"column":56}},{"start":{"line":164,"column":59},"end":{"line":164,"column":70}}],"line":163},"18":{"loc":{"start":{"line":171,"column":23},"end":{"line":171,"column":72}},"type":"cond-expr","locations":[{"start":{"line":171,"column":33},"end":{"line":171,"column":53}},{"start":{"line":171,"column":56},"end":{"line":171,"column":72}}],"line":171},"19":{"loc":{"start":{"line":180,"column":23},"end":{"line":180,"column":72}},"type":"cond-expr","locations":[{"start":{"line":180,"column":33},"end":{"line":180,"column":53}},{"start":{"line":180,"column":56},"end":{"line":180,"column":72}}],"line":180},"20":{"loc":{"start":{"line":189,"column":21},"end":{"line":189,"column":70}},"type":"cond-expr","locations":[{"start":{"line":189,"column":31},"end":{"line":189,"column":51}},{"start":{"line":189,"column":54},"end":{"line":189,"column":70}}],"line":189},"21":{"loc":{"start":{"line":215,"column":4},"end":{"line":219,"column":5}},"type":"if","locations":[{"start":{"line":215,"column":4},"end":{"line":219,"column":5}},{"start":{"line":215,"column":4},"end":{"line":219,"column":5}}],"line":215},"22":{"loc":{"start":{"line":224,"column":4},"end":{"line":228,"column":5}},"type":"if","locations":[{"start":{"line":224,"column":4},"end":{"line":228,"column":5}},{"start":{"line":224,"column":4},"end":{"line":228,"column":5}}],"line":224},"23":{"loc":{"start":{"line":224,"column":8},"end":{"line":224,"column":51}},"type":"binary-expr","locations":[{"start":{"line":224,"column":8},"end":{"line":224,"column":26}},{"start":{"line":224,"column":30},"end":{"line":224,"column":51}}],"line":224},"24":{"loc":{"start":{"line":232,"column":4},"end":{"line":238,"column":5}},"type":"if","locations":[{"start":{"line":232,"column":4},"end":{"line":238,"column":5}},{"start":{"line":232,"column":4},"end":{"line":238,"column":5}}],"line":232},"25":{"loc":{"start":{"line":234,"column":11},"end":{"line":238,"column":5}},"type":"if","locations":[{"start":{"line":234,"column":11},"end":{"line":238,"column":5}},{"start":{"line":234,"column":11},"end":{"line":238,"column":5}}],"line":234},"26":{"loc":{"start":{"line":252,"column":4},"end":{"line":265,"column":5}},"type":"if","locations":[{"start":{"line":252,"column":4},"end":{"line":265,"column":5}},{"start":{"line":252,"column":4},"end":{"line":265,"column":5}}],"line":252},"27":{"loc":{"start":{"line":260,"column":12},"end":{"line":262,"column":25}},"type":"cond-expr","locations":[{"start":{"line":261,"column":14},"end":{"line":261,"column":77}},{"start":{"line":262,"column":14},"end":{"line":262,"column":25}}],"line":260},"28":{"loc":{"start":{"line":267,"column":4},"end":{"line":339,"column":5}},"type":"switch","locations":[{"start":{"line":268,"column":6},"end":{"line":268,"column":18}},{"start":{"line":269,"column":6},"end":{"line":269,"column":22}},{"start":{"line":270,"column":6},"end":{"line":270,"column":19}},{"start":{"line":271,"column":6},"end":{"line":271,"column":22}},{"start":{"line":272,"column":6},"end":{"line":272,"column":20}},{"start":{"line":273,"column":6},"end":{"line":273,"column":18}},{"start":{"line":274,"column":6},"end":{"line":274,"column":28}},{"start":{"line":275,"column":6},"end":{"line":275,"column":18}},{"start":{"line":276,"column":6},"end":{"line":276,"column":19}},{"start":{"line":277,"column":6},"end":{"line":277,"column":18}},{"start":{"line":278,"column":6},"end":{"line":289,"column":7}},{"start":{"line":290,"column":6},"end":{"line":290,"column":19}},{"start":{"line":291,"column":6},"end":{"line":308,"column":7}},{"start":{"line":309,"column":6},"end":{"line":317,"column":10}},{"start":{"line":318,"column":6},"end":{"line":335,"column":7}},{"start":{"line":336,"column":6},"end":{"line":338,"column":7}}],"line":267},"29":{"loc":{"start":{"line":286,"column":15},"end":{"line":286,"column":64}},"type":"cond-expr","locations":[{"start":{"line":286,"column":34},"end":{"line":286,"column":50}},{"start":{"line":286,"column":53},"end":{"line":286,"column":64}}],"line":286},"30":{"loc":{"start":{"line":293,"column":8},"end":{"line":297,"column":9}},"type":"if","locations":[{"start":{"line":293,"column":8},"end":{"line":297,"column":9}},{"start":{"line":293,"column":8},"end":{"line":297,"column":9}}],"line":293},"31":{"loc":{"start":{"line":305,"column":15},"end":{"line":305,"column":97}},"type":"cond-expr","locations":[{"start":{"line":305,"column":35},"end":{"line":305,"column":82}},{"start":{"line":305,"column":86},"end":{"line":305,"column":97}}],"line":305},"32":{"loc":{"start":{"line":305,"column":35},"end":{"line":305,"column":82}},"type":"cond-expr","locations":[{"start":{"line":305,"column":46},"end":{"line":305,"column":62}},{"start":{"line":305,"column":65},"end":{"line":305,"column":82}}],"line":305},"33":{"loc":{"start":{"line":320,"column":8},"end":{"line":324,"column":9}},"type":"if","locations":[{"start":{"line":320,"column":8},"end":{"line":324,"column":9}},{"start":{"line":320,"column":8},"end":{"line":324,"column":9}}],"line":320},"34":{"loc":{"start":{"line":332,"column":15},"end":{"line":333,"column":70}},"type":"cond-expr","locations":[{"start":{"line":332,"column":67},"end":{"line":333,"column":56}},{"start":{"line":333,"column":59},"end":{"line":333,"column":70}}],"line":332},"35":{"loc":{"start":{"line":332,"column":15},"end":{"line":332,"column":64}},"type":"binary-expr","locations":[{"start":{"line":332,"column":15},"end":{"line":332,"column":31}},{"start":{"line":332,"column":35},"end":{"line":332,"column":64}}],"line":332},"36":{"loc":{"start":{"line":344,"column":4},"end":{"line":354,"column":5}},"type":"if","locations":[{"start":{"line":344,"column":4},"end":{"line":354,"column":5}},{"start":{"line":344,"column":4},"end":{"line":354,"column":5}}],"line":344}},"s":{"0":28,"1":28,"2":28,"3":28,"4":28,"5":28,"6":28,"7":28,"8":38,"9":0,"10":1,"11":1,"12":1,"13":1,"14":0,"15":2,"16":2,"17":2,"18":1,"19":1,"20":1,"21":2,"22":2,"23":2,"24":2,"25":0,"26":0,"27":0,"28":0,"29":0,"30":0,"31":0,"32":19,"33":19,"34":18,"35":3,"36":3,"37":2,"38":1,"39":19,"40":19,"41":19,"42":1,"43":0,"44":18,"45":13,"46":1,"47":1,"48":1,"49":1,"50":1,"51":0,"52":0,"53":19,"54":19,"55":19,"56":19,"57":1,"58":19,"59":19,"60":19,"61":46,"62":2,"63":44,"64":2,"65":42,"66":38,"67":48,"68":48,"69":0,"70":48,"71":40,"72":2,"73":0,"74":0,"75":2,"76":1,"77":4,"78":2,"79":4,"80":4,"81":3,"82":1,"83":67,"84":19,"85":1,"86":48,"87":1,"88":1,"89":1},"f":{"0":28,"1":38,"2":1,"3":2,"4":1,"5":2,"6":2,"7":0,"8":0,"9":19,"10":3,"11":1,"12":19,"13":0,"14":19,"15":19,"16":19,"17":46,"18":38,"19":48,"20":0,"21":4,"22":3,"23":67,"24":1,"25":0,"26":1},"b":{"0":[0,38],"1":[1,0],"2":[0,1],"3":[1,0],"4":[1,1],"5":[0,0],"6":[0,0],"7":[0,0],"8":[0,0],"9":[18,1],"10":[2,1],"11":[1,18],"12":[13,13,13,13,13,13,13,13,1,1,1,1,1,0,0],"13":[13,0],"14":[1,0],"15":[1,0],"16":[1,0],"17":[1,0],"18":[1,0],"19":[1,0],"20":[0,0],"21":[1,18],"22":[19,0],"23":[19,19],"24":[2,44],"25":[2,42],"26":[0,48],"27":[0,0],"28":[39,39,39,40,40,40,40,40,40,40,40,1,2,1,4,1],"29":[2,38],"30":[0,2],"31":[0,2],"32":[0,0],"33":[2,2],"34":[2,2],"35":[4,2],"36":[19,48]},"_coverageSchema":"43e27e138ebf9cfc5966b082cf9a028302ed4184","hash":"f06a9d2d89d7b153028072db782fa724264a862f"}
+}

package.json

 {
   "name": "react-easy-edit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A react library for inline editing components",
@@ -51,14 +51,14 @@ "homepage": "https://github.com/giorgosart/react-easy-edit#readme",
   "devDependencies": {
-    "@babel/cli": "^7.4.3",
-    "@babel/core": "^7.4.3",
-    "@babel/plugin-proposal-class-properties": "^7.4.0",
-    "@babel/preset-env": "^7.4.3",
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.4",
+    "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
     "@babel/preset-react": "^7.0.0",
     "enzyme": "3.9.0",
-    "enzyme-adapter-react-16": "1.12.1",
+    "enzyme-adapter-react-16": "1.13.0",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-scripts": "^3.0.0",
-    "rollup": "^1.10.1",
+    "react-scripts": "^3.0.1",
+    "rollup": "^1.11.3",
     "rollup-plugin-babel": "^4.3.2",
@@ -65,0 +65,0 @@ "rollup-plugin-postcss": "^2.0.3",

README.md

@@ -10,3 +10,3 @@ [![Test](https://img.shields.io/npm/v/react-easy-edit.svg?style=flat)](https://www.npmjs.com/package/react-easy-edit)
 
-If you would like to see what the next release looks like, visit our [Dev](https://github.com/giorgosart/react-easy-edit/projects/15) project :rocket:
+If you would like to see what the next release looks like, visit our [Dev](https://github.com/giorgosart/react-easy-edit/projects/16) project :rocket:
 
@@ -17,3 +17,3 @@ ## Features
 - Allows customisation on all elements including the save and cancel buttons
-- Supports custom editComponent and customPlaceholder for each type
+- Supports custom editComponent and custom displayComponent  for each type
 
@@ -39,3 +39,3 @@ ## Props
 | editComponent     | element                   | No       | null            | The custom component to be displayed when editing the value. This will override the standard input shown for the ```type``` provided                                                     |
-| placeholderComponent     | element                   | No       | null            | The custom component to be displayed the value when not editing                                                                                                                        |
+| displayComponent  | element                   | No       | null            | The custom component to be displayed the value when not editing                                                                                                                        |
 
@@ -74,3 +74,3 @@ ## Installation
 
-When using custom input component they must be definted as components in the props, like so:
+When using custom input components, they must be passed in as props, like so:
 ```
@@ -81,3 +81,3 @@ <EasyEdit
     editComponent={<CustomInput />}
-    placeholderComponent={<CustomPlaceholder />}
+    displayComponent={<CustomDisplay />}
 />
@@ -84,0 +84,0 @@ ```

No alert changes

Improved metrics

Total package byte prevSize

448330

increased by39.67%

Number of package files

54

increased by8%

Lines of code

676

increased by17.36%

No dependency changes