@sap-ux/ui-components
Version:
SAP UI Components Library
2 lines (1 loc) • 12.8 kB
JavaScript
(()=>{var T=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(a,e,t)=>e in a?T(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,m=(a,e)=>{for(var t in e||(e={}))L.call(e,t)&&S(a,t,e[t]);if(E)for(var t of E(e))x.call(e,t)&&S(a,t,e[t]);return a},M=(a,e)=>U(a,C(e));var P=(a,e)=>{var t={};for(var i in a)L.call(a,i)&&e.indexOf(i)<0&&(t[i]=a[i]);if(a!=null&&E)for(var i of E(a))e.indexOf(i)<0&&x.call(a,i)&&(t[i]=a[i]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[170],{"../../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/UILoader/UILoader.scss":(a,e,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),n=l(i);n.push([a.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)}: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}}",""]),a.exports=n},"./src/components/UILoader/UILoader.scss":(a,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>v});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(i),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=t.n(n),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(_),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=t.n(u),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(p),h=t("../../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/UILoader/UILoader.scss"),y=t.n(h),b={};for(const D in h)D!=="default"&&(b[D]=()=>h[D]);t.d(e,b);var f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=r();var I=l()(y(),f);const v=y()&&y().locals?y().locals:void 0},"./src/components/UIDialog/UIDialog.tsx":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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"),d=t("./src/components/UIButton/index.tsx"),o=t("./src/utilities/DeepMerge.ts");t("./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)",fontFamily:"var(--vscode-font-family)"}};var s;(function(c){c.Content="Content",c.Dialog="Dialog"})(s||(e.UIDialogScrollArea=s={}));class _ extends l.default.Component{constructor(u){super(u),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(u){const{scrollArea:r}=this.props;u.scrollArea!==r&&(r===s.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 u;const{acceptButtonText:r,cancelButtonText:p,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:b,footer:f}=this.props,I={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 f?u=l.default.createElement(n.DialogFooter,m({},I),f):(g||h)&&(u=l.default.createElement(n.DialogFooter,m({},I),g?l.default.createElement(d.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},r):"",h?l.default.createElement(d.UIDefaultButton,{onClick:h,style:{height:"26px"},id:b},p):"")),u}onHeaderMouseDown(u){var p;if(!((p=this.props.modalProps)!=null&&p.dragOptions))return;const r=u.target.closest(".ms-Dialog-main");r!=null&&r.firstChild&&r.firstChild.focus()}render(){const O=this.props,{acceptButtonText:u,cancelButtonText:r,onAccept:p,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:b,closeButtonVisible:f,multiLineTitle:I,scrollArea:v=s.Content,children:D}=O,w=P(O,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:m({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},v===s.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:m({padding:`${e.DIALOG_STYLES.vPadding}px 0 5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!I&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:f?void 0:"none"},inner:m({padding:"0"},v===s.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:m({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:m(m({},e.DIALOG_STYLES.contentText),v===s.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:m({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},v===s.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},j=(0,o.deepMerge)(A,w);return l.default.createElement(n.Dialog,m({},j),D,this.getFooter())}}e.UIDialog=_,_.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(a,e,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,d,o,s){s===void 0&&(s=o);var _=Object.getOwnPropertyDescriptor(d,o);(!_||("get"in _?!d.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return d[o]}}),Object.defineProperty(n,s,_)}:function(n,d,o,s){s===void 0&&(s=o),n[s]=d[o]}),l=this&&this.__exportStar||function(n,d){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(d,o)&&i(d,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UIDialog/UIDialog.tsx"),e)},"./src/components/UILoader/UILoader.tsx":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILoader=e.UISpinnerSize=void 0;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../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(e,"UISpinnerSize",{enumerable:!0,get:function(){return n.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class d extends l.default.Component{constructor(s){super(s)}render(){const{blockDOM:s,delayed:_}=this.props,c=()=>({root:m({},s&&{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}}),u=l.default.createElement(n.Spinner,M(m({},this.props),{styles:c}));if(s){const r=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return l.default.createElement(n.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:r},u)}else return u}}e.UILoader=d},"./src/components/UILoader/index.tsx":function(a,e,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(n,d,o,s){s===void 0&&(s=o);var _=Object.getOwnPropertyDescriptor(d,o);(!_||("get"in _?!d.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return d[o]}}),Object.defineProperty(n,s,_)}:function(n,d,o,s){s===void 0&&(s=o),n[s]=d[o]}),l=this&&this.__exportStar||function(n,d){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(d,o)&&i(d,n,o)};Object.defineProperty(e,"__esModule",{value:!0}),l(t("./src/components/UILoader/UILoader.tsx"),e)},"./src/utilities/DeepMerge.ts":function(a,e,t){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.deepMerge=n;const l=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(o,s){var u;const _=Object.keys(o).length?n({},o):{},c=Object.keys(s);for(const r of c){const p=s[r];if(d(p))if(!_[r]||d(_[r]))_[r]=n((u=_[r])!=null?u:{},p);else throw new Error("Object structures are not compatible!");else _[r]=p}return _}function d(o){return o?typeof o=="object"&&!Array.isArray(o)&&!l.default.isValidElement(o):!1}}}]);})();