@sap-ux/ui-components 2.2.2 → 2.2.4

package/dist/components/UIContextualMenu/UIContextualMenu.scss

@@ -9,7 +9,7 @@ $layout-dropdown-menu-item-focus-background: $menu-item-selection-background;
 $layout-dropdown-menu-item-focus-color: $menu-item-selection-color;
 
 $layout-contextual-menu-border-color: var(--vscode-editorWidget-border);
-$layout-contextual-menu-border-radius: 4px;
+$layout-contextual-menu-border-radius: var(--vscode-cornerRadius-small, 4px);
 $layout-contextual-menu-item-hover-background: var(--vscode-menu-selectionBackground);
 $layout-contextual-menu-item-hover-color: var(--vscode-menu-selectionForeground, var(--vscode-menu-foreground));
 $layout-contextual-menu-item-focus-background: $layout-contextual-menu-item-hover-background;

package/dist/components/UIContextualMenu/_variables.scss

@@ -5,7 +5,7 @@ $menu-background: var(--vscode-menu-background, var(--vscode-input-background));
 $menu-color: var(--vscode-editorSuggestWidget-foreground);
 $menu-header-color: var(--vscode-editorSuggestWidget-highlightForeground);
 $menu-border-color: var(--vscode-focusBorder);
-$menu-border-radius: 4px;
+$menu-border-radius: var(--vscode-cornerRadius-large, 8px);
 
 $menu-item-height: 22px;
 $menu-item-horizontal-padding: 8px;

package/dist/components/UIDropdown/UIDropdown.scss

@@ -23,6 +23,7 @@
             line-height: $dropdown-line-height;
             border: $dropdown-input-border-width solid transparent;
             padding: $dropdown-input-text-padding;
+            border-radius: $dropdown-input-border-radius;
             @include base-font;
         }
         > .ms-Dropdown-caretDownWrapper {

package/dist/components/UIQuickNavigation/UIQuickNavigation.scss

@@ -10,7 +10,7 @@
     height: 18px;
     text-align: center;
     line-height: 18px;
-    border-radius: 2px;
+    border-radius: var(--vscode-cornerRadius-xSmall, 2px);
     box-shadow: var(--ui-box-shadow-small);
     pointer-events: none;
 }

package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss

@@ -1,7 +1,7 @@
 .ui-toggle-group-option {
     height: 22px;
     min-width: 22px;
-    border-radius: 2px;
+    border-radius: var(--vscode-cornerRadius-xSmall, 2px);
     font-style: normal;
     font-weight: 700;
     font-size: 13px;

package/dist/components/UITranslationInput/UITranslationInput.scss

@@ -18,7 +18,7 @@
         }
     }
     &__callout {
-        border-radius: 4px;
+        border-radius: var(--vscode-cornerRadius-small, 4px);
         .ms-Callout-main {
             padding: 0;
         }

package/dist/styles/_typography.scss

@@ -75,7 +75,7 @@ code {
       font-family: var(--vscode-editor-font-family);                                         
       font-size: 85%;                                                                          
       padding: 2px 4px;                                                                        
-      border-radius: 3px;                                                                      
+      border-radius: var(--vscode-cornerRadius-small, 4px);                                                                      
       color: var(--vscode-textPreformat-foreground);                                           
       background-color: var(--vscode-textPreformat-background);                                
     }

package/dist/styles/_variables.scss

@@ -23,7 +23,7 @@ $dropdown-input-background: var(--vscode-input-background);
 $dropdown-input-border-color: var(--vscode-editorWidget-border);
 $dropdown-input-focus-border-color: var(--vscode-focusBorder);
 // misc
-$dropdown-input-border-radius: 4px;
+$dropdown-input-border-radius: var(--vscode-cornerRadius-small, 4px);
 $dropdown-input-expand-icon-size: 16px;
 $dropdown-input-text-padding: 0px $dropdown-input-height 0 8px;
 $dropdown-input-border-width: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sap-ux/ui-components",
-  "version": "2.2.2",
+  "version": "2.2.4",
   "license": "Apache-2.0",
   "description": "SAP UI Components Library",
   "repository": {
@@ -23,7 +23,7 @@
     "react-movable": "2.5.4",
     "react-select": "5.10.2",
     "react-virtualized": "9.22.6",
-    "sanitize-html": "2.17.3",
+    "sanitize-html": "2.17.4",
     "uuid": "11.1.1"
   },
   "peerDependencies": {

package/storybook/133.7f9c4401.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var P=Object.defineProperty,S=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var O=(a,_,e)=>_ in a?P(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,f=(a,_)=>{for(var e in _||(_={}))T.call(_,e)&&O(a,e,_[e]);if(h)for(var e of h(_))C.call(_,e)&&O(a,e,_[e]);return a},I=(a,_)=>S(a,j(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[133],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,_,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),d=n(c);d.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=d},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(a,_,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),d=n(c);d.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=d},"./src/components/UIIcon/UIIcon.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>M});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(c),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(d),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(s),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=e.n(u),m=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=e.n(m),w={};for(const E in m)E!=="default"&&(w[E]=()=>m[E]);e.d(_,w);var b={};b.styleTagTransform=i(),b.setAttributes=l(),b.insert=r().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=y();var v=n()(g(),b);const M=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>M});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(c),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(d),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(s),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=e.n(u),m=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=e.n(m),w={};for(const E in m)E!=="default"&&(w[E]=()=>m[E]);e.d(_,w);var b={};b.styleTagTransform=i(),b.setAttributes=l(),b.insert=r().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=y();var v=n()(g(),b);const M=g()&&g().locals?g().locals:void 0},"./src/components/UIIcon/UIIcon.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends n.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return n.default.createElement(d.Icon,I(f({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,t,o,r){r===void 0&&(r=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(d,r,s)}):(function(d,t,o,r){r===void 0&&(r=o),d[r]=t[o]})),n=this&&this.__exportStar||function(d,t){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&c(t,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/components/UIInput/UITextInput.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITextInput=_.COMMON_INPUT_STYLES=_.ITextFieldProps=_.ITextField=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/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 s=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"ITextField",{enumerable:!0,get:function(){return s.ITextField}}),Object.defineProperty(_,"ITextFieldProps",{enumerable:!0,get:function(){return s.ITextFieldProps}}),_.COMMON_INPUT_STYLES={borderRadius:4};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 p extends n.default.Component{constructor(u){super(u),this.getStyles=i=>{const m=(0,t.getMessageInfo)(this.props);return{root:{height:"auto"},fieldGroup:[{backgroundColor:l.regular.backgroundColor,borderWidth:1,borderStyle:l.regular.borderStyle,borderColor:l.regular.borderColor,color:l.regular.color,borderRadius:_.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!i.multiline&&{height:24,maxHeight:24,minHeight:24},!i.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},i.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:_.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)"}}},i.hasErrorMessage&&{borderColor:m.style.borderColor},i.focused&&{selectors:{":after":{border:this.getFocusBorder(m),borderRadius:_.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:_.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!i.multiline&&{lineHeight:"normal"},i.multiline&&{minHeight:"60px",height:"auto",display:"flex"},i.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},i.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[f({marginTop:25},o.labelGlobalStyle),i.disabled&&{opacity:l.disabled.opacity},i.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[m.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(u){let i=l.focus.borderColor;return this.props.errorMessage&&u.style.borderColor&&(i=`var(${u.style.borderColor})`),`1px ${l.regular.borderStyle} ${i}`}onRenderDisabledInput(u,i){const m=this.props.disabled?I(f({},u),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):u;return(i==null?void 0:i(m))||null}onRenderInput(u,i){return this.props.onRenderInput?this.props.onRenderInput(u,m=>this.onRenderDisabledInput(m,i)):this.onRenderDisabledInput(u,i)}render(){const u=(0,t.getMessageInfo)(this.props),i=this.getStyles;return n.default.createElement(d.TextField,I(f({},this.props),{onRenderInput:this.onRenderInput,errorMessage:u.message,styles:i}))}}_.UITextInput=p},"./src/components/UIInput/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,t,o,r){r===void 0&&(r=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(d,r,s)}):(function(d,t,o,r){r===void 0&&(r=o),d[r]=t[o]})),n=this&&this.__exportStar||function(d,t){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&c(t,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UIInput/UITextInput.tsx"),_)},"./src/components/UILabel/UILabel.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.UILabel=_.labelGlobalStyle=void 0;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/types.ts");_.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends n.default.Component{constructor(s){super(s)}render(){const s=l=>({root:[f({marginTop:25},_.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return n.default.createElement(d.Label,I(f({},this.props),{styles:s}))}}_.UILabel=o},"./src/components/UILabel/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,t,o,r){r===void 0&&(r=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(d,r,s)}):(function(d,t,o,r){r===void 0&&(r=o),d[r]=t[o]})),n=this&&this.__exportStar||function(d,t){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&c(t,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/components/UILabel/UILabel.tsx"),_)},"./src/components/types.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.REQUIRED_LABEL_INDICATOR=void 0,_.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/helper/ValidationMessage/MessageWrapper.tsx"(a,_,e){"use strict";var c=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.MESSAGE_ICONS_MAP=void 0,_.MessageWrapper=r;const n=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=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"),_.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[d.ErrorMessageType.Error,t.UiIcons.Error],[d.ErrorMessageType.Warning,t.UiIcons.Warning],[d.ErrorMessageType.Info,t.UiIcons.Info]]);function r(s){const{children:l,message:p}=s,y=p.message?d.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,u=_.MESSAGE_ICONS_MAP.get(p.type);return n.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${y}`},n.default.createElement("div",{className:"ts-message-target"},l),n.default.createElement("div",{className:"ts-message-body"},n.default.createElement(o.UIIcon,{iconName:u}),n.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(a,_,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,t,o,r){r===void 0&&(r=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(d,r,s)}):(function(d,t,o,r){r===void 0&&(r=o),d[r]=t[o]})),n=this&&this.__exportStar||function(d,t){for(var o in d)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&c(t,d,o)};Object.defineProperty(_,"__esModule",{value:!0}),n(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),n(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(e||(_.ErrorMessageType=e={}));const c=(s,l)=>{const p=`1px solid ${l}`;return{backgroundColor:s,borderLeft:p,borderRight:p,borderBottom:p,borderColor:l}},n={error:I(f({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0,borderRadius:"var(--vscode-cornerRadius-small)"}),warning:{},info:{}};n.warning=f(f({},n.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),n.info=f(f({},n.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const d=s=>{let l;switch(s){case e.Warning:{l=n.warning;break}case e.Info:{l=n.info;break}default:{l=n.error;break}}return l},t=s=>{if(s){if(s.errorMessage)return e.Error;if(s.warningMessage)return e.Warning;if(s.infoMessage)return e.Info}return e.Error},o=s=>{const l=["errorMessage","warningMessage","infoMessage"];for(const p of l)if(s!=null&&s[p])return s[p]},r=s=>{const l=t(s);return{type:l,style:d(l),message:o(s)}};_.getMessageInfo=r}}]);})();