@sap-ux/ui-components 1.17.5 → 1.17.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/components/UIContextualMenu/UIContextualMenu.js.map +1 -1
  2. package/dist/components/UIDialog/UIDialog.d.ts.map +1 -1
  3. package/dist/components/UIDialog/UIDialog.js +1 -0
  4. package/dist/components/UIDialog/UIDialog.js.map +1 -1
  5. package/dist/components/UISection/UISections.d.ts +6 -0
  6. package/dist/components/UISection/UISections.d.ts.map +1 -1
  7. package/dist/components/UISection/UISections.js +2 -2
  8. package/dist/components/UISection/UISections.js.map +1 -1
  9. package/dist/components/UISection/UISplitter.d.ts +6 -0
  10. package/dist/components/UISection/UISplitter.d.ts.map +1 -1
  11. package/dist/components/UISection/UISplitter.js +2 -1
  12. package/dist/components/UISection/UISplitter.js.map +1 -1
  13. package/package.json +2 -2
  14. package/storybook/{125.46be9266.iframe.bundle.js → 125.3024b9fd.iframe.bundle.js} +1 -1
  15. package/storybook/{217.a4fe3cf8.iframe.bundle.js → 217.3bc5280e.iframe.bundle.js} +1 -1
  16. package/storybook/{416.dd07bcba.iframe.bundle.js → 416.855eefd3.iframe.bundle.js} +1 -1
  17. package/storybook/{454.2a9a7de4.iframe.bundle.js → 454.55edec77.iframe.bundle.js} +1 -1
  18. package/storybook/{491.520ba7fd.iframe.bundle.js → 491.1e9a71cc.iframe.bundle.js} +1 -1
  19. package/storybook/{589.c64b5c08.iframe.bundle.js → 589.16ed4444.iframe.bundle.js} +1 -1
  20. package/storybook/594.35720fa3.iframe.bundle.js +27 -0
  21. package/storybook/{690.42cf7065.iframe.bundle.js → 690.a9a4c8e4.iframe.bundle.js} +1 -1
  22. package/storybook/{871.464dbe9f.iframe.bundle.js → 871.d9443863.iframe.bundle.js} +1 -1
  23. package/storybook/{921.a72c9992.iframe.bundle.js → 921.c3493bef.iframe.bundle.js} +1 -1
  24. package/storybook/{930.63eedb91.iframe.bundle.js → 930.4fff9aba.iframe.bundle.js} +3 -3
  25. package/storybook/{988.55289599.iframe.bundle.js → 988.4df720d2.iframe.bundle.js} +1 -1
  26. package/storybook/{UIActionCallout-story.cd9a4beb.iframe.bundle.js → UIActionCallout-story.df76393e.iframe.bundle.js} +1 -1
  27. package/storybook/{UIButton-story.6d8e1074.iframe.bundle.js → UIButton-story.a53c1f9f.iframe.bundle.js} +1 -1
  28. package/storybook/{UICallout-story.7cd26cda.iframe.bundle.js → UICallout-story.b156f05e.iframe.bundle.js} +1 -1
  29. package/storybook/{UICalloutCollisionTransform-story.741a4d8c.iframe.bundle.js → UICalloutCollisionTransform-story.15d048db.iframe.bundle.js} +1 -1
  30. package/storybook/{UICheckbox-story.dcd576b7.iframe.bundle.js → UICheckbox-story.90038183.iframe.bundle.js} +1 -1
  31. package/storybook/{UIChoiceGroup-story.cb945b22.iframe.bundle.js → UIChoiceGroup-story.40a23fa8.iframe.bundle.js} +1 -1
  32. package/storybook/{UICombobox-story.5b7d9ef6.iframe.bundle.js → UICombobox-story.c59e0b8a.iframe.bundle.js} +1 -1
  33. package/storybook/{UIContextualMenu-story.9ed0b679.iframe.bundle.js → UIContextualMenu-story.6d856534.iframe.bundle.js} +1 -1
  34. package/storybook/{UICreateSelect-story.add34304.iframe.bundle.js → UICreateSelect-story.5a135e51.iframe.bundle.js} +1 -1
  35. package/storybook/{UIDatePicker-story.6dc50d40.iframe.bundle.js → UIDatePicker-story.bfccc5b9.iframe.bundle.js} +1 -1
  36. package/storybook/{UIDialog-story.f1ca99dd.iframe.bundle.js → UIDialog-story.8df9c941.iframe.bundle.js} +1 -1
  37. package/storybook/{UIDropdown-story.0082feff.iframe.bundle.js → UIDropdown-story.eef1b4c3.iframe.bundle.js} +1 -1
  38. package/storybook/{UIIcon-story.501aaad6.iframe.bundle.js → UIIcon-story.486ce230.iframe.bundle.js} +1 -1
  39. package/storybook/{UILabel-story.e4308889.iframe.bundle.js → UILabel-story.863ba248.iframe.bundle.js} +1 -1
  40. package/storybook/{UILink-story.c9176893.iframe.bundle.js → UILink-story.f142a732.iframe.bundle.js} +1 -1
  41. package/storybook/{UILoader-story.20aa84cf.iframe.bundle.js → UILoader-story.cdfa7187.iframe.bundle.js} +1 -1
  42. package/storybook/{UIMessageBar-story.979ecd75.iframe.bundle.js → UIMessageBar-story.963d9dbc.iframe.bundle.js} +1 -1
  43. package/storybook/{UIPersona-story.64e359c0.iframe.bundle.js → UIPersona-story.6419a8aa.iframe.bundle.js} +1 -1
  44. package/storybook/{UISearchBox-story.204c5642.iframe.bundle.js → UISearchBox-story.d11b95b1.iframe.bundle.js} +1 -1
  45. package/storybook/{UISections-story.facfd664.iframe.bundle.js → UISections-story.a296e3d5.iframe.bundle.js} +3 -3
  46. package/storybook/{UISeparator-story.f9a9d365.iframe.bundle.js → UISeparator-story.2aacdc48.iframe.bundle.js} +1 -1
  47. package/storybook/{UITable-story.6aac2419.iframe.bundle.js → UITable-story.34698d68.iframe.bundle.js} +1 -1
  48. package/storybook/{UITextInput-story.094d2f36.iframe.bundle.js → UITextInput-story.9c625be5.iframe.bundle.js} +1 -1
  49. package/storybook/{UIToggle-story.24e13647.iframe.bundle.js → UIToggle-story.dc500461.iframe.bundle.js} +1 -1
  50. package/storybook/{UIToggleGroup-story.b0c82239.iframe.bundle.js → UIToggleGroup-story.c0fec5ff.iframe.bundle.js} +1 -1
  51. package/storybook/{UITooltip-story.5ea93f7a.iframe.bundle.js → UITooltip-story.8c1914ad.iframe.bundle.js} +1 -1
  52. package/storybook/{UITranslationInput-story.d78a0bfb.iframe.bundle.js → UITranslationInput-story.591f361e.iframe.bundle.js} +1 -1
  53. package/storybook/{UITreedropdown-story.3d63b270.iframe.bundle.js → UITreedropdown-story.ab9a5e90.iframe.bundle.js} +1 -1
  54. package/storybook/{Utilities-story.b51f0de1.iframe.bundle.js → Utilities-story.b7d94ab7.iframe.bundle.js} +1 -1
  55. package/storybook/iframe.html +2 -2
  56. package/storybook/main.63a7de26.iframe.bundle.js +1 -0
  57. package/storybook/project.json +1 -1
  58. package/storybook/{runtime~main.98e0e637.iframe.bundle.js → runtime~main.d0dcf3b1.iframe.bundle.js} +2 -2
  59. package/storybook/412.d3210aac.iframe.bundle.js +0 -24
  60. package/storybook/main.437550e7.iframe.bundle.js +0 -1
package/storybook/{690.42cf7065.iframe.bundle.js → 690.a9a4c8e4.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var j=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var x=(a,e,t)=>e in a?j(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)&&x(a,t,e[t]);if(I)for(var t of I(e))M.call(e,t)&&x(a,t,e[t]);return a},S=(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&&I)for(var i of I(a))e.indexOf(i)<0&&M.call(a,i)&&(t[i]=a[i]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[690],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/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.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),n=r(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.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=t.n(i),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=t.n(n),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(_),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=t.n(u),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(p),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),y=t.n(h),b={};for(const E in h)E!=="default"&&(b[E]=()=>h[E]);t.d(e,b);var f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=l();var D=r()(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 r=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 r.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:l}=this.props;u.scrollArea!==l&&(l===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:l,cancelButtonText:p,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:b,footer:f}=this.props,D={styles:{actionsRight:{width:"100%",textAlign:"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=r.default.createElement(n.DialogFooter,m({},D),f):(g||h)&&(u=r.default.createElement(n.DialogFooter,m({},D),g?r.default.createElement(d.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},l):"",h?r.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 l=u.target.closest(".ms-Dialog-main");l!=null&&l.firstChild&&l.firstChild.focus()}render(){const O=this.props,{acceptButtonText:u,cancelButtonText:l,onAccept:p,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:b,closeButtonVisible:f,multiLineTitle:D,scrollArea:v=s.Content,children:E}=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},!D&&{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"})}}},T=(0,o.deepMerge)(A,w);return r.default.createElement(n.Dialog,m({},T),E,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]}),r=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}),r(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=void 0;const r=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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("./src/components/UILoader/UILoader.scss");class d extends r.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=r.default.createElement(n.Spinner,S(m({},this.props),{styles:c}));if(s){const l=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return r.default.createElement(n.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:l},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]}),r=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}),r(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=void 0;const r=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 l of c){const p=s[l];if(d(p))if(!_[l]||d(_[l]))_[l]=n((u=_[l])!=null?u:{},p);else throw new Error("Object structures are not compatible!");else _[l]=p}return _}e.deepMerge=n;function d(o){return o?typeof o=="object"&&!Array.isArray(o)&&!r.default.isValidElement(o):!1}}}]);})();
1
+ (()=>{var T=Object.defineProperty,U=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var x=(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)&&x(a,t,e[t]);if(I)for(var t of I(e))M.call(e,t)&&x(a,t,e[t]);return a},S=(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&&I)for(var i of I(a))e.indexOf(i)<0&&M.call(a,i)&&(t[i]=a[i]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[690],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/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.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),n=r(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.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=t.n(i),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=t.n(n),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(_),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=t.n(u),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(p),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),y=t.n(h),b={};for(const E in h)E!=="default"&&(b[E]=()=>h[E]);t.d(e,b);var f={};f.styleTagTransform=g(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=l();var D=r()(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 r=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 r.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:l}=this.props;u.scrollArea!==l&&(l===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:l,cancelButtonText:p,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:b,footer:f}=this.props,D={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=r.default.createElement(n.DialogFooter,m({},D),f):(g||h)&&(u=r.default.createElement(n.DialogFooter,m({},D),g?r.default.createElement(d.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},l):"",h?r.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 l=u.target.closest(".ms-Dialog-main");l!=null&&l.firstChild&&l.firstChild.focus()}render(){const O=this.props,{acceptButtonText:u,cancelButtonText:l,onAccept:p,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:b,closeButtonVisible:f,multiLineTitle:D,scrollArea:v=s.Content,children:E}=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},!D&&{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 r.default.createElement(n.Dialog,m({},j),E,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]}),r=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}),r(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=void 0;const r=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");t("./src/components/UILoader/UILoader.scss");class d extends r.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=r.default.createElement(n.Spinner,S(m({},this.props),{styles:c}));if(s){const l=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return r.default.createElement(n.Overlay,{className:`ui-loader-blocker${_?" ui-loader--delayed":""}`,styles:l},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]}),r=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}),r(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=void 0;const r=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 l of c){const p=s[l];if(d(p))if(!_[l]||d(_[l]))_[l]=n((u=_[l])!=null?u:{},p);else throw new Error("Object structures are not compatible!");else _[l]=p}return _}e.deepMerge=n;function d(o){return o?typeof o=="object"&&!Array.isArray(o)&&!r.default.isValidElement(o):!1}}}]);})();
package/storybook/{871.464dbe9f.iframe.bundle.js → 871.d9443863.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var M=Object.defineProperty,P=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var O=(p,n,t)=>n in p?M(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n||(n={}))T.call(n,t)&&O(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&O(p,t,n[t]);return p},y=(p,n)=>P(p,S(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[871],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.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)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(u){super(u),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(x,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},x.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const u=(0,_.getMessageInfo)(this.props),x=a.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(u,c)),this.props.styles)}));return u.message?a.default.createElement(_.MessageWrapper,{message:u},x):x}}n.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar||function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault||function(C){return C&&C.__esModule?C:{default:C}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const _=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const l=t("./src/components/UILoader/index.tsx"),m=t("./src/components/Icons.tsx"),u=t("./src/helper/ValidationMessage/index.tsx"),x=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts");var B;(function(C){C.List="List",C.Input="Input"})(B||(n.UIComboBoxLoaderType=B={}));class f extends a.default.Component{constructor(e){super(e),this.comboBox=a.default.createRef(),this.comboboxDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.selectedElement=a.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this.onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const d=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:a.default.createElement("div",{key:o.key,ref:d?this.selectedElement:void 0,className:`${d?"ts-ComboBox--selected":""}`},s(o))}return null},this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this.onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?a.default.createElement(_.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement("div",{className:"option-loading"},a.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const d=()=>{o&&(o.hidden=!s)};for(const i of e)if(i.itemType===r.SelectableOptionMenuItemType.Header)d(),o=i,s=!1;else{const D=i.text.toLowerCase().indexOf(this.query)===-1;i.hidden=D,this.isListHidden&&!i.hidden&&(this.isListHidden=!1),s=!D||s}d()}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,d=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!d&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,d=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down||e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!d&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const d=this.props.options.length-1;s=s+(e?1:-1);let i=this.getNextVisibleItem(s,e);if(i)return!1;if(i=this.getNextVisibleItem(e?0:d,e),i)return o.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var d,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(d=this.props)!=null&&d.onPendingValueChanged&&((i=this.props)==null||i.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null||e.focus(!0))}onMultiSelectChange(e,o,s,d){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,d)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect||!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const i=e.offsetTop,D=i+e.clientHeight,v=o.scrollTop,I=v+s;if(!(i>=v&&D<=I)){const E=D>I?D-I:i-v;o.scrollTop=v+E}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,d=e.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let i=`ts-ComboBox${e.message?" ts-ComboBox--"+d:""}`;return o&&!s&&(i+=" ts-ComboBox--readonly"),s&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,d={};e&&(d.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(d.readOnly=o,d.tabIndex=i,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.disabled=void 0,d.readOnly=!0,d.tabIndex=i),d}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===B.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(B.Input)){const d={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:d})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,u.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},a.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},(0,c.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),styles:{label:h(h(h({},x.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),this.isLoaderApplied(B.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar||function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();
1
+ (()=>{var M=Object.defineProperty,P=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var O=(p,n,t)=>n in p?M(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,h=(p,n)=>{for(var t in n||(n={}))T.call(n,t)&&O(p,t,n[t]);if(k)for(var t of k(n))j.call(n,t)&&O(p,t,n[t]);return p},y=(p,n)=>P(p,S(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[871],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.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)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),p.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),r=a(b);r.push([p.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),p.exports=r},"./src/components/UIComboBox/Callout.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>d});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),x=t.n(u),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(c),g=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),B=t.n(g),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),C=t.n(f),e={};for(const i in f)i!=="default"&&(e[i]=()=>f[i]);t.d(n,e);var o={};o.styleTagTransform=B(),o.setAttributes=x(),o.insert=m().bind(null,"head"),o.domAPI=_(),o.insertStyleElement=w();var s=a()(C(),o);const d=C()&&C().locals?C().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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"),_=t("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(u){super(u),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(x,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[r.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[r.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[r.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[r.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},x.message&&{marginBottom:2}],input:{[`.${r.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[r.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const u=(0,_.getMessageInfo)(this.props),x=a.default.createElement(r.Checkbox,y(h({},this.props),{styles:c=>h(h({},this.setStyle(u,c)),this.props.styles)}));return u.message?a.default.createElement(_.MessageWrapper,{message:u},x):x}}n.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar||function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,n,t){"use strict";var b=this&&this.__importDefault||function(C){return C&&C.__esModule?C:{default:C}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UISelectableOption=n.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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(n,"UIComboBoxRef",{enumerable:!0,get:function(){return r.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return r.IComboBoxOption}}),Object.defineProperty(n,"UISelectableOption",{enumerable:!0,get:function(){return r.ISelectableOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return r.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return r.SelectableOptionMenuItemType}});const _=t("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");t("./src/components/UIComboBox/UIComboBox.scss"),t("./src/components/UIComboBox/Callout.scss");const l=t("./src/components/UILoader/index.tsx"),m=t("./src/components/Icons.tsx"),u=t("./src/helper/ValidationMessage/index.tsx"),x=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),w=t("./src/components/UICallout/index.tsx"),g=t("./src/utilities/index.ts");var B;(function(C){C.List="List",C.Input="Input"})(B||(n.UIComboBoxLoaderType=B={}));class f extends a.default.Component{constructor(e){super(e),this.comboBox=a.default.createRef(),this.comboboxDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.selectedElement=a.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new w.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this.onRenderItem=(o,s)=>{if(s&&o){o.data=this.query,o.title===void 0&&(o.title=o.text);const d=o.index!==void 0&&this.getCurrentSelectedIndex()===o.index;return o.hidden?null:a.default.createElement("div",{key:o.key,ref:d?this.selectedElement:void 0,className:`${d?"ts-ComboBox--selected":""}`},s(o))}return null},this.getCurrentSelectedIndex=()=>{const o=this.comboBox.current;if(o)return o.state.currentPendingValueValidIndex!==-1?o.state.currentPendingValueValidIndex:o.props.hoisted.selectedIndices?o.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this.onRenderOption=(o,s)=>o&&o.itemType!==r.SelectableOptionMenuItemType.Header?a.default.createElement(_.UIHighlightMenuOption,{text:o.text,query:this.query}):s?s(o):null,this.handleChange=(o,s)=>{s&&this.props.onHandleChange&&this.props.onHandleChange(s.key)},this.onRenderListLoading=()=>{const o={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement("div",{className:"option-loading"},a.default.createElement(l.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:o}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,r.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(e){return e.options!==this.props.options&&this.query&&this.updateHiddenOptions(e.options),!0}updateHiddenOptions(e){this.isListHidden=!0;let o,s=!1;const d=()=>{o&&(o.hidden=!s)};for(const i of e)if(i.itemType===r.SelectableOptionMenuItemType.Header)d(),o=i,s=!1;else{const D=i.text.toLowerCase().indexOf(this.query)===-1;i.hidden=D,this.isListHidden&&!i.hidden&&(this.isListHidden=!1),s=!D||s}d()}setCaretPosition(e){if((0,g.isHTMLInputElement)(e.target)){const o=e.target,s=o.selectionEnd;s!==o.value.length&&window.requestAnimationFrame(()=>{o.selectionStart=s,o.selectionEnd=s})}}onInput(e){if(this.isListHidden=!1,(0,g.isHTMLInputElement)(e.target)){this.setCaretPosition(e);const o=e.target;this.query=o.value.trimStart().toLowerCase();const s=this.comboBox.current;s&&this.updateHiddenOptions(s.props.hoisted.currentOptions)}}onClick(e){this.setCaretPosition(e);const o=this.comboBox.current,s=o==null?void 0:o.state.isOpen,d=this.props.disabled;this.props.openMenuOnClick&&o&&!s&&!d&&o.focus(!0)}onKeyDown(e){let o=!1;const s=this.comboBox.current,d=s==null?void 0:s.state.isOpen;(e.which===r.KeyCodes.down||e.which===r.KeyCodes.up)&&(o=this._setCyclingNavigation(e.which===r.KeyCodes.down)),o?(e.preventDefault(),e.stopPropagation()):!this.ignoreOpenKeys.includes(e.key)&&s&&!d&&s.focus(!0)}reserQuery(){this.query="";for(const e of this.props.options)delete e.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(e,o){const s=this.props.options.length;for(;e>=0&&e<s;){if(this.props.options[e]&&!this.props.options[e].hidden)return{option:this.props.options[e],index:e};e=e+(o?1:-1)}return null}_setCyclingNavigation(e){const o=this.comboBox.current;if(o&&o.state.currentPendingValueValidIndex>=0){let s=o.state.currentPendingValueValidIndex;const d=this.props.options.length-1;s=s+(e?1:-1);let i=this.getNextVisibleItem(s,e);if(i)return!1;if(i=this.getNextVisibleItem(e?0:d,e),i)return o.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var o;const e=(o=this.comboBox.current)==null?void 0:o._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(e,o,s){var d,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(d=this.props)!=null&&d.onPendingValueChanged&&((i=this.props)==null||i.onPendingValueChanged(e,o,s))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const e=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),e==null||e.focus(!0))}onMultiSelectChange(e,o,s,d){this.props.onChange&&e.type!=="blur"&&this.props.onChange(e,o,s,d)}onScrollToItem(){const e=this.selectedElement.current;if(!this.props.multiSelect||!e)return;const o=e.offsetParent;if(o){const s=o.clientHeight;if(o.scrollHeight>s){const i=e.offsetTop,D=i+e.clientHeight,v=o.scrollTop,I=v+s;if(!(i>=v&&D<=I)){const E=D>I?D-I:i-v;o.scrollTop=v+E}}}}getClassNames(e){const{readOnly:o,disabled:s}=this.props,d=e.message?u.MESSAGE_TYPES_CLASSNAME_MAP.get(e.type):void 0;let i=`ts-ComboBox${e.message?" ts-ComboBox--"+d:""}`;return o&&!s&&(i+=" ts-ComboBox--readonly"),s&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:e,readOnly:o,disabled:s}=this.props,d={};e&&(d.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return o&&!s?(d.readOnly=o,d.tabIndex=i,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.disabled=void 0,d.readOnly=!0,d.tabIndex=i),d}isLoaderApplied(e){const{isLoading:o}=this.props;return Array.isArray(o)?o.includes(e):!!o&&e===B.List}onRenderIcon(e,o){var s;if(this.isLoaderApplied(B.Input)){const d={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:d})}return(s=o==null?void 0:o(e))!=null?s:null}render(){const e=(0,u.getMessageInfo)(this.props);let o=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(o=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(e)},a.default.createElement(r.ComboBox,y(h(h(h(h(h(y(h(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},(0,c.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),styles:{label:h(h(h({},x.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[e.style]}},this.props),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),this.isLoaderApplied(B.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:e.message})))}}n.UIComboBox=f,f.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,n,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(r,_,l,m){m===void 0&&(m=l);var u=Object.getOwnPropertyDescriptor(_,l);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[l]}}),Object.defineProperty(r,m,u)}:function(r,_,l,m){m===void 0&&(m=l),r[m]=_[l]}),a=this&&this.__exportStar||function(r,_){for(var l in r)l!=="default"&&!Object.prototype.hasOwnProperty.call(_,l)&&b(_,r,l)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),n)}}]);})();
package/storybook/{921.a72c9992.iframe.bundle.js → 921.c3493bef.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(u,i,o)=>i in u?A(u,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[i]=o,P=(u,i)=>{for(var o in i||(i={}))W.call(i,o)&&x(u,o,i[o]);if(U)for(var o of U(i))B.call(i,o)&&x(u,o,i[o]);return u},T=(u,i)=>j(u,K(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[921],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([u.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),u.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),M=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),p=o.n(M),g={};for(const t in M)t!=="default"&&(g[t]=()=>M[t]);o.d(i,g);var m={};m.styleTagTransform=b(),m.setAttributes=S(),m.insert=h().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(p(),m);const e=p()&&p().locals?p().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(i,"__esModule",{value:!0}),i.UITreeDropdown=i.EdgePosition=i.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=D(o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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(i,"UIDirectionalHint",{enumerable:!0,get:function(){return d.DirectionalHint}});const _=o("./src/components/UIInput/index.tsx"),h=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(p){p.First="First",p.Last="Last"})(w||(i.EdgePosition=w={}));const b={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class M extends r.default.Component{constructor(g){var m,y;super(g),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const n=new RegExp(e.value,"ig"),l=s.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return T(P({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var n;if((n=s.children)!=null&&n.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]||(this.submenuRefs[l]=r.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:d.FocusZoneTabbableElements.none,onFocus:()=>{var C,E,v,O;const a=(C=this.defaultSubmenuFocus)==null?void 0:C.parent;a&&a.item.value===s.value&&a.level===t&&this.focusItemWithValue(this.state.value,(O=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:O.items)}}}}return T(P({},s),{key:s.value,text:s.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(s.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.setState({hasSelected:!0,value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var s;this.UITreeDropdownFocusZoneRef&&(t===b.Enter?this.focusItemWithValue(this.state.value,this.state.items):(s=this.UITreeDropdownFocusZoneRef.current)==null||s.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let s=[];return e!=null&&e.items&&(s=e.items.map(n=>{var l;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(l=n.subMenuProps)==null||l.items.map(a=>(a.className=a.value===this.props.value?"is-selected":"",a)),P({},n)})),t?t(T(P({},e),{items:s})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const s=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,s)},0)},this.highlightQuery=(e,t)=>r.default.createElement(h.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var n;const s=new RegExp(e,"ig");return(n=t==null?void 0:t.children)!=null&&n.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(s)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.setState(s=>({hasSelected:!1,value:t.value,items:s.originalItems.filter(n=>this.filterElement(t.value,n)),query:t.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===b.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState(t=>({items:t.originalItems,query:""})),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${I.callout}${this.state.uiidInput}`,s=document.querySelector(`.${t}`);return e&&s?s.nextSibling:s},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${I.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var s;this.lastKeyDown=e.key;const t=document.activeElement;if([b.ArrowDown,b.ArrowUp].includes(e.key)&&t){const n=this.getEdgePosition(t),l=n.includes(w.First)&&e.key===b.ArrowUp,a=n.includes(w.Last)&&e.key===b.ArrowDown;(l||a)&&(l&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((s=this.inputRef.current)==null||s.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),s=e.closest("li"),n=[];return t&&s&&(t.children[0]===s&&n.push(w.First),t.children[t.children.length-1]===s&&n.push(w.Last)),n},this.findItemByValue=(e,t=[],s,n=0)=>{var a,C;let l;for(let E=0;E<t.length;E++){const v=t[E],O={item:v,index:E,parent:s,level:n};if(v.value===e?l=O:(C=(a=v.subMenuProps)==null?void 0:a.items)!=null&&C.length&&(l=this.findItemByValue(e,v.subMenuProps.items,O,n+1)),l)break}return l},this.getItemTarget=(e,t)=>{let s;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[t.index]&&(s=n.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&n){let l;if(s.parent){const a=this.getItemTarget(n,s.parent);a&&(this.defaultSubmenuFocus=s,a.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(n,s);if(l)l.focus();else{const a=n.querySelector(`.${I.scrollArea}`);a==null||a.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:c.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,d.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let g=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(g+=" disabled"),this.props.readOnly&&(g+=" readonly"),g}render(){const g=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(_.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:y=>{y.target.select()},errorMessage:g.message}),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null||y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(h.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:m,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:d.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}i.UITreeDropdown=M},"./src/components/UITreeDropdown/index.tsx":function(u,i,o){"use strict";var D=this&&this.__createBinding||(Object.create?function(c,d,_,h){h===void 0&&(h=_);var f=Object.getOwnPropertyDescriptor(d,_);(!f||("get"in f?!d.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return d[_]}}),Object.defineProperty(c,h,f)}:function(c,d,_,h){h===void 0&&(h=_),c[h]=d[_]}),r=this&&this.__exportStar||function(c,d){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(d,_)&&D(d,c,_)};Object.defineProperty(i,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),i)}}]);})();
1
+ (()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(u,i,o)=>i in u?A(u,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[i]=o,P=(u,i)=>{for(var o in i||(i={}))W.call(i,o)&&x(u,o,i[o]);if(U)for(var o of U(i))B.call(i,o)&&x(u,o,i[o]);return u},T=(u,i)=>j(u,K(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[921],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([u.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),u.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss":(u,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),d=o.n(c),_=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),h=o.n(_),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),w=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.93.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(w),M=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.93.0/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.93.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),p=o.n(M),g={};for(const t in M)t!=="default"&&(g[t]=()=>M[t]);o.d(i,g);var m={};m.styleTagTransform=b(),m.setAttributes=S(),m.insert=h().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=I();var y=r()(p(),m);const e=p()&&p().locals?p().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(u,i,o){"use strict";var D=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(i,"__esModule",{value:!0}),i.UITreeDropdown=i.EdgePosition=i.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=D(o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),d=o("../../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(i,"UIDirectionalHint",{enumerable:!0,get:function(){return d.DirectionalHint}});const _=o("./src/components/UIInput/index.tsx"),h=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var w;(function(p){p.First="First",p.Last="Last"})(w||(i.EdgePosition=w={}));const b={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class M extends r.default.Component{constructor(g){var m,y;super(g),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const n=new RegExp(e.value,"ig"),l=s.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return T(P({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var n;if((n=s.children)!=null&&n.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]||(this.submenuRefs[l]=r.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:d.FocusZoneTabbableElements.none,onFocus:()=>{var C,E,v,O;const a=(C=this.defaultSubmenuFocus)==null?void 0:C.parent;a&&a.item.value===s.value&&a.level===t&&this.focusItemWithValue(this.state.value,(O=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:O.items)}}}}return T(P({},s),{key:s.value,text:s.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(s.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.setState({hasSelected:!0,value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var s;this.UITreeDropdownFocusZoneRef&&(t===b.Enter?this.focusItemWithValue(this.state.value,this.state.items):(s=this.UITreeDropdownFocusZoneRef.current)==null||s.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let s=[];return e!=null&&e.items&&(s=e.items.map(n=>{var l;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(l=n.subMenuProps)==null||l.items.map(a=>(a.className=a.value===this.props.value?"is-selected":"",a)),P({},n)})),t?t(T(P({},e),{items:s})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const s=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,s)},0)},this.highlightQuery=(e,t)=>r.default.createElement(h.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var n;const s=new RegExp(e,"ig");return(n=t==null?void 0:t.children)!=null&&n.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(s)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.setState(s=>({hasSelected:!1,value:t.value,items:s.originalItems.filter(n=>this.filterElement(t.value,n)),query:t.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===b.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState(t=>({items:t.originalItems,query:""})),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${I.callout}${this.state.uiidInput}`,s=document.querySelector(`.${t}`);return e&&s?s.nextSibling:s},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${I.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var s;this.lastKeyDown=e.key;const t=document.activeElement;if([b.ArrowDown,b.ArrowUp].includes(e.key)&&t){const n=this.getEdgePosition(t),l=n.includes(w.First)&&e.key===b.ArrowUp,a=n.includes(w.Last)&&e.key===b.ArrowDown;(l||a)&&(l&&t.closest(`.${I.callout}${this.state.uiidInput}`)&&((s=this.inputRef.current)==null||s.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),s=e.closest("li"),n=[];return t&&s&&(t.children[0]===s&&n.push(w.First),t.children[t.children.length-1]===s&&n.push(w.Last)),n},this.findItemByValue=(e,t=[],s,n=0)=>{var a,C;let l;for(let E=0;E<t.length;E++){const v=t[E],O={item:v,index:E,parent:s,level:n};if(v.value===e?l=O:(C=(a=v.subMenuProps)==null?void 0:a.items)!=null&&C.length&&(l=this.findItemByValue(e,v.subMenuProps.items,O,n+1)),l)break}return l},this.getItemTarget=(e,t)=>{let s;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[t.index]&&(s=n.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&n){let l;if(s.parent){const a=this.getItemTarget(n,s.parent);a&&(this.defaultSubmenuFocus=s,a.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(n,s);if(l)l.focus();else{const a=n.querySelector(`.${I.scrollArea}`);a==null||a.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:c.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,d.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let g=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(g+=" disabled"),this.props.readOnly&&(g+=" readonly"),g}render(){const g=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(_.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:y=>{y.target.select()},errorMessage:g.message}),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null||y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(h.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:m,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:d.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}i.UITreeDropdown=M},"./src/components/UITreeDropdown/index.tsx":function(u,i,o){"use strict";var D=this&&this.__createBinding||(Object.create?function(c,d,_,h){h===void 0&&(h=_);var f=Object.getOwnPropertyDescriptor(d,_);(!f||("get"in f?!d.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return d[_]}}),Object.defineProperty(c,h,f)}:function(c,d,_,h){h===void 0&&(h=_),c[h]=d[_]}),r=this&&this.__exportStar||function(c,d){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(d,_)&&D(d,c,_)};Object.defineProperty(i,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),i)}}]);})();