@sap-ux/ui-components 2.2.2 → 2.2.3

package/storybook/82.673e94e4.iframe.bundle.js

@@ -0,0 +1 @@
+(()=>{var j=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var O=(r,e,_)=>e in r?j(r,e,{enumerable:!0,configurable:!0,writable:!0,value:_}):r[e]=_,p=(r,e)=>{for(var _ in e||(e={}))S.call(e,_)&&O(r,_,e[_]);if(D)for(var _ of D(e))L.call(e,_)&&O(r,_,e[_]);return r},x=(r,e)=>U(r,C(e));var M=(r,e)=>{var _={};for(var l in r)S.call(r,l)&&e.indexOf(l)<0&&(_[l]=r[l]);if(r!=null&&D)for(var l of D(r))e.indexOf(l)<0&&L.call(r,l)&&(_[l]=r[l]);return _};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[82],{"../../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/UILoader/UILoader.scss"(r,e,_){var l=_("../../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"),i=_("../../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"),o=i(l);o.push([r.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:3px;color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),r.exports=o},"./src/components/UILoader/UILoader.scss"(r,e,_){"use strict";_.r(e),_.d(e,{default:()=>y});var l=_("../../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"),i=_.n(l),o=_("../../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"),n=_.n(o),s=_("../../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"),t=_.n(s),d=_("../../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"),u=_.n(d),c=_("../../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"),a=_.n(c),m=_("../../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"),b=_.n(m),f=_("../../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/UILoader/UILoader.scss"),g=_.n(f),v={};for(const I in f)I!=="default"&&(v[I]=()=>f[I]);_.d(e,v);var h={};h.styleTagTransform=b(),h.setAttributes=u(),h.insert=t().bind(null,"head"),h.domAPI=n(),h.insertStyleElement=a();var w=i()(g(),h);const y=g()&&g().locals?g().locals:void 0},"./src/components/UIDialog/UIDialog.tsx"(r,e,_){"use strict";var l=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const i=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../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"),n=_("./src/components/UIButton/index.tsx"),s=_("./src/utilities/DeepMerge.ts");_("./src/styles/_shadows.scss"),e.DIALOG_MAX_HEIGHT_OFFSET=32,e.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)"},modalOverlay:{background:"var(--vscode-editor-background)",opacity:.8}};var t;(function(u){u.Content="Content",u.Dialog="Dialog"})(t||(e.UIDialogScrollArea=t={}));class d extends i.default.Component{constructor(c){super(c),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(c){const{scrollArea:a}=this.props;c.scrollArea!==a&&(a===t.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-e.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let c;const{acceptButtonText:a,cancelButtonText:m,onAccept:b,onCancel:f,acceptButtonId:g,cancelButtonId:v,footer:h}=this.props,w={styles:{actionsRight:{width:"100%",textAlign:"center",justifyContent:"center",margin:"0px"},actions:{margin:`${e.DIALOG_STYLES.vPaddingHalf}px 0 ${e.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return h?c=i.default.createElement(o.DialogFooter,p({},w),h):(b||f)&&(c=i.default.createElement(o.DialogFooter,p({},w),b?i.default.createElement(n.UIDefaultButton,{onClick:b,primary:!0,style:{height:"26px"},id:g},a):"",f?i.default.createElement(n.UIDefaultButton,{onClick:f,style:{height:"26px"},id:v},m):"")),c}onHeaderMouseDown(c){var m;if(!((m=this.props.modalProps)!=null&&m.dragOptions))return;const a=c.target.closest(".ms-Dialog-main");a!=null&&a.firstChild&&a.firstChild.focus()}render(){const E=this.props,{acceptButtonText:c,cancelButtonText:a,onAccept:m,onCancel:b,acceptButtonId:f,cancelButtonId:g,footer:v,closeButtonVisible:h,multiLineTitle:w,scrollArea:y=t.Content,children:I}=E,P=M(E,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount},overlay:{styles:{root:{background:e.DIALOG_STYLES.modalOverlay.background,opacity:e.DIALOG_STYLES.modalOverlay.opacity}}}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:p({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},y===t.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:p({padding:`${e.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!w&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:h?void 0:"none"},inner:p({padding:"0"},y===t.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:p({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:p(p({},e.DIALOG_STYLES.contentText),y===t.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:p({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},y===t.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},T=(0,s.deepMerge)(A,P);return i.default.createElement(o.Dialog,p({},T),I,this.getFooter())}}e.UIDialog=d,d.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts"(r,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(o,n,s,t){t===void 0&&(t=s);var d=Object.getOwnPropertyDescriptor(n,s);(!d||("get"in d?!n.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(o,t,d)}):(function(o,n,s,t){t===void 0&&(t=s),o[t]=n[s]})),i=this&&this.__exportStar||function(o,n){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(n,s)&&l(n,o,s)};Object.defineProperty(e,"__esModule",{value:!0}),i(_("./src/components/UIDialog/UIDialog.tsx"),e)},"./src/components/UILoader/UILoader.tsx"(r,e,_){"use strict";var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILoader=e.UISpinnerSize=void 0;const i=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../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(e,"UISpinnerSize",{enumerable:!0,get:function(){return o.SpinnerSize}}),_("./src/components/UILoader/UILoader.scss");class n extends i.default.Component{constructor(t){super(t)}render(){const{blockDOM:t,delayed:d}=this.props,u=()=>({root:p({},t&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),c=i.default.createElement(o.Spinner,x(p({},this.props),{styles:u}));if(t){const a=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return i.default.createElement(o.Overlay,{className:`ui-loader-blocker${d?" ui-loader--delayed":""}`,styles:a},c)}else return c}}e.UILoader=n},"./src/components/UILoader/index.tsx"(r,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(o,n,s,t){t===void 0&&(t=s);var d=Object.getOwnPropertyDescriptor(n,s);(!d||("get"in d?!n.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(o,t,d)}):(function(o,n,s,t){t===void 0&&(t=s),o[t]=n[s]})),i=this&&this.__exportStar||function(o,n){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(n,s)&&l(n,o,s)};Object.defineProperty(e,"__esModule",{value:!0}),i(_("./src/components/UILoader/UILoader.tsx"),e)},"./src/utilities/DeepMerge.ts"(r,e,_){"use strict";var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.deepMerge=o;const i=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function o(s,t){var c;const d=Object.keys(s).length?o({},s):{},u=Object.keys(t);for(const a of u){const m=t[a];if(n(m))if(!d[a]||n(d[a]))d[a]=o((c=d[a])!=null?c:{},m);else throw new Error("Object structures are not compatible!");else d[a]=m}return d}function n(s){return s?typeof s=="object"&&!Array.isArray(s)&&!i.default.isValidElement(s):!1}}}]);})();