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.82 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),l=require("primereact/componentbase"),a=require("primereact/hooks"),r=require("primereact/icons/times"),o=require("primereact/utils");function i(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 c=i(e);function s(e){if(Array.isArray(e))return e}function p(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,s=!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){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function u(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 d(e,n){if(e){if("string"==typeof e)return u(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)?u(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 m={display:function(e){return o.classNames("p-inplace-display",{"p-disabled":e.props.disabled})},root:function(e){return o.classNames("p-inplace p-component",{"p-inplace-closable":e.props.closable})},closeButton:"p-inplace-content-close",content:"p-inplace-content"};l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),l.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var v=l.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:m,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"}}),y=function(e){return e.children},b=function(e){return e.children},g=c.forwardRef((function(e,i){var u,m,y=a.useMergeProps(),b=c.useContext(n.PrimeReactContext),g=v.getProps(e,b),I=c.useState(g.active),h=(m=2,s(u=I)||p(u,m)||d(u,m)||f()),C=h[0],O=h[1],x=c.useRef(null),E=g.onToggle?g.active:C,N={props:g,state:{active:C}},P=v.setMetaData(N),j=P.ptm,_=P.cx;l.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())},q=function(e){var n=y({onClick:T,className:_("display"),onKeyDown:S,tabIndex:g.tabIndex||"0",role:"button","aria-label":g.ariaLabel},j("display"));return c.createElement("div",n,e)},w=function(){var e=o.IconUtils.getJSXIcon(g.closeIcon||c.createElement(r.TimesIcon,null),void 0,{props:g}),l=n.localeOption("aria")?n.localeOption("aria").close:void 0;if(g.closable){var a=y({className:_("closeButton"),icon:e,type:"button",onClick:D,"aria-label":l,pt:j("closeButton"),__parentMetadata:{parent:N}});return c.createElement(t.Button,a)}return null};c.useImperativeHandle(i,(function(){return{props:g,getElement:function(){return x.current}}})),a.useUpdateEffect((function(){g.active?T(null):D(null)}),[g.active]);var B,A=(B=["InplaceContent","InplaceDisplay"],c.Children.map(g.children,(function(e){return E&&o.ObjectUtils.isValidChild(e,"InplaceContent",B)?(n=e,t=w(),l=y({className:_("content")},j("content")),c.createElement("div",l,n,t)):!E&&o.ObjectUtils.isValidChild(e,"InplaceDisplay",B)?q(e):void 0;var n,t,l}))),M=y({ref:x,className:o.classNames(g.className,_("root")),"aria-live":"polite"},v.getOtherProps(g),j("root"));return c.createElement("div",M,A)}));y.displayName="InplaceDisplay",b.displayName="InplaceContent",g.displayName="Inplace",exports.Inplace=g,exports.InplaceContent=b,exports.InplaceDisplay=y;