@sap-ux/ui-components
Version:
SAP UI Components Library
2 lines (1 loc) • 16.7 kB
JavaScript
(()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,s,e)=>s in a?j(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,y=(a,s)=>{for(var e in s||(s={}))C.call(s,e)&&P(a,e,s[e]);if(O)for(var e of O(s))A.call(s,e)&&P(a,e,s[e]);return a},I=(a,s)=>h(a,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[939],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),a.exports=n},"./src/components/UIIcon/UIIcon.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>v});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const v=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>v});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const v=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return d.default.createElement(n.Icon,I(y({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}s.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UIInput/UITextInput.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITextInput=s.COMMON_INPUT_STYLES=s.ITextFieldProps=s.ITextField=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),r=e("./src/components/types.ts");var _=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"ITextField",{enumerable:!0,get:function(){return _.ITextField}}),Object.defineProperty(s,"ITextFieldProps",{enumerable:!0,get:function(){return _.ITextFieldProps}}),s.COMMON_INPUT_STYLES={borderRadius:2};const l={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class m extends d.default.Component{constructor(c){super(c),this.getStyles=u=>{const p=(0,t.getMessageInfo)(this.props);return{root:{height:"auto",fontFamily:"var(--vscode-font-family)"},fieldGroup:[{backgroundColor:l.regular.backgroundColor,borderWidth:1,borderStyle:l.regular.borderStyle,borderColor:l.regular.borderColor,color:l.regular.color,borderRadius:s.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!u.multiline&&{height:24,maxHeight:24,minHeight:24},!u.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},u.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:s.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:l.readOnly.borderStyle,backgroundColor:l.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},u.hasErrorMessage&&{borderColor:p.style.borderColor},u.focused&&{selectors:{":after":{border:this.getFocusBorder(p),borderRadius:s.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,fontFamily:"var(--vscode-font-family)",selectors:{"::placeholder":{fontSize:13,fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}}},!u.multiline&&{lineHeight:"normal"},u.multiline&&{minHeight:"60px",height:"auto",display:"flex"},u.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},u.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[y({marginTop:25},o.labelGlobalStyle),u.disabled&&{opacity:l.disabled.opacity},u.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[p.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(c){let u=l.focus.borderColor;return this.props.errorMessage&&c.style.borderColor&&(u=`var(${c.style.borderColor})`),`1px ${l.regular.borderStyle} ${u}`}onRenderDisabledInput(c,u){const p=this.props.disabled?I(y({},c),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):c;return(u==null?void 0:u(p))||null}onRenderInput(c,u){return this.props.onRenderInput?this.props.onRenderInput(c,p=>this.onRenderDisabledInput(p,u)):this.onRenderDisabledInput(c,u)}render(){const c=(0,t.getMessageInfo)(this.props),u=this.getStyles;return d.default.createElement(n.TextField,I(y({},this.props),{onRenderInput:this.onRenderInput,errorMessage:c.message,styles:u}))}}s.UITextInput=m},"./src/components/UIInput/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),s)},"./src/components/UILabel/UILabel.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/types.ts");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class o extends d.default.Component{constructor(_){super(_)}render(){const _=l=>({root:[y({marginTop:25},s.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(n.Label,I(y({},this.props),{styles:_}))}}s.UILabel=o},"./src/components/UILabel/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),s)},"./src/components/types.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.REQUIRED_LABEL_INDICATOR=void 0,s.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,s,e){"use strict";var i=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(s,"__esModule",{value:!0}),s.MESSAGE_ICONS_MAP=void 0,s.MessageWrapper=r;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),s.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[n.ErrorMessageType.Error,t.UiIcons.Error],[n.ErrorMessageType.Warning,t.UiIcons.Warning],[n.ErrorMessageType.Info,t.UiIcons.Info]]);function r(_){const{children:l,message:m}=_,g=m.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,c=s.MESSAGE_ICONS_MAP.get(m.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${g}`},d.default.createElement("div",{className:"ts-message-target"},l),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:c}),d.default.createElement("span",null,m.message)))}},"./src/helper/ValidationMessage/index.tsx":function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}:function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]}),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),s),d(e("./src/helper/ValidationMessage/utils.ts"),s)},"./src/helper/ValidationMessage/utils.ts":(a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getMessageInfo=s.MESSAGE_TYPES_CLASSNAME_MAP=s.ErrorMessageType=void 0;var e;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(e||(s.ErrorMessageType=e={}));const i=(_,l)=>{const m=`1px solid ${l}`;return{backgroundColor:_,borderLeft:m,borderRight:m,borderBottom:m,borderColor:l}},d={error:I(y({color:"var(--vscode-input-foreground)"},i("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=y(y({},d.error),i("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=y(y({},d.error),i("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),s.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const n=_=>{let l;switch(_){case e.Warning:{l=d.warning;break}case e.Info:{l=d.info;break}default:{l=d.error;break}}return l},t=_=>{if(_){if(_.errorMessage)return e.Error;if(_.warningMessage)return e.Warning;if(_.infoMessage)return e.Info}return e.Error},o=_=>{const l=["errorMessage","warningMessage","infoMessage"];for(const m of l)if(_!=null&&_[m])return _[m]},r=_=>{const l=t(_);return{type:l,style:n(l),message:o(_)}};s.getMessageInfo=r}}]);})();