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) • 7.41 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,r,o,a,l,i,s){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=c(t);function u(){return u=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},u.apply(null,arguments)}function b(e){return b="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},b(e)}function d(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"==b(t)?t:t+""}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=p.memo(p.forwardRef((function(e,t){var l=o.useMergeProps(),i=p.useContext(n.PrimeReactContext),s=f.getProps(e,i),c=f.setMetaData(v({props:s},s.__parentMetadata)),u=c.ptm,b=c.cx;r.useHandleStyle(f.css.styles,c.isUnstyled,{name:"badge"});var d=p.useRef(null);p.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:a.classNames(s.className,b("root"))},f.getOtherProps(s),u("root"));return p.createElement("span",m,s.value)})));O.displayName="Badge";var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a.classNames("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function j(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=p.memo(p.forwardRef((function(e,t){var c=o.useMergeProps(),b=p.useContext(n.PrimeReactContext),d=P.getProps(e,b),m=d.disabled||d.loading,f=h(h({props:d},d.__parentMetadata),{},{context:{disabled:m}}),y=P.setMetaData(f),v=y.ptm,j=y.cx;r.useHandleStyle(P.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=p.useRef(t);if(p.useEffect((function(){a.ObjectUtils.combinedRefs(N,t)}),[N,t]),!1===d.visible)return null;var w,E=!m||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=a.ObjectUtils.isNotEmpty(d.tooltip)&&E,S={large:"lg",small:"sm"}[d.size],x=function(){var e=a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(d.iconPos),d.label)),t=c({className:j("icon")},v("icon"));e=a.classNames(e,{"p-button-loading-icon":d.loading});var n=c({className:j("loadingIcon",{className:e})},v("loadingIcon")),r=d.loading?d.loadingIcon||p.createElement(l.SpinnerIcon,u({},n,{spin:!0})):d.icon;return a.IconUtils.getJSXIcon(r,h({},t),{props:d})}(),D=(w=c({className:j("label")},v("label")),d.label?p.createElement("span",w,d.label):!d.children&&!d.label&&p.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:" "}}))),M=function(){if(d.badge){var e=c({className:a.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},v("badge"));return p.createElement(O,e,d.badge)}return null}(),I=c({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],"data-pc-autofocus":d.autoFocus,className:a.classNames(d.className,j("root",{size:S,disabled:m})),disabled:m},P.getOtherProps(d),v("root"));return p.createElement(p.Fragment,null,p.createElement("button",I,x,D,d.children,M,p.createElement(i.Ripple,null)),_&&p.createElement(s.Tooltip,u({target:N,content:d.tooltip,pt:v("tooltip")},d.tooltipOptions)))})));return N.displayName="Button",e.Button=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.spinner,primereact.ripple,primereact.tooltip);