@sap-ux/ui-components
Version:
SAP UI Components Library
10 lines (7 loc) • 4.45 kB
JavaScript
;(()=>{var _=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(c,e,s)=>e in c?_(c,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[e]=s,l=(c,e)=>{for(var s in e||(e={}))B.call(e,s)&&g(c,s,e[s]);if(d)for(var s of d(e))I.call(e,s)&&g(c,s,e[s]);return c},m=(c,e)=>y(c,M(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[733],{"./src/components/UIMessageBar/UIMessageBar.tsx"(c,e,s){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIMessageBar=e.UIMessageBarType=void 0;const i=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIMessageBarType",{enumerable:!0,get:function(){return t.MessageBarType}});const r=s("./src/components/Icons.tsx");class n extends i.default.Component{constructor(a){super(a),this.setStyle=f=>{const{messageBarType:p}=f;return{root:l({},(p===t.MessageBarType.error||p===t.MessageBarType.success||p===t.MessageBarType.info||p===t.MessageBarType.warning)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}getMessageTypeIcon(a){switch(a){case t.MessageBarType.error:return r.UiIcons.Error;case t.MessageBarType.info:return r.UiIcons.Info;case t.MessageBarType.warning:return r.UiIcons.Warning;default:return r.UiIcons.Success}}render(){const a=this.getMessageTypeIcon(this.props.messageBarType);return i.default.createElement(t.MessageBar,m(l({},this.props),{messageBarIconProps:{iconName:a},styles:this.setStyle(this.props)}),this.props.children)}}e.UIMessageBar=n,n.__docgenInfo={description:`UIMessageBar component
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/MessageBar
@exports
@class UIMessageBar
@extends {React.Component<IMessageBarProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"IMessageBarProps",alias:"IMessageBarProps"}}],returns:{type:{name:"IMessageBarStyles"}}},{name:"getMessageTypeIcon",docblock:`Returns the corresponding UI icon for the given message type.
@param {MessageBarType} [type] - The type of the message (optional).
@returns {UiIcons} The UI icon that corresponds to the given message type.`,modifiers:[],params:[{name:"type",optional:!0,type:{name:"MessageBarType",alias:"MessageBarType"}}],returns:null,description:"Returns the corresponding UI icon for the given message type."}],displayName:"UIMessageBar"}},"./src/components/UIMessageBar/index.tsx"(c,e,s){var u=this&&this.__createBinding||(Object.create?(function(t,r,n,o){o===void 0&&(o=n);var a=Object.getOwnPropertyDescriptor(r,n);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(t,o,a)}):(function(t,r,n,o){o===void 0&&(o=n),t[o]=r[n]})),i=this&&this.__exportStar||function(t,r){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&u(r,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(s("./src/components/UIMessageBar/UIMessageBar.tsx"),e)},"./stories/UIMessageBar.story.tsx"(c,e,s){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const i=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js"),r=s("./src/components/UIMessageBar/index.tsx");e.default={title:"Utilities/MessageBar"};const n={childrenGap:40},o=()=>i.default.createElement(t.Stack,{tokens:n},i.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.success},i.default.createElement("div",null,"Success message bar")),i.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.error},i.default.createElement("div",null,"Error message bar")));e.defaultUsage=o}}]);})();