@sap-ux/ui-components 1.26.4 → 1.26.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/components/Icons.d.ts +3 -1
  2. package/dist/components/Icons.d.ts.map +1 -1
  3. package/dist/components/Icons.js +13 -1
  4. package/dist/components/Icons.js.map +1 -1
  5. package/dist/components/UIComboBox/UIComboBox.d.ts +59 -4
  6. package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
  7. package/dist/components/UIComboBox/UIComboBox.js +80 -23
  8. package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
  9. package/dist/components/UIComboBox/UIComboBox.scss +9 -1
  10. package/dist/utilities/Debounce.d.ts +9 -0
  11. package/dist/utilities/Debounce.d.ts.map +1 -0
  12. package/dist/utilities/Debounce.js +20 -0
  13. package/dist/utilities/Debounce.js.map +1 -0
  14. package/dist/utilities/index.d.ts +1 -0
  15. package/dist/utilities/index.d.ts.map +1 -1
  16. package/dist/utilities/index.js +1 -0
  17. package/dist/utilities/index.js.map +1 -1
  18. package/package.json +1 -1
  19. package/storybook/{481.44d47df6.iframe.bundle.js → 481.98b562c0.iframe.bundle.js} +1 -1
  20. package/storybook/{536.df88f467.iframe.bundle.js → 536.289052c3.iframe.bundle.js} +2 -2
  21. package/storybook/871.d5e1328b.iframe.bundle.js +1 -0
  22. package/storybook/{UIActionCallout-story.afc4d06b.iframe.bundle.js → UIActionCallout-story.1fc5bc8a.iframe.bundle.js} +2 -2
  23. package/storybook/UICombobox-story.9f22d3f6.iframe.bundle.js +1 -0
  24. package/storybook/{UIToggleGroup-story.b63e0b6f.iframe.bundle.js → UIToggleGroup-story.c3841840.iframe.bundle.js} +2 -2
  25. package/storybook/iframe.html +4 -4
  26. package/storybook/index.json +1 -1
  27. package/storybook/main.2ea64b12.iframe.bundle.js +1 -0
  28. package/storybook/project.json +1 -1
  29. package/storybook/{runtime~main.ad2717c9.iframe.bundle.js → runtime~main.d4cd715d.iframe.bundle.js} +2 -2
  30. package/storybook/871.a6eceb25.iframe.bundle.js +0 -1
  31. package/storybook/UICombobox-story.15a5db8f.iframe.bundle.js +0 -1
  32. package/storybook/main.c3773849.iframe.bundle.js +0 -1
package/storybook/871.d5e1328b.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{var S=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var M=(p,r,t)=>r in p?S(p,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[r]=t,C=(p,r)=>{for(var t in r||(r={}))R.call(r,t)&&M(p,t,r[t]);if(k)for(var t of k(r))j.call(r,t)&&M(p,t,r[t]);return p},v=(p,r)=>T(p,L(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[871],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(p,r,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),d=a(b);d.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=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(p,r,t)=>{var b=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),d=a(b);d.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 .option-no-data{font-size:12px;font-weight:normal;height:26px;line-height:26px;padding-left:8px}.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=d},"./src/components/UIComboBox/Callout.scss":(p,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),g=t.n(x),f={};for(const e in x)e!=="default"&&(f[e]=()=>x[e]);t.d(r,f);var o={};o.styleTagTransform=I(),o.setAttributes=D(),o.insert=m().bind(null,"head"),o.domAPI=u(),o.insertStyleElement=y();var s=a()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(p,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>n});var b=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(b),d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=t.n(d),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=t.n(l),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),D=t.n(_),c=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(c),w=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=t.n(w),x=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),g=t.n(x),f={};for(const e in x)e!=="default"&&(f[e]=()=>x[e]);t.d(r,f);var o={};o.styleTagTransform=I(),o.setAttributes=D(),o.insert=m().bind(null,"head"),o.domAPI=u(),o.insertStyleElement=y();var s=a()(g(),o);const n=g()&&g().locals?g().locals:void 0},"./src/components/UICheckbox/UICheckbox.tsx":function(p,r,t){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=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"),u=t("./src/helper/ValidationMessage/index.tsx");class l extends a.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(D,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[d.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,[d.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[d.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)"},[d.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"}}},D.message&&{marginBottom:2}],input:{[`.${d.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[d.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 _=(0,u.getMessageInfo)(this.props),D=a.default.createElement(d.Checkbox,v(C({},this.props),{styles:c=>C(C({},this.setStyle(_,c)),this.props.styles)}));return _.message?a.default.createElement(u.MessageWrapper,{message:_},D):D}}r.UICheckbox=l},"./src/components/UICheckbox/index.tsx":function(p,r,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,u,l,m){m===void 0&&(m=l);var _=Object.getOwnPropertyDescriptor(u,l);(!_||("get"in _?!u.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return u[l]}}),Object.defineProperty(d,m,_)}:function(d,u,l,m){m===void 0&&(m=l),d[m]=u[l]}),a=this&&this.__exportStar||function(d,u){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(u,l)&&b(u,d,l)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./src/components/UIComboBox/UIComboBox.tsx":function(p,r,t){"use strict";var b=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIComboBox=r.UIComboBoxLoaderType=r.UISelectableOptionMenuItemType=r.UIOnRenderComboBoxLabelProps=r.UIComboBoxRef=r.UISelectableOption=r.UIComboBoxOption=void 0;const a=b(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=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(r,"UIComboBoxRef",{enumerable:!0,get:function(){return d.IComboBox}}),Object.defineProperty(r,"UIComboBoxOption",{enumerable:!0,get:function(){return d.IComboBoxOption}}),Object.defineProperty(r,"UISelectableOption",{enumerable:!0,get:function(){return d.ISelectableOption}}),Object.defineProperty(r,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return d.IOnRenderComboBoxLabelProps}}),Object.defineProperty(r,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return d.SelectableOptionMenuItemType}});const u=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"),_=t("./src/helper/ValidationMessage/index.tsx"),D=t("./src/components/UILabel/index.tsx"),c=t("./src/components/UIDropdown/index.tsx"),y=t("./src/components/UICallout/index.tsx"),w=t("./src/utilities/index.ts"),I=t("./src/components/types.ts");var x;(function(f){f.List="List",f.Input="Input"})(x||(r.UIComboBoxLoaderType=x={}));class g extends a.default.Component{constructor(o){var s,n;super(o),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 y.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this._onRenderItem=(e,i)=>{if(i&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const h=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:a.default.createElement("div",{key:e.key,ref:h?this.selectedElement:void 0,className:`${h?"ts-ComboBox--selected":""}`},i(e))}return null},this.onRenderItem=(e,i)=>this.props.onRenderItem?this.props.onRenderItem(e,this._onRenderItem.bind(this,e,i)):this._onRenderItem(e,i),this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this._onRenderOption=(e,i)=>e&&e.itemType!==d.SelectableOptionMenuItemType.Header?a.default.createElement(u.UIHighlightMenuOption,{text:e.text,query:this.query}):i?i(e):null,this.onRenderOption=(e,i)=>this.props.onRenderOption?this.props.onRenderOption(e,this._onRenderOption.bind(this,e,i)):this._onRenderOption(e,i),this.handleChange=(e,i)=>{i&&this.props.onHandleChange&&this.props.onHandleChange(i.key)},this.onRenderList=(e,i)=>{const{onRenderList:h,externalSearchProps:B,options:O}=this.props;if(h)return h(e,i);if(this.isLoaderApplied(x.List)){const P={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:P}))}else if(B!=null&&B.noDataLabel&&(!O.length||this.isListHidden))return a.default.createElement("div",{className:"option-no-data"},B.noDataLabel);return i==null?void 0:i(e)},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),this.onRenderList=this.onRenderList.bind(this),this.onInputValueChange=this.onInputValueChange.bind(this),this.onExternalSearchDebounce=(0,w.debounce)(e=>{var i,h;return(h=(i=this.props.externalSearchProps)==null?void 0:i.onExternalSearch)==null?void 0:h.call(i,e)},(n=(s=o.externalSearchProps)==null?void 0:s.debounceTime)!=null?n:500),(0,d.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(o){return(o.options!==this.props.options||this.isLoaderChanged(this.props.isLoading,o.isLoading))&&this.query&&this.updateHiddenOptions(o.options,o.isLoading),!0}isLoaderChanged(o,s){return!!o!=!!s}updateHiddenOptions(o,s){this.isListHidden=!0;let n,e=!1;const i=()=>{n&&(n.hidden=!e)};for(const h of o)if(h.itemType===d.SelectableOptionMenuItemType.Header)i(),n=h,e=!1;else{const B=this.isLoaderApplied(x.List,s)||this.isOptionVisibleByQuery(h,this.query);h.hidden=!B,this.isListHidden&&!h.hidden&&(this.isListHidden=!1),e=B||e}i()}isOptionVisibleByQuery(o,s){let n;return this.props.customSearchFilter&&(n=this.props.customSearchFilter(s,o)),n===void 0&&(n=o.text.toLowerCase().includes(s),this.props.searchByKeyEnabled&&!n&&(n=o.key.toString().toLowerCase().includes(s))),n}setCaretPosition(o){if((0,w.isHTMLInputElement)(o.target)){const s=o.target,n=s.selectionEnd;n!==s.value.length&&window.requestAnimationFrame(()=>{s.selectionStart=n,s.selectionEnd=n})}}onInput(o){if(this.isListHidden=!1,(0,w.isHTMLInputElement)(o.target)){this.setCaretPosition(o);const s=o.target;this.query=s.value.trimStart().toLowerCase();const n=this.comboBox.current;n&&this.updateHiddenOptions(n.props.hoisted.currentOptions)}}onClick(o){this.setCaretPosition(o);const s=this.comboBox.current,n=s==null?void 0:s.state.isOpen,e=this.props.disabled;this.props.openMenuOnClick&&s&&!n&&!e&&s.focus(!0)}onKeyDown(o){let s=!1;const n=this.comboBox.current,e=n==null?void 0:n.state.isOpen;(o.which===d.KeyCodes.down||o.which===d.KeyCodes.up)&&(s=this._setCyclingNavigation(o.which===d.KeyCodes.down)),s?(o.preventDefault(),o.stopPropagation()):!this.ignoreOpenKeys.includes(o.key)&&n&&!e&&n.focus(!0)}reserQuery(){this.query="";for(const o of this.props.options)delete o.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(o,s){const n=this.props.options.length;for(;o>=0&&o<n;){if(this.props.options[o]&&!this.props.options[o].hidden)return{option:this.props.options[o],index:o};o=o+(s?1:-1)}return null}_setCyclingNavigation(o){const s=this.comboBox.current;if(s&&s.state.currentPendingValueValidIndex>=0){let n=s.state.currentPendingValueValidIndex;const e=this.props.options.length-1;n=n+(o?1:-1);let i=this.getNextVisibleItem(n,o);if(i)return!1;if(i=this.getNextVisibleItem(o?0:e,o),i)return s.setState({currentPendingValueValidIndex:i.index,currentPendingValue:i.option.text}),!0}return!1}calculateMenuMinWidth(){var s;const o=(s=this.comboBox.current)==null?void 0:s._comboBoxWrapper.current;o&&this.props.useComboBoxAsMenuMinWidth&&o.clientWidth!==this.state.minWidth&&this.setState({minWidth:o.clientWidth})}onPendingValueChanged(o,s,n){var e,i;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(e=this.props)!=null&&e.onPendingValueChanged&&((i=this.props)==null||i.onPendingValueChanged(o,s,n))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const o=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),o==null||o.focus(!0))}onMultiSelectChange(o,s,n,e){this.props.onChange&&o.type!=="blur"&&this.props.onChange(o,s,n,e)}onScrollToItem(){const o=this.selectedElement.current;if(!this.props.multiSelect||!o)return;const s=o.offsetParent;if(s){const n=s.clientHeight;if(s.scrollHeight>n){const i=o.offsetTop,h=i+o.clientHeight,B=s.scrollTop,O=B+n;if(!(i>=B&&h<=O)){const E=h>O?h-O:i-B;s.scrollTop=B+E}}}}getClassNames(o){const{readOnly:s,disabled:n}=this.props,e=o.message?_.MESSAGE_TYPES_CLASSNAME_MAP.get(o.type):void 0;let i=`ts-ComboBox${o.message?" ts-ComboBox--"+e:""}`;return s&&!n&&(i+=" ts-ComboBox--readonly"),n&&(i+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(i+=" ts-ComboBox--empty"),i}getAutofillProps(){const{highlight:o,readOnly:s,disabled:n}=this.props,e={};o&&(e.onKeyDownCapture=this.onKeyDown);const i="tabIndex"in this.props?this.props.tabIndex:void 0;return s&&!n?(e.readOnly=s,e.tabIndex=i,e["aria-disabled"]=void 0,e["aria-readonly"]=!0):n&&(e.disabled=void 0,e.readOnly=!0,e.tabIndex=i),e["aria-invalid"]=this.props.errorMessage!==void 0&&this.props.errorMessage!=="",e}isLoaderApplied(o,s=this.props.isLoading){return Array.isArray(s)?s.includes(o):!!s&&o===x.List}onRenderIcon(o,s){var n;if(this.isLoaderApplied(x.Input)){const e={label:{fontSize:"11px",fontWeight:"normal"}};return a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:e})}return(n=s==null?void 0:s(o))!=null?n:null}onInputValueChange(o){const{onInputValueChange:s,externalSearchProps:n}=this.props;if(s==null||s(o),n){const{onExternalSearch:e,onInputChange:i}=n;i==null||i(o),e&&this.onExternalSearchDebounce(o)}}render(){var n;const o=(0,_.getMessageInfo)(this.props);let s=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(s=!0),a.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(o)},a.default.createElement(d.ComboBox,v(C(v(C(C(C(v(C(v(C({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:s,iconButtonProps:{iconProps:{iconName:m.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},styles:{label:C(C(C({},D.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:I.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[o.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&&!((n=this.props.externalSearchProps)!=null&&n.noDataLabel)?"none":void 0}})},this.props.calloutProps),(0,c.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform))}),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}),{onRenderList:this.onRenderList}),this.props.multiSelect&&C({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:o.message,onInputValueChange:this.onInputValueChange})))}}r.UIComboBox=g,g.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(p,r,t){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,u,l,m){m===void 0&&(m=l);var _=Object.getOwnPropertyDescriptor(u,l);(!_||("get"in _?!u.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return u[l]}}),Object.defineProperty(d,m,_)}:function(d,u,l,m){m===void 0&&(m=l),d[m]=u[l]}),a=this&&this.__exportStar||function(d,u){for(var l in d)l!=="default"&&!Object.prototype.hasOwnProperty.call(u,l)&&b(u,d,l)};Object.defineProperty(r,"__esModule",{value:!0}),a(t("./src/components/UIComboBox/UIComboBox.tsx"),r)}}]);})();
package/storybook/{UIActionCallout-story.afc4d06b.iframe.bundle.js → UIActionCallout-story.1fc5bc8a.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,b=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.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)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const I in h)I!=="default"&&(E[I]=()=>h[I]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=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"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,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},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=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"),o=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)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;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}`},d(c.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=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");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(b({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=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,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=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,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=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,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=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"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
1
+ (()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,I=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.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)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=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"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,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},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=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"),o=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)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:I({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:I({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:I({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=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");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(I({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Debounce.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=e;function e(a,n){let _;return(...o)=>{clearTimeout(_),_=window.setTimeout(()=>{a(...o)},n)}}},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=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,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=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,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=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,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Debounce.ts"),t),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=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"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
package/storybook/UICombobox-story.9f22d3f6.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var z=Object.defineProperty,J=Object.defineProperties;var Y=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var I=(m,t,s)=>t in m?z(m,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):m[t]=s,h=(m,t)=>{for(var s in t||(t={}))Q.call(t,s)&&I(m,s,t[s]);if(M)for(var s of M(t))V.call(t,s)&&I(m,s,t[s]);return m},y=(m,t)=>J(m,Y(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx":function(m,t,s){var b=this&&this.__createBinding||(Object.create?function(a,n,l,r){r===void 0&&(r=l);var u=Object.getOwnPropertyDescriptor(n,l);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[l]}}),Object.defineProperty(a,r,u)}:function(a,n,l,r){r===void 0&&(r=l),a[r]=n[l]}),x=this&&this.__setModuleDefault||(Object.create?function(a,n){Object.defineProperty(a,"default",{enumerable:!0,value:n})}:function(a,n){a.default=n}),f=this&&this.__importStar||function(){var a=function(n){return a=Object.getOwnPropertyNames||function(l){var r=[];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(r[r.length]=u);return r},a(n)};return function(n){if(n&&n.__esModule)return n;var l={};if(n!=null)for(var r=a(n),u=0;u<r.length;u++)r[u]!=="default"&&b(l,n,r[u]);return x(l,n),l}}();Object.defineProperty(t,"__esModule",{value:!0}),t.WithExternalSearch=t.AdditionalCustomSearch=t.SearchIncludeKeys=t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.DynamicError=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=s("../../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"),o=s("./src/components/UIComboBox/index.tsx"),k=s("./src/components/UICheckbox/index.tsx"),i=s("./test/__mock__/select-data.ts"),S=s("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const B=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=B;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=U;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300}));t.WithoutSearch=D;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=A;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=w;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=O;const v=()=>{const[a,n]=(0,e.useState)([]);function l(r,u,c,p){if(u){const d=[...a,u.key].filter(C=>u.selected?!0:C!==u.key);n(d)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,selectedKey:a,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=v;const W=()=>{const[a,n]=e.default.useState("OK"),l=[{key:"OK",text:"No Error Message"},{key:"ERROR",text:"With Error Message"}];function r(u,c,p,d){c&&n(c.key)}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:l,label:"Dynamic Validation Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",selectedKey:a,onChange:r,errorMessage:a==="OK"?void 0:"Error Message"}))};t.DynamicError=W;const K=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=K;const T=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=T;const _=()=>{const[a,n]=e.default.useState(!1),[l,r]=e.default.useState("EE"),u={childrenGap:40},c={options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(p,d)=>{if(Array.isArray(l)){const C=[...l,d==null?void 0:d.key].filter(Z=>d!=null&&d.selected?!0:Z!==(d==null?void 0:d.key));r(C)}else d&&r(d.key)}};return e.default.createElement("div",null,e.default.createElement(g.Stack,{horizontal:!0,tokens:u},e.default.createElement(k.UICheckbox,{label:"Multi Select",checked:a,onChange:(p,d)=>{d&&!Array.isArray(l)?r([l]):!d&&Array.isArray(l)&&r(l[0]),n(d)}})),e.default.createElement(g.Stack,{horizontal:!0,tokens:u},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=_;const L=()=>{const a=[...i.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=L;const R=["AR","BR","DK"],F=i.data.map(a=>R.includes(a.key)?y(h({},a),{editable:!0}):a),P=()=>e.default.createElement(o.UIComboBox,{options:F,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,n)=>{var l;return"editable"in(a!=null?a:{})?e.default.createElement(S.UITextInput,{onMouseDown:r=>{r.target.focus()},onClick:r=>{r.nativeEvent.preventDefault(),r.nativeEvent.stopPropagation(),r.preventDefault(),r.stopPropagation()}}):(l=n==null?void 0:n(a))!=null?l:null},onRenderItem:(a,n)=>{var l;return(l=n==null?void 0:n(a))!=null?l:null}});t.customRender=P;const E=[{key:"test1",text:"test1"},{key:"dummy",text:"dummy"},{key:"customer",text:"customer"},{key:"name",text:"name"},{key:"employee",text:"employee"},{key:"ID",text:"ID"},{key:"tripEndDate",text:"tripEndDate"},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Header},{key:"bookings/airlines",text:"airlines"},{key:"bookings/bookingDate",text:"bookingDate"},{key:"bookings/DateOnBookings",text:"DateOnBookings"},{key:"bookings/employee",text:"employee"},{key:"bookings/flightDate",text:"flightDate"},{key:"bookings/ID",text:"ID"},{key:"bookings/priceUSD",text:"priceUSD"},{key:"bookings/travel_ID",text:"travel_ID"},{key:"bookings/usedString5",text:"usedString5"},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Header},{key:"notes/comment",text:"comment"},{key:"notes/description",text:"description"}],H=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",searchByKeyEnabled:!0}),e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0,searchByKeyEnabled:!0}));t.SearchIncludeKeys=H;const G=[...i.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],N=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:G,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,n)=>{if("customMark"in n&&n.customMark)return!0}}));t.AdditionalCustomSearch=N;const j=()=>{const[a,n]=(0,e.useState)(!1),[l,r]=(0,e.useState)([]);return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:l,isForceEnabled:!0,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",placeholder:"Start typing to search",isLoading:a,label:"External search",externalSearchProps:{noDataLabel:"No data available",onInputChange:()=>{r([]),n([o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input])},onExternalSearch:()=>{setTimeout(()=>{r(i.data),n(!1)},2500)}}}))};t.WithExternalSearch=j},"./test/__mock__/select-data.ts":(m,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const b=s("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const x={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const f in x){t.groupsData.push({key:f,text:f.charAt(0).toUpperCase()+f.slice(1),itemType:b.UISelectableOptionMenuItemType.Header});const e=x[f];for(const g of e){const o=t.data.find(k=>k.key===g);o&&t.groupsData.push(o)}}}}]);})();
package/storybook/{UIToggleGroup-story.b63e0b6f.iframe.bundle.js → UIToggleGroup-story.c3841840.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var T=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?T(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(t)for(var i=0;i<this.length;i++){var p=this[i][0];p!=null&&(u[p]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);t&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>P});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(p),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(f),g={};for(const I in f)I!=="default"&&(g[I]=()=>f[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=c();var D=r()(y(),b);const P=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],u=0;u<o.length;u++){var i=o[u],p=t.base?i[0]+t.base:i[0],c=n[p]||0,_="".concat(p," ").concat(c);n[p]=c+1;var m=s(_),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(f);else{var y=r(f,t);t.byIndex=u,e.splice(u,0,{identifier:_,updater:y,references:1})}l.push(_)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;n.update(o=i)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(u){u=u||[];for(var i=0;i<n.length;i++){var p=n[i],c=s(p);e[c].references--}for(var _=a(u,t),m=0;m<n.length;m++){var f=n[m],y=s(f);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,E(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends r.default.Component{constructor(u){super(u)}render(){const u=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(v({},this.props),{styles:u}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(p,c,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(c,_);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[_]}}),Object.defineProperty(p,m,f)}:function(p,c,_,m){m===void 0&&(m=_),p[m]=c[_]}),r=this&&this.__setModuleDefault||(Object.create?function(p,c){Object.defineProperty(p,"default",{enumerable:!0,value:c})}:function(p,c){p.default=c}),o=this&&this.__importStar||function(){var p=function(c){return p=Object.getOwnPropertyNames||function(_){var m=[];for(var f in _)Object.prototype.hasOwnProperty.call(_,f)&&(m[m.length]=f);return m},p(c)};return function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m=p(c),f=0;f<m.length;f++)m[f]!=="default"&&a(_,c,m[f]);return r(_,c),_}}();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../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"),l=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const u={childrenGap:40},i=()=>{const[p,c]=(0,t.useState)(""),_=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],m=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(g,b)=>{c(b?g:"")};return t.default.createElement(n.Stack,{tokens:u,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",p)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:m,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
1
+ (()=>{var P=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?P(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(t)for(var i=0;i<this.length;i++){var p=this[i][0];p!=null&&(u[p]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);t&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>T});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(p),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(f),g={};for(const I in f)I!=="default"&&(g[I]=()=>f[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=c();var D=r()(y(),b);const T=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],u=0;u<o.length;u++){var i=o[u],p=t.base?i[0]+t.base:i[0],c=n[p]||0,_="".concat(p," ").concat(c);n[p]=c+1;var m=s(_),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(f);else{var y=r(f,t);t.byIndex=u,e.splice(u,0,{identifier:_,updater:y,references:1})}l.push(_)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;n.update(o=i)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(u){u=u||[];for(var i=0;i<n.length;i++){var p=n[i],c=s(p);e[c].references--}for(var _=a(u,t),m=0;m<n.length;m++){var f=n[m],y=s(f);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,E(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../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=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends r.default.Component{constructor(u){super(u)}render(){const u=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(v({},this.props),{styles:u}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(a,r){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{a(...t)},r)}}},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(p,c,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(c,_);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[_]}}),Object.defineProperty(p,m,f)}:function(p,c,_,m){m===void 0&&(m=_),p[m]=c[_]}),r=this&&this.__setModuleDefault||(Object.create?function(p,c){Object.defineProperty(p,"default",{enumerable:!0,value:c})}:function(p,c){p.default=c}),o=this&&this.__importStar||function(){var p=function(c){return p=Object.getOwnPropertyNames||function(_){var m=[];for(var f in _)Object.prototype.hasOwnProperty.call(_,f)&&(m[m.length]=f);return m},p(c)};return function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m=p(c),f=0;f<m.length;f++)m[f]!=="default"&&a(_,c,m[f]);return r(_,c),_}}();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../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"),l=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const u={childrenGap:40},i=()=>{const[p,c]=(0,t.useState)(""),_=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],m=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(g,b)=>{c(b?g:"")};return t.default.createElement(n.Stack,{tokens:u,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",p)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:m,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
package/storybook/iframe.html CHANGED
@@ -509,7 +509,7 @@
509
509
 
510
510
 
511
511
 
512
- window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories[\\\\/](?!\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$"}];
512
+ window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];
513
513
 
514
514
 
515
515
 
@@ -518,8 +518,8 @@
518
518
  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';
519
519
 
520
520
 
521
- import './runtime~main.ad2717c9.iframe.bundle.js';
521
+ import './runtime~main.d4cd715d.iframe.bundle.js';
522
522
 
523
- import './536.df88f467.iframe.bundle.js';
523
+ import './536.289052c3.iframe.bundle.js';
524
524
 
525
- import './main.c3773849.iframe.bundle.js';</script></body></html>
525
+ import './main.2ea64b12.iframe.bundle.js';</script></body></html>
package/storybook/index.json CHANGED
@@ -1 +1 @@
1
- {"v":5,"entries":{"utilities-actioncallout--default-usage":{"type":"story","id":"utilities-actioncallout--default-usage","name":"Default Usage","title":"Utilities/ActionCallout","importPath":"./stories/UIActionCallout.story.tsx","tags":["dev","test"]},"basic-inputs-buttons--default-usage":{"type":"story","id":"basic-inputs-buttons--default-usage","name":"Default Usage","title":"Basic Inputs/Buttons","importPath":"./stories/UIButton.story.tsx","tags":["dev","test"]},"dropdowns-callout--callout":{"type":"story","id":"dropdowns-callout--callout","name":"Callout","title":"Dropdowns/Callout","importPath":"./stories/UICallout.story.tsx","tags":["dev","test"]},"dialogs-dialogs--collision-transform-in-dialog":{"type":"story","id":"dialogs-dialogs--collision-transform-in-dialog","name":"Collision Transform In Dialog","title":"Dialogs/Dialogs","importPath":"./stories/UICalloutCollisionTransform.story.tsx","tags":["dev","test"]},"basic-inputs-checkbox--default-usage":{"type":"story","id":"basic-inputs-checkbox--default-usage","name":"Default Usage","title":"Basic Inputs/Checkbox","importPath":"./stories/UICheckbox.story.tsx","tags":["dev","test"]},"basic-inputs-choicegroup--choice-group":{"type":"story","id":"basic-inputs-choicegroup--choice-group","name":"Choice Group","title":"Basic Inputs/ChoiceGroup","importPath":"./stories/UIChoiceGroup.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-highlight":{"type":"story","id":"dropdowns-combobox--search-highlight","name":"Search Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-without-highlight":{"type":"story","id":"dropdowns-combobox--search-without-highlight","name":"Search Without Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--without-search":{"type":"story","id":"dropdowns-combobox--without-search","name":"Without Search","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--with-refresh":{"type":"story","id":"dropdowns-combobox--with-refresh","name":"With Refresh","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--with-loading":{"type":"story","id":"dropdowns-combobox--with-loading","name":"With Loading","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--different-states":{"type":"story","id":"dropdowns-combobox--different-states","name":"Different States","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--multi-select-search-highlight":{"type":"story","id":"dropdowns-combobox--multi-select-search-highlight","name":"Multi Select Search Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--dynamic-error":{"type":"story","id":"dropdowns-combobox--dynamic-error","name":"Dynamic Error","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--messages":{"type":"story","id":"dropdowns-combobox--messages","name":"Messages","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--open-menu-on-click":{"type":"story","id":"dropdowns-combobox--open-menu-on-click","name":"Open Menu On Click","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--accessibility-states":{"type":"story","id":"dropdowns-combobox--accessibility-states","name":"Accessibility States","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--groups-and-separators":{"type":"story","id":"dropdowns-combobox--groups-and-separators","name":"Groups And Separators","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--custom-render":{"type":"story","id":"dropdowns-combobox--custom-render","name":"Custom Render","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-include-keys":{"type":"story","id":"dropdowns-combobox--search-include-keys","name":"Search Include Keys","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--additional-custom-search":{"type":"story","id":"dropdowns-combobox--additional-custom-search","name":"Additional Custom Search","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-contextualmenu--contextual-menu":{"type":"story","id":"dropdowns-contextualmenu--contextual-menu","name":"Contextual Menu","title":"Dropdowns/ContextualMenu","importPath":"./stories/UIContextualMenu.story.tsx","tags":["dev","test"]},"dropdowns-createselect--create-select":{"type":"story","id":"dropdowns-createselect--create-select","name":"Create Select","title":"Dropdowns/CreateSelect","importPath":"./stories/UICreateSelect.story.tsx","tags":["dev","test"]},"basic-inputs-datepicker--default-usage":{"type":"story","id":"basic-inputs-datepicker--default-usage","name":"Default Usage","title":"Basic Inputs/DatePicker","importPath":"./stories/UIDatePicker.story.tsx","tags":["dev","test"]},"dialogs-dialogs--dialog":{"type":"story","id":"dialogs-dialogs--dialog","name":"Dialog","title":"Dialogs/Dialogs","importPath":"./stories/UIDialog.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--basic":{"type":"story","id":"dropdowns-dropdown--basic","name":"Basic","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--short":{"type":"story","id":"dropdowns-dropdown--short","name":"Short","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--states":{"type":"story","id":"dropdowns-dropdown--states","name":"States","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--multi-select-dropdown":{"type":"story","id":"dropdowns-dropdown--multi-select-dropdown","name":"Multi Select Dropdown","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--messages":{"type":"story","id":"dropdowns-dropdown--messages","name":"Messages","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--use-dropdown-as-menu-min-width":{"type":"story","id":"dropdowns-dropdown--use-dropdown-as-menu-min-width","name":"Use Dropdown As Menu Min Width","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--accessibility-states":{"type":"story","id":"dropdowns-dropdown--accessibility-states","name":"Accessibility States","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--groups-and-separators":{"type":"story","id":"dropdowns-dropdown--groups-and-separators","name":"Groups And Separators","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--custom-render":{"type":"story","id":"dropdowns-dropdown--custom-render","name":"Custom Render","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"tables-uiflexibletable--inline-flex-table":{"type":"story","id":"tables-uiflexibletable--inline-flex-table","name":"Inline Flex Table","title":"Tables/UIFlexibleTable","importPath":"./stories/UIFlexibleTable.story.tsx","tags":["dev","test"]},"tables-uiflexibletable--wrapping-table":{"type":"story","id":"tables-uiflexibletable--wrapping-table","name":"Wrapping Table","title":"Tables/UIFlexibleTable","importPath":"./stories/UIFlexibleTable.story.tsx","tags":["dev","test"]},"utilities-icons--svg-icon":{"type":"story","id":"utilities-icons--svg-icon","name":"Svg Icon","title":"Utilities/Icons","importPath":"./stories/UIIcon.story.tsx","tags":["dev","test"]},"basic-inputs-label--default-usage":{"type":"story","id":"basic-inputs-label--default-usage","name":"Default Usage","title":"Basic Inputs/Label","importPath":"./stories/UILabel.story.tsx","tags":["dev","test"]},"basic-inputs-link--default-usage":{"type":"story","id":"basic-inputs-link--default-usage","name":"Default Usage","title":"Basic Inputs/Link","importPath":"./stories/UILink.story.tsx","tags":["dev","test"]},"progress-loader--loaders":{"type":"story","id":"progress-loader--loaders","name":"Loaders","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"progress-loader--delayed":{"type":"story","id":"progress-loader--delayed","name":"Delayed","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"progress-loader--dialogs":{"type":"story","id":"progress-loader--dialogs","name":"Dialogs","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"utilities-messagebar--default-usage":{"type":"story","id":"utilities-messagebar--default-usage","name":"Default Usage","title":"Utilities/MessageBar","importPath":"./stories/UIMessageBar.story.tsx","tags":["dev","test"]},"utilities-persona--default-usage":{"type":"story","id":"utilities-persona--default-usage","name":"Default Usage","title":"Utilities/Persona","importPath":"./stories/UIPersona.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--inline":{"type":"story","id":"utilities-quick-navigation--inline","name":"Inline","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--external":{"type":"story","id":"utilities-quick-navigation--external","name":"External","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--external-with-custom-offset":{"type":"story","id":"utilities-quick-navigation--external-with-custom-offset","name":"External With Custom Offset","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"basic-inputs-search--search-box":{"type":"story","id":"basic-inputs-search--search-box","name":"Search Box","title":"Basic Inputs/Search","importPath":"./stories/UISearchBox.story.tsx","tags":["dev","test"]},"utilities-splitter--horizontal-sections":{"type":"story","id":"utilities-splitter--horizontal-sections","name":"Horizontal Sections","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--vertical-sections":{"type":"story","id":"utilities-splitter--vertical-sections","name":"Vertical Sections","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--horizontal-sections-three-columns":{"type":"story","id":"utilities-splitter--horizontal-sections-three-columns","name":"Horizontal Sections Three Columns","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--vertical-sections-three-rows":{"type":"story","id":"utilities-splitter--vertical-sections-three-rows","name":"Vertical Sections Three Rows","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-separator--default-usage":{"type":"story","id":"utilities-separator--default-usage","name":"Default Usage","title":"Utilities/Separator","importPath":"./stories/UISeparator.story.tsx","tags":["dev","test"]},"tables-uitable--read-only-table":{"type":"story","id":"tables-uitable--read-only-table","name":"Read Only Table","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"tables-uitable--editable-table":{"type":"story","id":"tables-uitable--editable-table","name":"Editable Table","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"tables-uitable--editable-table-2":{"type":"story","id":"tables-uitable--editable-table-2","name":"Editable Table 2","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"basic-inputs-input--default-usage":{"type":"story","id":"basic-inputs-input--default-usage","name":"Default Usage","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-input--accessibility-states":{"type":"story","id":"basic-inputs-input--accessibility-states","name":"Accessibility States","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-input--with-messages":{"type":"story","id":"basic-inputs-input--with-messages","name":"With Messages","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--default-usage":{"type":"story","id":"basic-inputs-toggle-buttons--default-usage","name":"Default Usage","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--as-disabled":{"type":"story","id":"basic-inputs-toggle-buttons--as-disabled","name":"As Disabled","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--with-label":{"type":"story","id":"basic-inputs-toggle-buttons--with-label","name":"With Label","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--small-size":{"type":"story","id":"basic-inputs-toggle-buttons--small-size","name":"Small Size","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--with-messages":{"type":"story","id":"basic-inputs-toggle-buttons--with-messages","name":"With Messages","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-group--default-usage":{"type":"story","id":"basic-inputs-toggle-group--default-usage","name":"Default Usage","title":"Basic Inputs/Toggle/Group","importPath":"./stories/UIToggleGroup.story.tsx","tags":["dev","test"]},"dropdowns-tooltip--tooltips":{"type":"story","id":"dropdowns-tooltip--tooltips","name":"Tooltips","title":"Dropdowns/Tooltip","importPath":"./stories/UITooltip.story.tsx","tags":["dev","test"]},"basic-inputs-input--translation-input":{"type":"story","id":"basic-inputs-input--translation-input","name":"Translation Input","title":"Basic Inputs/Input","importPath":"./stories/UITranslationInput.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--basic":{"type":"story","id":"dropdowns-treedropdown--basic","name":"Basic","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--message":{"type":"story","id":"dropdowns-treedropdown--message","name":"Message","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--accessibility-states":{"type":"story","id":"dropdowns-treedropdown--accessibility-states","name":"Accessibility States","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"utilities-misc--shadows":{"type":"story","id":"utilities-misc--shadows","name":"Shadows","title":"Utilities/Misc","importPath":"./stories/Utilities.story.tsx","tags":["dev","test"]}}}
1
+ {"v":5,"entries":{"utilities-actioncallout--default-usage":{"type":"story","id":"utilities-actioncallout--default-usage","name":"Default Usage","title":"Utilities/ActionCallout","importPath":"./stories/UIActionCallout.story.tsx","tags":["dev","test"]},"basic-inputs-buttons--default-usage":{"type":"story","id":"basic-inputs-buttons--default-usage","name":"Default Usage","title":"Basic Inputs/Buttons","importPath":"./stories/UIButton.story.tsx","tags":["dev","test"]},"dropdowns-callout--callout":{"type":"story","id":"dropdowns-callout--callout","name":"Callout","title":"Dropdowns/Callout","importPath":"./stories/UICallout.story.tsx","tags":["dev","test"]},"dialogs-dialogs--collision-transform-in-dialog":{"type":"story","id":"dialogs-dialogs--collision-transform-in-dialog","name":"Collision Transform In Dialog","title":"Dialogs/Dialogs","importPath":"./stories/UICalloutCollisionTransform.story.tsx","tags":["dev","test"]},"basic-inputs-checkbox--default-usage":{"type":"story","id":"basic-inputs-checkbox--default-usage","name":"Default Usage","title":"Basic Inputs/Checkbox","importPath":"./stories/UICheckbox.story.tsx","tags":["dev","test"]},"basic-inputs-choicegroup--choice-group":{"type":"story","id":"basic-inputs-choicegroup--choice-group","name":"Choice Group","title":"Basic Inputs/ChoiceGroup","importPath":"./stories/UIChoiceGroup.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-highlight":{"type":"story","id":"dropdowns-combobox--search-highlight","name":"Search Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-without-highlight":{"type":"story","id":"dropdowns-combobox--search-without-highlight","name":"Search Without Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--without-search":{"type":"story","id":"dropdowns-combobox--without-search","name":"Without Search","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--with-refresh":{"type":"story","id":"dropdowns-combobox--with-refresh","name":"With Refresh","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--with-loading":{"type":"story","id":"dropdowns-combobox--with-loading","name":"With Loading","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--different-states":{"type":"story","id":"dropdowns-combobox--different-states","name":"Different States","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--multi-select-search-highlight":{"type":"story","id":"dropdowns-combobox--multi-select-search-highlight","name":"Multi Select Search Highlight","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--dynamic-error":{"type":"story","id":"dropdowns-combobox--dynamic-error","name":"Dynamic Error","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--messages":{"type":"story","id":"dropdowns-combobox--messages","name":"Messages","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--open-menu-on-click":{"type":"story","id":"dropdowns-combobox--open-menu-on-click","name":"Open Menu On Click","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--accessibility-states":{"type":"story","id":"dropdowns-combobox--accessibility-states","name":"Accessibility States","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--groups-and-separators":{"type":"story","id":"dropdowns-combobox--groups-and-separators","name":"Groups And Separators","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--custom-render":{"type":"story","id":"dropdowns-combobox--custom-render","name":"Custom Render","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--search-include-keys":{"type":"story","id":"dropdowns-combobox--search-include-keys","name":"Search Include Keys","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--additional-custom-search":{"type":"story","id":"dropdowns-combobox--additional-custom-search","name":"Additional Custom Search","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-combobox--with-external-search":{"type":"story","id":"dropdowns-combobox--with-external-search","name":"With External Search","title":"Dropdowns/Combobox","importPath":"./stories/UICombobox.story.tsx","tags":["dev","test"]},"dropdowns-contextualmenu--contextual-menu":{"type":"story","id":"dropdowns-contextualmenu--contextual-menu","name":"Contextual Menu","title":"Dropdowns/ContextualMenu","importPath":"./stories/UIContextualMenu.story.tsx","tags":["dev","test"]},"dropdowns-createselect--create-select":{"type":"story","id":"dropdowns-createselect--create-select","name":"Create Select","title":"Dropdowns/CreateSelect","importPath":"./stories/UICreateSelect.story.tsx","tags":["dev","test"]},"basic-inputs-datepicker--default-usage":{"type":"story","id":"basic-inputs-datepicker--default-usage","name":"Default Usage","title":"Basic Inputs/DatePicker","importPath":"./stories/UIDatePicker.story.tsx","tags":["dev","test"]},"dialogs-dialogs--dialog":{"type":"story","id":"dialogs-dialogs--dialog","name":"Dialog","title":"Dialogs/Dialogs","importPath":"./stories/UIDialog.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--basic":{"type":"story","id":"dropdowns-dropdown--basic","name":"Basic","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--short":{"type":"story","id":"dropdowns-dropdown--short","name":"Short","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--states":{"type":"story","id":"dropdowns-dropdown--states","name":"States","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--multi-select-dropdown":{"type":"story","id":"dropdowns-dropdown--multi-select-dropdown","name":"Multi Select Dropdown","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--messages":{"type":"story","id":"dropdowns-dropdown--messages","name":"Messages","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--use-dropdown-as-menu-min-width":{"type":"story","id":"dropdowns-dropdown--use-dropdown-as-menu-min-width","name":"Use Dropdown As Menu Min Width","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--accessibility-states":{"type":"story","id":"dropdowns-dropdown--accessibility-states","name":"Accessibility States","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--groups-and-separators":{"type":"story","id":"dropdowns-dropdown--groups-and-separators","name":"Groups And Separators","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"dropdowns-dropdown--custom-render":{"type":"story","id":"dropdowns-dropdown--custom-render","name":"Custom Render","title":"Dropdowns/Dropdown","importPath":"./stories/UIDropdown.story.tsx","tags":["dev","test"]},"tables-uiflexibletable--inline-flex-table":{"type":"story","id":"tables-uiflexibletable--inline-flex-table","name":"Inline Flex Table","title":"Tables/UIFlexibleTable","importPath":"./stories/UIFlexibleTable.story.tsx","tags":["dev","test"]},"tables-uiflexibletable--wrapping-table":{"type":"story","id":"tables-uiflexibletable--wrapping-table","name":"Wrapping Table","title":"Tables/UIFlexibleTable","importPath":"./stories/UIFlexibleTable.story.tsx","tags":["dev","test"]},"utilities-icons--svg-icon":{"type":"story","id":"utilities-icons--svg-icon","name":"Svg Icon","title":"Utilities/Icons","importPath":"./stories/UIIcon.story.tsx","tags":["dev","test"]},"basic-inputs-label--default-usage":{"type":"story","id":"basic-inputs-label--default-usage","name":"Default Usage","title":"Basic Inputs/Label","importPath":"./stories/UILabel.story.tsx","tags":["dev","test"]},"basic-inputs-link--default-usage":{"type":"story","id":"basic-inputs-link--default-usage","name":"Default Usage","title":"Basic Inputs/Link","importPath":"./stories/UILink.story.tsx","tags":["dev","test"]},"progress-loader--loaders":{"type":"story","id":"progress-loader--loaders","name":"Loaders","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"progress-loader--delayed":{"type":"story","id":"progress-loader--delayed","name":"Delayed","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"progress-loader--dialogs":{"type":"story","id":"progress-loader--dialogs","name":"Dialogs","title":"Progress/Loader","importPath":"./stories/UILoader.story.tsx","tags":["dev","test"]},"utilities-messagebar--default-usage":{"type":"story","id":"utilities-messagebar--default-usage","name":"Default Usage","title":"Utilities/MessageBar","importPath":"./stories/UIMessageBar.story.tsx","tags":["dev","test"]},"utilities-persona--default-usage":{"type":"story","id":"utilities-persona--default-usage","name":"Default Usage","title":"Utilities/Persona","importPath":"./stories/UIPersona.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--inline":{"type":"story","id":"utilities-quick-navigation--inline","name":"Inline","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--external":{"type":"story","id":"utilities-quick-navigation--external","name":"External","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"utilities-quick-navigation--external-with-custom-offset":{"type":"story","id":"utilities-quick-navigation--external-with-custom-offset","name":"External With Custom Offset","title":"Utilities/Quick Navigation","importPath":"./stories/UIQuickNavigation.story.tsx","tags":["dev","test"]},"basic-inputs-search--search-box":{"type":"story","id":"basic-inputs-search--search-box","name":"Search Box","title":"Basic Inputs/Search","importPath":"./stories/UISearchBox.story.tsx","tags":["dev","test"]},"utilities-splitter--horizontal-sections":{"type":"story","id":"utilities-splitter--horizontal-sections","name":"Horizontal Sections","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--vertical-sections":{"type":"story","id":"utilities-splitter--vertical-sections","name":"Vertical Sections","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--horizontal-sections-three-columns":{"type":"story","id":"utilities-splitter--horizontal-sections-three-columns","name":"Horizontal Sections Three Columns","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-splitter--vertical-sections-three-rows":{"type":"story","id":"utilities-splitter--vertical-sections-three-rows","name":"Vertical Sections Three Rows","title":"Utilities/Splitter","importPath":"./stories/UISections.story.tsx","tags":["dev","test"]},"utilities-separator--default-usage":{"type":"story","id":"utilities-separator--default-usage","name":"Default Usage","title":"Utilities/Separator","importPath":"./stories/UISeparator.story.tsx","tags":["dev","test"]},"tables-uitable--read-only-table":{"type":"story","id":"tables-uitable--read-only-table","name":"Read Only Table","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"tables-uitable--editable-table":{"type":"story","id":"tables-uitable--editable-table","name":"Editable Table","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"tables-uitable--editable-table-2":{"type":"story","id":"tables-uitable--editable-table-2","name":"Editable Table 2","title":"Tables/UITable","importPath":"./stories/UITable.story.tsx","tags":["dev","test"]},"basic-inputs-input--default-usage":{"type":"story","id":"basic-inputs-input--default-usage","name":"Default Usage","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-input--accessibility-states":{"type":"story","id":"basic-inputs-input--accessibility-states","name":"Accessibility States","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-input--with-messages":{"type":"story","id":"basic-inputs-input--with-messages","name":"With Messages","title":"Basic Inputs/Input","importPath":"./stories/UITextInput.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--default-usage":{"type":"story","id":"basic-inputs-toggle-buttons--default-usage","name":"Default Usage","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--as-disabled":{"type":"story","id":"basic-inputs-toggle-buttons--as-disabled","name":"As Disabled","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--with-label":{"type":"story","id":"basic-inputs-toggle-buttons--with-label","name":"With Label","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--small-size":{"type":"story","id":"basic-inputs-toggle-buttons--small-size","name":"Small Size","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-buttons--with-messages":{"type":"story","id":"basic-inputs-toggle-buttons--with-messages","name":"With Messages","title":"Basic Inputs/Toggle/Buttons","importPath":"./stories/UIToggle.story.tsx","tags":["dev","test"]},"basic-inputs-toggle-group--default-usage":{"type":"story","id":"basic-inputs-toggle-group--default-usage","name":"Default Usage","title":"Basic Inputs/Toggle/Group","importPath":"./stories/UIToggleGroup.story.tsx","tags":["dev","test"]},"dropdowns-tooltip--tooltips":{"type":"story","id":"dropdowns-tooltip--tooltips","name":"Tooltips","title":"Dropdowns/Tooltip","importPath":"./stories/UITooltip.story.tsx","tags":["dev","test"]},"basic-inputs-input--translation-input":{"type":"story","id":"basic-inputs-input--translation-input","name":"Translation Input","title":"Basic Inputs/Input","importPath":"./stories/UITranslationInput.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--basic":{"type":"story","id":"dropdowns-treedropdown--basic","name":"Basic","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--message":{"type":"story","id":"dropdowns-treedropdown--message","name":"Message","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"dropdowns-treedropdown--accessibility-states":{"type":"story","id":"dropdowns-treedropdown--accessibility-states","name":"Accessibility States","title":"Dropdowns/TreeDropdown","importPath":"./stories/UITreedropdown.story.tsx","tags":["dev","test"]},"utilities-misc--shadows":{"type":"story","id":"utilities-misc--shadows","name":"Shadows","title":"Utilities/Misc","importPath":"./stories/Utilities.story.tsx","tags":["dev","test"]}}}