@sap-ux/ui-components 1.18.8 → 1.18.10
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.
- package/dist/components/Icons.d.ts +3 -1
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +3 -1
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +17 -16
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.js +6 -5
- package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
- package/package.json +1 -1
- package/storybook/391.beec054e.iframe.bundle.js +1 -0
- package/storybook/{583.57efc06c.iframe.bundle.js → 583.6fb1b824.iframe.bundle.js} +1 -1
- package/storybook/{973.aea16073.iframe.bundle.js → 973.191cea0f.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.edeabb0b.iframe.bundle.js → runtime~main.bdb461c6.iframe.bundle.js} +2 -2
- package/storybook/391.4110c32b.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var M=Object.defineProperty,P=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var k=(p,n,t)=>n in p?M(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,C=(p,n)=>{for(var t in n||(n={}))T.call(n,t)&&k(p,t,n[t]);if(O)for(var t of O(n))j.call(n,t)&&k(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([[583],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.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.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.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.94.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.94.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.94.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.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),h=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()(h(),o);const d=h()&&h().locals?h().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.94.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.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.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.94.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.94.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.94.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.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),h=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()(h(),o);const d=h()&&h().locals?h().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(C({},this.props),{styles:c=>C(C({},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(h){return h&&h.__esModule?h:{default:h}};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(h){h.List="List",h.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.onRenderItem=(o,s)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,s)):this._onRenderItem(o,s),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.onRenderOption=(o,s)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,s)):this._onRenderOption(o,s),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(C(C(C(C(C(y(C(C({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:C({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:C({},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:C(C(C({},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&&C({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 P=Object.defineProperty,M=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var k=(p,n,t)=>n in p?P(p,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[n]=t,C=(p,n)=>{for(var t in n||(n={}))T.call(n,t)&&k(p,t,n[t]);if(O)for(var t of O(n))j.call(n,t)&&k(p,t,n[t]);return p},v=(p,n)=>M(p,S(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[583],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.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.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.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.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.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.94.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.94.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.94.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.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),h=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()(h(),o);const d=h()&&h().locals?h().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.94.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.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(r),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.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.94.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.94.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.94.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.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),h=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()(h(),o);const d=h()&&h().locals?h().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,v(C({},this.props),{styles:c=>C(C({},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(h){return h&&h.__esModule?h:{default:h}};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(h){h.List="List",h.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.onRenderItem=(o,s)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,s)):this._onRenderItem(o,s),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.onRenderOption=(o,s)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,s)):this._onRenderOption(o,s),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,y=o.scrollTop,I=y+s;if(!(i>=y&&D<=I)){const E=D>I?D-I:i-y;o.scrollTop=y+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,v(C(C(C(C(C(v(C(v(C({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:o,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:C(C(C({},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),{calloutProps:C(C({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:C({},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)),this.props.calloutProps)}),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&&C({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 +1 @@
|
|
|
1
|
-
(()=>{var C=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(m,t,e)=>t in m?C(m,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[t]=e,b=(m,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(m,e,t[e]);if(O)for(var e of O(t))M.call(t,e)&&v(m,e,t[e]);return m},w=(m,t)=>P(m,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[973],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(f);r.push([m.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),m.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(f);r.push([m.id,":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)}",""]),m.exports=r},"./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=e.n(l),g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(g),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(_),h={};for(const E in _)E!=="default"&&(h[E]=()=>_[E]);e.d(t,h);var p={};p.styleTagTransform=u(),p.setAttributes=y(),p.insert=a().bind(null,"head"),p.domAPI=n(),p.insertStyleElement=i();var D=d()(s(),p);const S=s()&&s().locals?s().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=e.n(l),g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(g),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(_),h={};for(const E in _)E!=="default"&&(h[E]=()=>_[E]);e.d(t,h);var p={};p.styleTagTransform=u(),p.setAttributes=y(),p.insert=a().bind(null,"head"),p.domAPI=n(),p.insertStyleElement=i();var D=d()(s(),p);const S=s()&&s().locals?s().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class d{constructor(n,o,a=e){this.originalStyle={},this.source=n,this.callout=o,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(n){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${n}px`,o}getElements(){const n=this.source.current,o=n==null?void 0:n.closest(this.props.container);if(o&&n){const a=o==null?void 0:o.querySelector(this.props.target);if(a){const l={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:n,rect:n.getBoundingClientRect()}},y=this.callout.current;return y&&(l.callout={dom:y,rect:y.getBoundingClientRect()}),l}}}applyTransformation(){const n=this.getElements();if(!n)return;const{container:o,target:a,callout:l,source:y}=n;if(l){const g=window.innerHeight-e.minPagePadding,i=l.rect.height,c=y.rect.bottom;let u=c+i-a.rect.top,_=c+l.rect.height;if(u<=0||_>=g)return;if(_+=a.rect.height,_<=g&&(u+=f),this.props.absolute){const s=o.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${o.rect.top}px`,s.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(u),a.dom.prepend(this.placeholder)}}resetTransformation(){const n=this.getElements();if(!n)return;const{container:o,target:a}=n;for(const l in this.originalStyle){const y=this.originalStyle[l];typeof y=="string"&&(o.dom.style[l]=y)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(n){const o=this.getElements();return!!(n.type==="focus"&&(o!=null&&o.target.dom.contains(n.target)))}}t.CalloutCollisionTransform=d},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../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"),n=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:2};var o;(function(i){i.None="None",i.Standard="Standard"})(o||(t.UICalloutContentPadding=o={}));const a=new Map([[o.Standard,8]]),l=(i,c)=>typeof i=="object"&&typeof i[c]=="object"?i[c]:{},y=i=>{var c,u;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},l(i.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},l(i.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},l(i.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(c=i.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:a.get((u=i.contentPadding)!=null?u:o.None)},l(i.styles,"calloutMain")),container:l(i.styles,"container")}};t.getCalloutStyle=y;class g extends d.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:u,focusTargetSiblingOnTabPress:_,target:s}=this.props;if(_&&c.key==="Tab"&&s){let h=null;if(typeof s=="string"){const p=(0,r.getDocument)();h=p==null?void 0:p.querySelector(s)}else"getBoundingClientRect"in s&&(0,n.isHTMLElement)(s)&&(h=s);h&&(0,n.focusToSibling)(h,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}u==null||u(c)}render(){return d.default.createElement(r.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=g},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(r,n,o,a){a===void 0&&(a=o);var l=Object.getOwnPropertyDescriptor(n,o);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(r,a,l)}:function(r,n,o,a){a===void 0&&(a=o),r[a]=n[o]}),d=this&&this.__exportStar||function(r,n){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&f(n,r,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),d(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../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(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return r.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return r.IDropdownOption}});const n=e("./src/components/UIIcon/index.tsx"),o=e("./src/helper/ValidationMessage/index.tsx"),a=e("./src/components/UILabel/index.tsx"),l=e("./src/components/UIDropdown/utils.ts"),y=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const g="var(--vscode-inputValidation-errorBorder)";class i extends d.default.Component{constructor(u){super(u),this.dropdownDomRef=d.default.createRef(),this.menuDomRef=d.default.createRef(),this.calloutCollisionTransform=new y.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>d.default.createElement(n.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:s=", "}=this.props;if(_){const h=_.map(p=>p.text).join(s);return d.default.createElement(d.default.Fragment,null,h)}else return d.default.createElement(d.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,s,h)=>{this.props.multiSelect&&this.props.onHandleChange&&s&&h&&this.props.onHandleChange(s,h)},this.stopEventPropagation=_=>{_.stopPropagation()},this._onRenderOption=(_,s)=>d.default.createElement(d.default.Fragment,null,s==null?void 0:s(_),(_==null?void 0:_.itemType)!==r.DropdownMenuItemType.Header&&d.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(_,s)=>this.props.onRenderOption?this.props.onRenderOption(_,this._onRenderOption.bind(this,_,s)):this._onRenderOption(_,s),this._onRenderItem=(_,s)=>s&&_?(_.title===void 0&&(_.title=_.text),s(_)):null,this.onRenderItem=(_,s)=>this.props.onRenderItem?this.props.onRenderItem(_,this._onRenderItem.bind(this,_,s)):this._onRenderItem(_,s),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:_,readOnly:s,disabled:h}=this.props,p=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let D=`ts-SelectBox${u.message?" ts-SelectBox--"+p:""}`;return s&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,l.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:u,disabled:_}=this.props,s={};return u&&!_?(s.tabIndex=0,s["data-is-focusable"]=!0,s["aria-disabled"]=void 0,s["aria-readonly"]=!0):_&&(s.tabIndex=0,s["data-is-focusable"]=!0),s}render(){const u=(0,o.getMessageInfo)(this.props),_=this.getAccessibilityProps(),s=()=>({label:b(b(b({},a.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:g,paddingRight:12}}}),errorMessage:[u.style]});return d.default.createElement(r.Dropdown,w(b(b({ref:this.dropdownDomRef,calloutProps:b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,l.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:r.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:s,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(r,n,o,a){a===void 0&&(a=o);var l=Object.getOwnPropertyDescriptor(n,o);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(r,a,l)}:function(r,n,o,a){a===void 0&&(a=o),r[a]=n[o]}),d=this&&this.__exportStar||function(r,n){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&f(n,r,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIDropdown/UIDropdown.tsx"),t),d(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=f;function e(d){var n;const{selectedKey:r}=d;return Array.isArray(r)?r.length===0:"text"in d&&d.text||"selectedKeys"in d&&((n=d.selectedKeys)!=null&&n.length)?!1:!r}function f(d,r,n){if(r&&n)return{preventDismissOnEvent:d.preventDismissOnEvent,layerProps:{onLayerDidMount:d.applyTransformation,onLayerWillUnmount:d.resetTransformation}}}}}]);})();
|
|
1
|
+
(()=>{var C=Object.defineProperty,P=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(m,t,e)=>t in m?C(m,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[t]=e,b=(m,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(m,e,t[e]);if(O)for(var e of O(t))M.call(t,e)&&v(m,e,t[e]);return m},w=(m,t)=>P(m,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[973],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(f);r.push([m.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),m.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(f);r.push([m.id,":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)}",""]),m.exports=r},"./src/components/UIDropdown/UIDropdown.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=e.n(l),g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(g),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(_),h={};for(const E in _)E!=="default"&&(h[E]=()=>_[E]);e.d(t,h);var p={};p.styleTagTransform=u(),p.setAttributes=y(),p.insert=a().bind(null,"head"),p.domAPI=n(),p.insertStyleElement=i();var D=d()(s(),p);const S=s()&&s().locals?s().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>S});var f=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(f),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(o),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),y=e.n(l),g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=e.n(g),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.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.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(_),h={};for(const E in _)E!=="default"&&(h[E]=()=>_[E]);e.d(t,h);var p={};p.styleTagTransform=u(),p.setAttributes=y(),p.insert=a().bind(null,"head"),p.domAPI=n(),p.insertStyleElement=i();var D=d()(s(),p);const S=s()&&s().locals?s().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class d{constructor(n,o,a=e){this.originalStyle={},this.source=n,this.callout=o,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(n){const o=document.createElement("div");return o.classList.add("ts-Callout-transformation"),o.style.height=`${n}px`,o}getElements(){const n=this.source.current,o=n==null?void 0:n.closest(this.props.container);if(o&&n){const a=o==null?void 0:o.querySelector(this.props.target);if(a){const l={container:{dom:o,rect:o.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:n,rect:n.getBoundingClientRect()}},y=this.callout.current;return y&&(l.callout={dom:y,rect:y.getBoundingClientRect()}),l}}}applyTransformation(){const n=this.getElements();if(!n)return;const{container:o,target:a,callout:l,source:y}=n;if(l){const g=window.innerHeight-e.minPagePadding,i=l.rect.height,c=y.rect.bottom;let u=c+i-a.rect.top,_=c+l.rect.height;if(u<=0||_>=g)return;if(_+=a.rect.height,_<=g&&(u+=f),this.props.absolute){const s=o.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${o.rect.top}px`,s.left=`${o.rect.left}px`}this.placeholder=this.createPlaceholder(u),a.dom.prepend(this.placeholder)}}resetTransformation(){const n=this.getElements();if(!n)return;const{container:o,target:a}=n;for(const l in this.originalStyle){const y=this.originalStyle[l];typeof y=="string"&&(o.dom.style[l]=y)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(n){const o=this.getElements();return!!(n.type==="focus"&&(o!=null&&o.target.dom.contains(n.target)))}}t.CalloutCollisionTransform=d},"./src/components/UICallout/UICallout.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../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"),n=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:2};var o;(function(i){i.None="None",i.Standard="Standard"})(o||(t.UICalloutContentPadding=o={}));const a=new Map([[o.Standard,8]]),l=(i,c)=>typeof i=="object"&&typeof i[c]=="object"?i[c]:{},y=i=>{var c,u;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},l(i.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},l(i.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},l(i.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(c=i.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:a.get((u=i.contentPadding)!=null?u:o.None)},l(i.styles,"calloutMain")),container:l(i.styles,"container")}};t.getCalloutStyle=y;class g extends d.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:u,focusTargetSiblingOnTabPress:_,target:s}=this.props;if(_&&c.key==="Tab"&&s){let h=null;if(typeof s=="string"){const p=(0,r.getDocument)();h=p==null?void 0:p.querySelector(s)}else"getBoundingClientRect"in s&&(0,n.isHTMLElement)(s)&&(h=s);h&&(0,n.focusToSibling)(h,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}u==null||u(c)}render(){return d.default.createElement(r.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=g},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(r,n,o,a){a===void 0&&(a=o);var l=Object.getOwnPropertyDescriptor(n,o);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(r,a,l)}:function(r,n,o,a){a===void 0&&(a=o),r[a]=n[o]}),d=this&&this.__exportStar||function(r,n){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&f(n,r,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),d(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIDropdown/UIDropdown.tsx":function(m,t,e){"use strict";var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("../../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(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return r.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return r.IDropdownOption}});const n=e("./src/components/UIIcon/index.tsx"),o=e("./src/helper/ValidationMessage/index.tsx"),a=e("./src/components/UILabel/index.tsx"),l=e("./src/components/UIDropdown/utils.ts"),y=e("./src/components/UICallout/index.tsx");e("./src/components/UIDropdown/UIDropdown.scss");const g="var(--vscode-inputValidation-errorBorder)";class i extends d.default.Component{constructor(u){super(u),this.dropdownDomRef=d.default.createRef(),this.menuDomRef=d.default.createRef(),this.calloutCollisionTransform=new y.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>d.default.createElement(n.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:s=", "}=this.props;if(_){const h=_.map(p=>p.text).join(s);return d.default.createElement(d.default.Fragment,null,h)}else return d.default.createElement(d.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,s,h)=>{this.props.multiSelect&&this.props.onHandleChange&&s&&h&&this.props.onHandleChange(s,h)},this.stopEventPropagation=_=>{_.stopPropagation()},this._onRenderOption=(_,s)=>d.default.createElement(d.default.Fragment,null,s==null?void 0:s(_),(_==null?void 0:_.itemType)!==r.DropdownMenuItemType.Header&&d.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(_,s)=>this.props.onRenderOption?this.props.onRenderOption(_,this._onRenderOption.bind(this,_,s)):this._onRenderOption(_,s),this._onRenderItem=(_,s)=>s&&_?(_.title===void 0&&(_.title=_.text),s(_)):null,this.onRenderItem=(_,s)=>this.props.onRenderItem?this.props.onRenderItem(_,this._onRenderItem.bind(this,_,s)):this._onRenderItem(_,s),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:_,readOnly:s,disabled:h}=this.props,p=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let D=`ts-SelectBox${u.message?" ts-SelectBox--"+p:""}`;return s&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,l.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:u,disabled:_}=this.props,s={};return u&&!_?(s.tabIndex=0,s["data-is-focusable"]=!0,s["aria-disabled"]=void 0,s["aria-readonly"]=!0):_&&(s.tabIndex=0,s["data-is-focusable"]=!0),s}render(){const u=(0,o.getMessageInfo)(this.props),_=this.getAccessibilityProps(),s=()=>({label:b(b(b({},a.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:g,paddingRight:12}}}),errorMessage:[u.style]});return d.default.createElement(r.Dropdown,w(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:r.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},(0,l.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),this.props.calloutProps),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:s,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=i},"./src/components/UIDropdown/index.tsx":function(m,t,e){"use strict";var f=this&&this.__createBinding||(Object.create?function(r,n,o,a){a===void 0&&(a=o);var l=Object.getOwnPropertyDescriptor(n,o);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(r,a,l)}:function(r,n,o,a){a===void 0&&(a=o),r[a]=n[o]}),d=this&&this.__exportStar||function(r,n){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&f(n,r,o)};Object.defineProperty(t,"__esModule",{value:!0}),d(e("./src/components/UIDropdown/UIDropdown.tsx"),t),d(e("./src/components/UIDropdown/utils.ts"),t)},"./src/components/UIDropdown/utils.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=f;function e(d){var n;const{selectedKey:r}=d;return Array.isArray(r)?r.length===0:"text"in d&&d.text||"selectedKeys"in d&&((n=d.selectedKeys)!=null&&n.length)?!1:!r}function f(d,r,n){if(r&&n)return{preventDismissOnEvent:d.preventDismissOnEvent,layerProps:{onLayerDidMount:d.applyTransformation,onLayerWillUnmount:d.resetTransformation}}}}}]);})();
|
package/storybook/iframe.html
CHANGED
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
489
489
|
|
|
490
490
|
|
|
491
|
-
import './runtime~main.
|
|
491
|
+
import './runtime~main.bdb461c6.iframe.bundle.js';
|
|
492
492
|
|
|
493
493
|
import './721.ec63ce0c.iframe.bundle.js';
|
|
494
494
|
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1729009632992,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.1.11","storybookVersionSpecifier":"8.1.11","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.1.11"},"@storybook/react-webpack5":{"version":"8.1.11"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.1.11"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.edeabb0b.iframe.bundle.js → runtime~main.bdb461c6.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],
|
|
2
|
-
(`+
|
|
1
|
+
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],l=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(l=!1,i<o&&(o=i));if(l){e.splice(n--,1);var d=a();d!==void 0&&(f=d)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(l=>n[l]=()=>t[l]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"95735ffc",43:"65d35532",57:"2c7d1953",69:"38df6674",104:"da945a0f",177:"73044eae",191:"d3c6db4c",218:"50b2392c",222:"16f5f8ab",239:"3e5d6267",271:"6cdb6313",289:"fdeddc59",341:"db2c9a0a",342:"5c3d2f24",390:"77520f0c",391:"beec054e",393:"d347dfb2",406:"a9c06aed",449:"b6524622",498:"9e803d53",504:"f031c6ee",525:"a1b90c0f",530:"e739a305",558:"ccf2a048",583:"6fb1b824",589:"44ac45cc",592:"7880c0f6",632:"0984959c",644:"635fe59b",660:"946c062c",673:"fab92f4e",680:"5f9bb898",685:"f887fe18",733:"13a6dea2",742:"e07d5a84",812:"e26a75b6",817:"c71ffc11",825:"d50c7306",841:"d180e55f",920:"1385eab3",930:"a27b46f7",937:"d6271932",949:"8d814a30",967:"2c0ccae1",973:"191cea0f",994:"0da3980f"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,l;if(i!==void 0)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var c=s[d];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(l=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),l&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,d=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
+
(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(l,d,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,d,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var b=l(r)}for(a&&a(i);c<n.length;c++)d=n[c],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|