primereact/inputtextarea/inputtextarea.esm.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as u,DomHandler as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function f(e,t){if("object"!=c(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"==c(t)?t:t+""}function m(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=n.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0,className:null},css:{classes:{root:function(e){var t=e.props,n=e.context;return a("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=e.memo(e.forwardRef((function(n,c){var f=o(),y=e.useContext(t),m=d.getProps(n,y),v=e.useRef(c),g=e.useRef(0),h=d.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),O=h.ptm,P=h.cx;r(d.css.styles,h.isUnstyled,{name:"inputtextarea"});var w=function(e){var t=v.current;t&&x()&&(g.current||(g.current=t.scrollHeight,t.style.overflow="hidden"),(g.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",g.current=t.scrollHeight))},x=function(){if(s.isVisible(v.current)){var e=v.current.getBoundingClientRect();return e.width>0&&e.height>0}return!1};e.useEffect((function(){u.combinedRefs(v,c)}),[v,c]),e.useEffect((function(){m.autoResize&&w(!0)}),[m.autoResize,m.value]);var j=e.useMemo((function(){return u.isNotEmpty(m.value)||u.isNotEmpty(m.defaultValue)}),[m.value,m.defaultValue]),E=u.isNotEmpty(m.tooltip),R=f({ref:v,className:a(m.className,P("root",{context:y,isFilled:j})),onFocus:function(e){m.autoResize&&w(),m.onFocus&&m.onFocus(e)},onBlur:function(e){m.autoResize&&w(),m.onBlur&&m.onBlur(e)},onKeyUp:function(e){m.autoResize&&w(),m.onKeyUp&&m.onKeyUp(e)},onKeyDown:function(e){m.onKeyDown&&m.onKeyDown(e),m.keyfilter&&i.onKeyPress(e,m.keyfilter,m.validateOnly)},onBeforeInput:function(e){m.onBeforeInput&&m.onBeforeInput(e),m.keyfilter&&i.onBeforeInput(e,m.keyfilter,m.validateOnly)},onInput:function(e){var t=e.target;m.autoResize&&w(u.isEmpty(t.value)),m.onInput&&m.onInput(e),u.isNotEmpty(t.value)?s.addClass(t,"p-filled"):s.removeClass(t,"p-filled")},onPaste:function(e){m.onPaste&&m.onPaste(e),m.keyfilter&&i.onPaste(e,m.keyfilter,m.validateOnly)}},d.getOtherProps(m),O("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",R),E&&e.createElement(l,p({target:v,content:m.tooltip,pt:O("tooltip")},m.tooltipOptions)))})));g.displayName="InputTextarea";export{g as InputTextarea};