primereact/inplace/inplace.min.js

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

this.primereact=this.primereact||{},this.primereact.inplace=function(e,n,t,r,a){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var o=l(n);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},i.apply(this,arguments)}function c(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 r,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.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)?s(e,n):void 0}}function f(){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 d=function(e){return e.children},b=function(e){return e.children},y=o.forwardRef((function(e,n){var l,s,m=o.useState(e.active),v=(s=2,c(l=m)||u(l,s)||p(l,s)||f()),g=v[0],h=v[1],O=o.useRef(null),I=e.onToggle?e.active:g,j=function(e){return e&&"InplaceContent"===e.props.__TYPE},E=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},P=function(n){e.disabled||(e.onOpen&&e.onOpen(n),e.onToggle?e.onToggle({originalEvent:n,value:!0}):h(!0))},_=function(n){e.onClose&&e.onClose(n),e.onToggle?e.onToggle({originalEvent:n,value:!1}):h(!1)},T=function(e){"Enter"===e.key&&(P(e),e.preventDefault())},C=function(n){var t=a.ObjectUtils.findDiffKeys(n.props,d.defaultProps),r=a.classNames("p-inplace-display",{"p-disabled":e.disabled});return o.createElement("div",i({className:r},t,{onClick:P,onKeyDown:T,tabIndex:e.tabIndex,"aria-label":e.ariaLabel}),n)},N=function(n){var l=a.ObjectUtils.findDiffKeys(n.props,b.defaultProps),c=e.closable?o.createElement(r.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:_,"aria-label":t.localeOption("close")}):null;return o.createElement("div",i({className:"p-inplace-content"},l),n,c)};o.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return O.current}}}));var D=a.ObjectUtils.findDiffKeys(e,y.defaultProps),w=o.Children.map(e.children,(function(e){return I&&j(e)?N(e):!I&&E(e)?C(e):void 0})),A=a.classNames("p-inplace p-component",{"p-inplace-closable":e.closable},e.className);return o.createElement("div",i({ref:O,className:A},D),w)}));return d.displayName="InplaceDisplay",d.defaultProps={__TYPE:"InplaceDisplay"},b.displayName="InplaceContent",b.defaultProps={__TYPE:"InplaceContent"},y.displayName="Inplace",y.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},e.Inplace=y,e.InplaceContent=b,e.InplaceDisplay=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.utils);