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) • 4.8 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.inplace=function(e,n,t,l,a,r,o,i){"use strict";function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=c(n);function s(e){if(Array.isArray(e))return e}function u(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,o,i=[],c=!0,p=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=r.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw a}}return i}}function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=Array(n);t<n;t++)l[t]=e[t];return l}function f(e,n){if(e){if("string"==typeof e)return d(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y={display:function(e){return i.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return i.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var v=a.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},css:{classes:y,styles:"\n@layer primereact {\n .p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n }\n \n .p-inplace .p-inplace-content {\n display: inline;\n }\n \n .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n }\n \n .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n }\n \n .p-inplace-content-close {\n margin-left: .25rem;\n }\n}\n"}}),b=function(e){return e.children},g=function(e){return e.children},h=p.forwardRef((function(e,n){var c,d,y=r.useMergeProps(),b=p.useContext(t.PrimeReactContext),g=v.getProps(e,b),h=p.useState(g.active),I=(d=2,s(c=h)||u(c,d)||f(c,d)||m()),C=I[0],O=I[1],E=p.useRef(null),x=g.onToggle?g.active:C,N={props:g,state:{active:C}},P=v.setMetaData(N),j=P.ptm,_=P.cx;a.useHandleStyle(v.css.styles,P.isUnstyled,{name:"inplace"});var T=function(e){g.disabled||(g.onOpen&&g.onOpen(e),g.onToggle?g.onToggle({originalEvent:e,value:!0}):O(!0))},D=function(e){g.disabled||(g.onClose&&g.onClose(e),g.onToggle?g.onToggle({originalEvent:e,value:!1}):O(!1))},S=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(T(e),e.preventDefault())},w=function(e){var n=y({onClick:T,className:_("display"),onKeyDown:S,tabIndex:g.tabIndex||"0",role:"button","aria-label":g.ariaLabel},j("display"));return p.createElement("div",n,e)},B=function(){var e=i.IconUtils.getJSXIcon(g.closeIcon||p.createElement(o.TimesIcon,null),void 0,{props:g}),n=t.localeOption("aria")?t.localeOption("aria").close:void 0;if(g.closable){var a=y({className:_("closeButton"),icon:e,type:"button",onClick:D,"aria-label":n,pt:j("closeButton"),__parentMetadata:{parent:N}});return p.createElement(l.Button,a)}return null};p.useImperativeHandle(n,(function(){return{props:g,getElement:function(){return E.current}}})),r.useUpdateEffect((function(){g.active?T(null):D(null)}),[g.active]);var A,M=(A=["InplaceContent","InplaceDisplay"],p.Children.map(g.children,(function(e){return x&&i.ObjectUtils.isValidChild(e,"InplaceContent",A)?(n=e,t=B(),l=y({className:_("content")},j("content")),p.createElement("div",l,n,t)):!x&&i.ObjectUtils.isValidChild(e,"InplaceDisplay",A)?w(e):void 0;var n,t,l}))),U=y({ref:E,className:i.classNames(g.className,_("root")),"aria-live":"polite"},v.getOtherProps(g),j("root"));return p.createElement("div",U,M)}));return b.displayName="InplaceDisplay",g.displayName="InplaceContent",h.displayName="Inplace",e.Inplace=h,e.InplaceContent=g,e.InplaceDisplay=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.times,primereact.utils);