openstack-uicore-foundation/lib/components/inputs/textarea-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={6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},2015:e=>{e.exports=require("react")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.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 o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{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 o={};r.r(o),r.d(o,{default:()=>d});var n=r(6031),a=r.n(n),l=r(2462),u=r.n(l),s=r(2015),c=r.n(s);const i=["onChange","value","className","error","maxLength"],p=e=>{let{onChange:t,value:r,className:o,error:n,maxLength:l}=e,s=u()(e,i);const p=n&&""!==n,d=o||"form-control",f=Math.max(l-r.length,0);return c().createElement("div",null,c().createElement("textarea",a()({className:d+" "+(p?"error":""),value:r,onChange:e=>{var o,n;const a=!!((null==r?void 0:r.length)-(null===(o=e.target)||void 0===o||null===(n=o.value)||void 0===n?void 0:n.length));l&&!a||t(e),f&&t(e)},maxLength:l},s)),!!l&&c().createElement("p",null,c().createElement("i",null,"characters left: ",f)),p&&c().createElement("p",{className:"error-label"},n))};p.defaultProps={value:""};const d=p;return o})()));
//# sourceMappingURL=textarea-input.js.map