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.16 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r,n,o,a){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=c(t);function l(e){return l="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},l(e)}function s(e,t){if("object"!=l(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=s(e,"string");return"symbol"==l(t)?t:t+""}function p(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var f=n.ComponentBase.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},css:{classes:{value:"p-tag-value",icon:"p-tag-icon",root:function(e){var t=e.props;return a.classNames("p-tag p-component",p(p({},"p-tag-".concat(t.severity),null!==t.severity),"p-tag-rounded",t.rounded))}},styles:"\n@layer primereact {\n .p-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-tag-icon,\n .p-tag-value,\n .p-tag-icon.pi {\n line-height: 1.5;\n }\n \n .p-tag.p-tag-rounded {\n border-radius: 10rem;\n }\n}\n"}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=i.forwardRef((function(e,t){var c=o.useMergeProps(),l=i.useContext(r.PrimeReactContext),s=f.getProps(e,l),u=f.setMetaData({props:s}),p=u.ptm,m=u.cx;n.useHandleStyle(f.css.styles,u.isUnstyled,{name:"tag"});var b=i.useRef(null),g=c({className:m("icon")},p("icon")),v=a.IconUtils.getJSXIcon(s.icon,y({},g),{props:s});i.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return b.current}}}));var d=c({ref:b,className:a.classNames(s.className,m("root")),style:s.style},f.getOtherProps(s),p("root")),O=c({className:m("value")},p("value"));return i.createElement("span",d,v,i.createElement("span",O,s.value),i.createElement("span",null,s.children))}));return b.displayName="Tag",e.Tag=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);