openstack-uicore-foundation/lib/components/inputs/editor-input.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},2015:e=>{e.exports=require("react")},9755:e=>{e.exports=require("react-rte")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};r.r(n),r.d(n,{default:()=>f});var o=r(6031),i=r.n(o),l=r(2462),a=r.n(l),s=r(1116),u=r.n(s),c=r(2015),p=r.n(c);const d=["onChange","value","error","className","id","maxLength"];function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){u()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}class f extends p().Component{constructor(e){var t;if(super(e),this.RichTextEditor=null,this.getTextAlignClassName=null,this.getTextAlignStyles=null,"undefined"!=typeof window){const{default:e,getTextAlignClassName:t,getTextAlignStyles:n}=r(9755);this.RichTextEditor=e,this.getTextAlignClassName=t,this.getTextAlignStyles=n}this.state={editorValue:null===(t=this.RichTextEditor)||void 0===t?void 0:t.createEmptyValue(),currentValue:null},this.handleChange=this.handleChange.bind(this)}static getDerivedStateFromProps(e,t){const{value:n}=e,{editorValue:o,currentValue:i}=t;if(null!=i&&n===i)return t;let l=o.setContentFromString(n,"html");if("undefined"!=typeof window){const{getTextAlignBlockMetadata:e}=r(9755);l=o.setContentFromString(n,"html",{customBlockFn:e})}return g(g({},t),{},{editorValue:l,currentValue:n})}handleChange(e){let t=this.state.editorValue;if(this.setState({editorValue:e}),(t?t.getEditorState().getCurrentContent():null)!==e.getEditorState().getCurrentContent()){let t=e.toString("html",{blockStyleFn:this.getTextAlignStyles});if(t="<p><br></p>"===t?"":t,this.setState({currentValue:t}),t!==this.props.value){let e={target:{id:this.props.id,value:t,type:"texteditor"}};this.props.onChange(e)}}}render(){const e=this.props,{onChange:t,value:r,error:n,className:o,id:l,maxLength:s}=e,u=a()(e,d),{currentValue:c,editorValue:h}=this.state,g=this.props.hasOwnProperty("error")&&""!==n,f=s-c.length;return p().createElement("div",{className:"editor-input"},this.RichTextEditor&&p().createElement(this.RichTextEditor,i()({id:l,className:o+" "+(g?"error":""),value:h,onChange:this.handleChange,blockStyleFn:this.getTextAlignClassName},u)),!!s&&p().createElement("p",null,p().createElement("i",null,"characters left: ",f)),g&&p().createElement("p",{className:"error-label"},n))}}return n})()));
//# sourceMappingURL=editor-input.js.map