@sap-ux/ui-components 2.2.4 → 3.0.0

package/storybook/33.71c40cbf.iframe.bundle.js

@@ -0,0 +1,19 @@
+(()=>{var P=Object.defineProperty,S=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var v=(a,s,e)=>s in a?P(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,b=(a,s)=>{for(var e in s||(s={}))T.call(s,e)&&v(a,e,s[e]);if(M)for(var e of M(s))C.call(s,e)&&v(a,e,s[e]);return a},E=(a,s)=>S(a,j(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[33],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,s,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=d(c);n.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=n},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(a,s,e){var c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=d(c);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:()=>w});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(c),n=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(n),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),t=e.n(o),_=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),l=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(l),g=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=e.n(g),h={};for(const I in g)I!=="default"&&(h[I]=()=>g[I]);e.d(s,h);var m={};m.styleTagTransform=f(),m.setAttributes=i(),m.insert=t().bind(null,"head"),m.domAPI=r(),m.insertStyleElement=p();var O=d()(y(),m);const w=y()&&y().locals?y().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(a,s,e){"use strict";e.r(s),e.d(s,{default:()=>w});var c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(c),n=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(n),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),t=e.n(o),_=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(_),u=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),l=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(l),g=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),y=e.n(g),h={};for(const I in g)I!=="default"&&(h[I]=()=>g[I]);e.d(s,h);var m={};m.styleTagTransform=f(),m.setAttributes=i(),m.insert=t().bind(null,"head"),m.domAPI=r(),m.insertStyleElement=p();var O=d()(y(),m);const w=y()&&y().locals?y().locals:void 0},"./src/components/UIIcon/UIIcon.tsx"(a,s,e){"use strict";var c=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const d=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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 r extends d.default.Component{constructor(t){super(t),this.setStyle=()=>({})}render(){const t=this.props.className?` ${this.props.className}`:"";return d.default.createElement(n.Icon,E(b({},this.props),{className:`ts-icon${t}`,styles:this.setStyle()}))}}s.UIIcon=r,r.__docgenInfo={description:`UIIcon component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIIcon
+@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(a,s,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,r,o,t){t===void 0&&(t=o);var _=Object.getOwnPropertyDescriptor(r,o);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(n,t,_)}):(function(n,r,o,t){t===void 0&&(t=o),n[t]=r[o]})),d=this&&this.__exportStar||function(n,r){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UIInput/UITextInput.tsx"(a,s,e){"use strict";var c=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITextInput=s.COMMON_INPUT_STYLES=void 0;const d=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),r=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),t=e("./src/components/types.ts");s.COMMON_INPUT_STYLES={borderRadius:4};const _={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 i extends d.default.Component{constructor(p){super(p),this.getStyles=l=>{const f=(0,r.getMessageInfo)(this.props);return{root:{height:"auto"},fieldGroup:[{backgroundColor:_.regular.backgroundColor,borderWidth:1,borderStyle:_.regular.borderStyle,borderColor:_.regular.borderColor,color:_.regular.color,borderRadius:s.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!l.multiline&&{height:24,maxHeight:24,minHeight:24},!l.disabled&&{selectors:{"&:hover":{borderColor:_.hover.borderColor}}},l.disabled&&{backgroundColor:_.disabled.backgroundColor,opacity:_.disabled.opacity,borderRadius:s.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:_.readOnly.borderStyle,backgroundColor:_.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},l.hasErrorMessage&&{borderColor:f.style.borderColor},l.focused&&{selectors:{":after":{border:this.getFocusBorder(f),borderRadius:s.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:_.regular.backgroundColor,color:_.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!l.multiline&&{lineHeight:"normal"},l.multiline&&{minHeight:"60px",height:"auto",display:"flex"},l.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:_.readOnly.backgroundColor},l.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[b({marginTop:25},o.labelGlobalStyle),l.disabled&&{opacity:_.disabled.opacity},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[f.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(p){let l=_.focus.borderColor;return this.props.errorMessage&&p.style.borderColor&&(l=`var(${p.style.borderColor})`),`1px ${_.regular.borderStyle} ${l}`}onRenderDisabledInput(p,l){const f=this.props.disabled?E(b({},p),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):p;return(l==null?void 0:l(f))||null}onRenderInput(p,l){return this.props.onRenderInput?this.props.onRenderInput(p,f=>this.onRenderDisabledInput(f,l)):this.onRenderDisabledInput(p,l)}render(){const p=(0,r.getMessageInfo)(this.props),l=this.getStyles;return d.default.createElement(n.TextField,E(b({},this.props),{onRenderInput:this.onRenderInput,errorMessage:p.message,styles:l}))}}s.UITextInput=i,i.__docgenInfo={description:`UITextInput component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield
+
+@exports
+@class UITextInput
+@extends {React.Component<ITextFieldProps, {}>}`,methods:[],displayName:"UITextInput",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""}}}},"./src/components/UIInput/index.tsx"(a,s,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,r,o,t){t===void 0&&(t=o);var _=Object.getOwnPropertyDescriptor(r,o);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(n,t,_)}):(function(n,r,o,t){t===void 0&&(t=o),n[t]=r[o]})),d=this&&this.__exportStar||function(n,r){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),s)},"./src/components/UILabel/UILabel.tsx"(a,s,e){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const d=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),r=e("./src/components/types.ts");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends d.default.Component{constructor(_){super(_)}render(){const _=i=>({root:[b({marginTop:25},s.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(n.Label,E(b({},this.props),{styles:_}))}}s.UILabel=o,o.__docgenInfo={description:`UILabel component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
+
+@exports
+@class UILabel
+@extends {React.Component<ILabelProps, {}>}`,methods:[],displayName:"UILabel"}},"./src/components/UILabel/index.tsx"(a,s,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,r,o,t){t===void 0&&(t=o);var _=Object.getOwnPropertyDescriptor(r,o);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(n,t,_)}):(function(n,r,o,t){t===void 0&&(t=o),n[t]=r[o]})),d=this&&this.__exportStar||function(n,r){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,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"(a,s,e){"use strict";var c=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(s,"__esModule",{value:!0}),s.MESSAGE_ICONS_MAP=void 0,s.MessageWrapper=t;const d=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("./src/helper/ValidationMessage/utils.ts"),r=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,r.UiIcons.Error],[n.ErrorMessageType.Error,r.UiIcons.Error],[n.ErrorMessageType.Warning,r.UiIcons.Warning],[n.ErrorMessageType.Info,r.UiIcons.Info]]);function t(_){const{children:i,message:u}=_,p=u.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,l=s.MESSAGE_ICONS_MAP.get(u.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},d.default.createElement("div",{className:"ts-message-target"},i),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:l}),d.default.createElement("span",null,u.message)))}t.__docgenInfo={description:`Method return MessageWrapper react element.
+
+@param props
+@returns {React.ReactElement}`,methods:[],displayName:"MessageWrapper"}},"./src/helper/ValidationMessage/index.tsx"(a,s,e){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,r,o,t){t===void 0&&(t=o);var _=Object.getOwnPropertyDescriptor(r,o);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(n,t,_)}):(function(n,r,o,t){t===void 0&&(t=o),n[t]=r[o]})),d=this&&this.__exportStar||function(n,r){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&c(r,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 c=(_,i)=>{const u=`1px solid ${i}`;return{backgroundColor:_,borderLeft:u,borderRight:u,borderBottom:u,borderColor:i}},d={error:E(b({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:{}};d.warning=b(b({},d.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=b(b({},d.error),c("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 i;switch(_){case e.Warning:{i=d.warning;break}case e.Info:{i=d.info;break}default:{i=d.error;break}}return i},r=_=>{if(_){if(_.errorMessage)return e.Error;if(_.warningMessage)return e.Warning;if(_.infoMessage)return e.Info}return e.Error},o=_=>{const i=["errorMessage","warningMessage","infoMessage"];for(const u of i)if(_!=null&&_[u])return _[u]},t=_=>{const i=r(_);return{type:i,style:n(i),message:o(_)}};s.getMessageInfo=t}}]);})();