UNPKG

primereact

Version:

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

2 lines (1 loc) 3.53 kB
import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}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 p,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function c(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function m(t){var e=c(t,"string");return"symbol"===f(e)?e:String(e)}var y=r.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(t){var e=t.props;return a("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":t.isFilled,"p-invalid":e.invalid},e.className)}}}});function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=m(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var v=t.memo(t.forwardRef((function(r,a){var f=o(),c=t.useContext(e),m=y.getProps(r,c),d=y.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),v=d.ptm,O=d.cx;n(y.css.styles,d.isUnstyled,{name:"inputtext",styled:!0});var P=t.useRef(a);t.useEffect((function(){p.combinedRefs(P,a)}),[P,a]);var g=t.useMemo((function(){return p.isNotEmpty(m.value)||p.isNotEmpty(m.defaultValue)}),[m.value,m.defaultValue]),j=p.isNotEmpty(m.tooltip),w=f({className:O("root",{isFilled:g}),onBeforeInput:function(t){m.onBeforeInput&&m.onBeforeInput(t),m.keyfilter&&i.onBeforeInput(t,m.keyfilter,m.validateOnly)},onInput:function(t){var e=t.target,r=!0;m.keyfilter&&m.validateOnly&&(r=i.validate(t,m.keyfilter)),m.onInput&&m.onInput(t,r),p.isNotEmpty(e.value)?u.addClass(e,"p-filled"):u.removeClass(e,"p-filled")},onKeyDown:function(t){m.onKeyDown&&m.onKeyDown(t),m.keyfilter&&i.onKeyPress(t,m.keyfilter,m.validateOnly)},onPaste:function(t){m.onPaste&&m.onPaste(t),m.keyfilter&&i.onPaste(t,m.keyfilter,m.validateOnly)}},y.getOtherProps(m),v("root"));return t.createElement(t.Fragment,null,t.createElement("input",s({ref:P},w)),j&&t.createElement(l,s({target:P,content:m.tooltip,pt:v("tooltip")},m.tooltipOptions)))})));v.displayName="InputText";export{v as InputText};