@sap-ux/ui-components 2.2.2 → 2.2.4

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 (91) hide show
  1. package/dist/components/UIContextualMenu/UIContextualMenu.scss +1 -1
  2. package/dist/components/UIContextualMenu/_variables.scss +1 -1
  3. package/dist/components/UIDropdown/UIDropdown.scss +1 -0
  4. package/dist/components/UIQuickNavigation/UIQuickNavigation.scss +1 -1
  5. package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss +1 -1
  6. package/dist/components/UITranslationInput/UITranslationInput.scss +1 -1
  7. package/dist/styles/_typography.scss +1 -1
  8. package/dist/styles/_variables.scss +1 -1
  9. package/package.json +2 -2
  10. package/storybook/133.7f9c4401.iframe.bundle.js +1 -0
  11. package/storybook/236.db7ec88e.iframe.bundle.js +43 -0
  12. package/storybook/237.2fa88e98.iframe.bundle.js +13 -0
  13. package/storybook/272.9b5d83c3.iframe.bundle.js +8 -0
  14. package/storybook/31.573b5dd6.iframe.bundle.js +10 -0
  15. package/storybook/{541.dbf90ed7.iframe.bundle.js → 395.cdda1e86.iframe.bundle.js} +1 -1
  16. package/storybook/{435.fe0c5cb0.iframe.bundle.js → 435.d820054a.iframe.bundle.js} +1 -1
  17. package/storybook/464.f6309bf2.iframe.bundle.js +1 -0
  18. package/storybook/633.3fcd32a3.iframe.bundle.js +2 -0
  19. package/storybook/657.8bbef1bd.iframe.bundle.js +1 -0
  20. package/storybook/687.0d6224e0.iframe.bundle.js +1 -0
  21. package/storybook/704.329de0cc.iframe.bundle.js +1 -0
  22. package/storybook/714.895a9298.iframe.bundle.js +55 -0
  23. package/storybook/82.cbddfc84.iframe.bundle.js +1 -0
  24. package/storybook/978.a195e3c5.iframe.bundle.js +7 -0
  25. package/storybook/980.26b285aa.iframe.bundle.js +1 -0
  26. package/storybook/UIActionCallout-story.0f019554.iframe.bundle.js +2 -0
  27. package/storybook/UIButton-story.9f7c2053.iframe.bundle.js +1 -0
  28. package/storybook/UICallout-story.9026ac69.iframe.bundle.js +2 -0
  29. package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js +1 -0
  30. package/storybook/UICheckbox-story.1c7a7883.iframe.bundle.js +2 -0
  31. package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js +1 -0
  32. package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js +1 -0
  33. package/storybook/{UIContextualMenu-story.b9a93aaf.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
  34. package/storybook/UICreateSelect-story.d514149e.iframe.bundle.js +2 -0
  35. package/storybook/UIDatePicker-story.6b5e3e09.iframe.bundle.js +2 -0
  36. package/storybook/UIDialog-story.2c80f1e3.iframe.bundle.js +2 -0
  37. package/storybook/{UIFlexibleTable-story.982bab99.iframe.bundle.js → UIFlexibleTable-story.218b515c.iframe.bundle.js} +1 -1
  38. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
  39. package/storybook/UILabel-story.4f878fd0.iframe.bundle.js +1 -0
  40. package/storybook/UILink-story.6e2c3b4f.iframe.bundle.js +2 -0
  41. package/storybook/UILoader-story.bb8faed0.iframe.bundle.js +6 -0
  42. package/storybook/{UIMessageBar-story.b80ad5ed.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
  43. package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js +1 -0
  44. package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js +1 -0
  45. package/storybook/{UISections-story.e6852131.iframe.bundle.js → UISections-story.e394f18b.iframe.bundle.js} +1 -1
  46. package/storybook/UISeparator-story.b93568c6.iframe.bundle.js +1 -0
  47. package/storybook/UITable-story.08b1e3ca.iframe.bundle.js +4 -0
  48. package/storybook/UITextInput-story.5fb40543.iframe.bundle.js +2 -0
  49. package/storybook/UIToggle-story.9a30e364.iframe.bundle.js +2 -0
  50. package/storybook/UIToggleGroup-story.46fd140d.iframe.bundle.js +2 -0
  51. package/storybook/UITooltip-story.7acbb0e3.iframe.bundle.js +2 -0
  52. package/storybook/iframe.html +3 -3
  53. package/storybook/{main.9efacc41.iframe.bundle.js → main.7fee29d0.iframe.bundle.js} +1 -1
  54. package/storybook/project.json +1 -1
  55. package/storybook/{runtime~main.0b8746a5.iframe.bundle.js → runtime~main.c8bb2522.iframe.bundle.js} +2 -2
  56. package/storybook/237.789b9d8f.iframe.bundle.js +0 -13
  57. package/storybook/269.0cc8afbf.iframe.bundle.js +0 -1
  58. package/storybook/272.3ac8af6d.iframe.bundle.js +0 -8
  59. package/storybook/278.4ad60d68.iframe.bundle.js +0 -1
  60. package/storybook/300.84bb46cd.iframe.bundle.js +0 -7
  61. package/storybook/303.07b7acd1.iframe.bundle.js +0 -43
  62. package/storybook/360.20c88333.iframe.bundle.js +0 -10
  63. package/storybook/438.8ad5ceaa.iframe.bundle.js +0 -1
  64. package/storybook/510.2ce29f93.iframe.bundle.js +0 -1
  65. package/storybook/691.acd5121e.iframe.bundle.js +0 -1
  66. package/storybook/714.f5db87a6.iframe.bundle.js +0 -55
  67. package/storybook/715.68e5d55b.iframe.bundle.js +0 -1
  68. package/storybook/738.d810205a.iframe.bundle.js +0 -1
  69. package/storybook/847.c596d8f5.iframe.bundle.js +0 -2
  70. package/storybook/UIActionCallout-story.e1969803.iframe.bundle.js +0 -2
  71. package/storybook/UIButton-story.2725095a.iframe.bundle.js +0 -1
  72. package/storybook/UICallout-story.2943d967.iframe.bundle.js +0 -2
  73. package/storybook/UICalloutCollisionTransform-story.43356506.iframe.bundle.js +0 -1
  74. package/storybook/UICheckbox-story.817b5aea.iframe.bundle.js +0 -2
  75. package/storybook/UIChoiceGroup-story.26738859.iframe.bundle.js +0 -1
  76. package/storybook/UICombobox-story.d0c5a21c.iframe.bundle.js +0 -1
  77. package/storybook/UICreateSelect-story.1c668c39.iframe.bundle.js +0 -2
  78. package/storybook/UIDatePicker-story.9b2e3621.iframe.bundle.js +0 -2
  79. package/storybook/UIDialog-story.6d518b55.iframe.bundle.js +0 -2
  80. package/storybook/UIIcon-story.889b5dd7.iframe.bundle.js +0 -1
  81. package/storybook/UILabel-story.c0020ef5.iframe.bundle.js +0 -1
  82. package/storybook/UILink-story.36911bf6.iframe.bundle.js +0 -2
  83. package/storybook/UILoader-story.f1276c9d.iframe.bundle.js +0 -6
  84. package/storybook/UIPersona-story.534e3d93.iframe.bundle.js +0 -1
  85. package/storybook/UISearchBox-story.7366a9a2.iframe.bundle.js +0 -1
  86. package/storybook/UISeparator-story.6050de69.iframe.bundle.js +0 -1
  87. package/storybook/UITable-story.3ec982c9.iframe.bundle.js +0 -4
  88. package/storybook/UITextInput-story.637bf0a2.iframe.bundle.js +0 -2
  89. package/storybook/UIToggle-story.a1e28ca9.iframe.bundle.js +0 -2
  90. package/storybook/UIToggleGroup-story.a0cda798.iframe.bundle.js +0 -2
  91. package/storybook/UITooltip-story.35dc2a90.iframe.bundle.js +0 -2
package/storybook/980.26b285aa.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{var P=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(b,s,e)=>s in b?P(b,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):b[s]=e,y=(b,s)=>{for(var e in s||(s={}))I.call(s,e)&&v(b,e,s[e]);if(O)for(var e of O(s))M.call(s,e)&&v(b,e,s[e]);return b},S=(b,s)=>C(b,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[980],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"(b,s,e){var f=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),a=i(f);a.push([b.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background);border-radius:var(--vscode-cornerRadius-small, 4px)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;border-radius:var(--vscode-cornerRadius-small, 4px);font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:var(--vscode-cornerRadius-small, 4px)}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),b.exports=a},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(b,s,e){var f=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),a=i(f);a.push([b.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)}",""]),b.exports=a},"./src/components/UIDropdown/UIDropdown.scss"(b,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var f=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(f),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),t=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=i()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/styles/_shadows.scss"(b,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var f=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(f),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),t=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=e.n(t),n=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(n),w=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(w),p=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(p),c=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=i()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(b,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},f=20;class i{constructor(r,t,_=e){this.originalStyle={},this.source=r,this.callout=t,this.props=_,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${r}px`,t}getElements(){const r=this.source.current,t=r==null?void 0:r.closest(this.props.container);if(t&&r){const _=t==null?void 0:t.querySelector(this.props.target);if(_){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:_,rect:_.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},u=this.callout.current;return u&&(n.callout={dom:u,rect:u.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:_,callout:n,source:u}=r;if(n){const w=window.innerHeight-e.minPagePadding,d=n.rect.height,p=u.rect.bottom;let m=p+d-_.rect.top,c=p+n.rect.height;if(m<=0||c>=w)return;if(c+=_.rect.height,c<=w&&(m+=f),this.props.absolute){const o=t.dom.style;this.originalStyle={transform:o.transform,position:o.position,top:o.top,left:o.left},o.transform="",o.position="absolute",o.top=`${t.rect.top}px`,o.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),_.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const _ in this.originalStyle){const n=this.originalStyle[_];typeof n=="string"&&(t.dom.style[_]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const t=this.getElements();return!!(r.type==="focus"&&(t!=null&&t.target.dom.contains(r.target)))}}s.CalloutCollisionTransform=i},"./src/components/UICallout/UICallout.tsx"(b,s,e){"use strict";var f=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const i=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const _=new Map([[t.Standard,8]]),n=(d,p)=>typeof d=="object"&&typeof d[p]=="object"?d[p]:{},u=d=>{var p,m;return{root:y({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:y({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(p=d.calloutMinWidth)!=null?p:300,boxSizing:"border-box",padding:_.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};s.getCalloutStyle=u;class w extends i.default.Component{constructor(p){super(p),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(p){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:o}=this.props;if(c&&p.key==="Tab"&&o){let l=null;if(typeof o=="string"){const h=(0,a.getDocument)();l=h==null?void 0:h.querySelector(o)}else"getBoundingClientRect"in o&&(0,r.isHTMLElement)(o)&&(l=o);l&&(0,r.focusToSibling)(l,!p.shiftKey)&&(p.stopPropagation(),p.preventDefault())}m==null||m(p)}render(){return i.default.createElement(a.Callout,S(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=w},"./src/components/UICallout/index.tsx"(b,s,e){"use strict";var f=this&&this.__createBinding||(Object.create?(function(a,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(a,_,n)}):(function(a,r,t,_){_===void 0&&(_=t),a[_]=r[t]})),i=this&&this.__exportStar||function(a,r){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&f(r,a,t)};Object.defineProperty(s,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),s),i(e("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIDropdown/UIDropdown.tsx"(b,s,e){"use strict";var f=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDropdown=s.UIDropdownMenuItemType=s.UIDropdownOption=void 0;const i=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(s,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),_=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),u=e("./src/components/UICallout/index.tsx"),w=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class p extends i.default.Component{constructor(c){super(c),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new u.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=o=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(o);{const{multiSelectDelimiter:l=", "}=this.props;if(o){const h=o.map(E=>E.text).join(l);return i.default.createElement(i.default.Fragment,null,h)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(o=>({isOpen:!o.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(o=>({isOpen:!o.isOpen})),this.props.onHandleOpen())})},this.onChange=(o,l,h)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&h&&this.props.onHandleChange(l,h)},this.stopEventPropagation=o=>{o.stopPropagation()},this._onRenderOption=(o,l)=>i.default.createElement(i.default.Fragment,null,l==null?void 0:l(o),(o==null?void 0:o.itemType)!==a.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(o,l)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,l)):this._onRenderOption(o,l),this._onRenderItem=(o,l)=>l&&o?(o.title===void 0&&(o.title=o.text),l(o)):null,this.onRenderItem=(o,l)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,l)):this._onRenderItem(o,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:o,readOnly:l,disabled:h}=this.props,E=c.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),o&&(D+=` ${o}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:o}=this.props,l={};return c&&!o?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):o&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),o=this.getAccessibilityProps(),l=()=>({label:y(y(y({},_.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:w.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style],callout:{boxShadow:"var(--ui-box-shadow-small)"}});return i.default.createElement(a.Dropdown,S(y(y({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},o),this.props),{calloutProps:y(y({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}s.UIDropdown=p},"./src/components/UIDropdown/index.tsx"(b,s,e){"use strict";var f=this&&this.__createBinding||(Object.create?(function(a,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(a,_,n)}):(function(a,r,t,_){_===void 0&&(_=t),a[_]=r[t]})),i=this&&this.__exportStar||function(a,r){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&f(r,a,t)};Object.defineProperty(s,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),s),i(e("./src/components/UIDropdown/utils.ts"),s)},"./src/components/UIDropdown/utils.ts"(b,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isDropdownEmpty=e,s.getCalloutCollisionTransformationProps=f,s.getCalloutCollisionTransformationPropsForDropdown=t;function e(_){var u;const{selectedKey:n}=_;return Array.isArray(n)?n.length===0:"text"in _&&_.text||"selectedKeys"in _&&((u=_.selectedKeys)!=null&&u.length)?!1:!n}function f(_,n,u){if(n&&u)return{preventDismissOnEvent:_.preventDismissOnEvent,layerProps:{onLayerDidMount:_.applyTransformation,onLayerWillUnmount:_.resetTransformation}}}function i(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=f(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerDidMount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),u!=null&&u.onLayerDidMount&&u.onLayerDidMount()}}function a(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=f(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerWillUnmount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),u!=null&&u.onLayerWillUnmount&&u.onLayerWillUnmount()}}function r(_,n){return u=>{var d,p;let w=!1;if((d=_.props.calloutProps)!=null&&d.preventDismissOnEvent&&(w=_.props.calloutProps.preventDismissOnEvent(u)),!w){const{preventDismissOnEvent:m}=(p=f(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?p:{};if(m)return m(u)}return w}}function t(_,n){if(_.props.multiSelect&&_.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(_,n),layerProps:{onLayerDidMount:i(_,n),onLayerWillUnmount:a(_,n)}}}}}]);})();
package/storybook/UIActionCallout-story.0f019554.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{var O=Object.defineProperty,T=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?O(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,E=(a,_)=>{for(var e in _||(_={}))j.call(_,e)&&P(a,e,_[e]);if(g)for(var e of g(_))S.call(_,e)&&P(a,e,_[e]);return a},C=(a,_)=>T(a,A(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.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}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(a,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([a.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)}",""]),a.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(a){"use strict";a.exports=function(_){var e=[];return e.toString=function(){return this.map(function(l){var o="",t=typeof l[5]!="undefined";return l[4]&&(o+="@supports (".concat(l[4],") {")),l[2]&&(o+="@media ".concat(l[2]," {")),t&&(o+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),o+=_(l),t&&(o+="}"),l[2]&&(o+="}"),l[4]&&(o+="}"),o}).join("")},e.i=function(l,o,t,s,n){typeof l=="string"&&(l=[[null,l,void 0]]);var d={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(d[m]=!0)}for(var u=0;u<l.length;u++){var c=[].concat(l[u]);t&&d[c[0]]||(typeof n!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=n),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(a){"use strict";a.exports=function(_){return _[1]}},"./src/components/UIActionCallout/UIActionCallout.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss"(a,_,e){"use strict";e.r(_),e.d(_,{default:()=>I});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),c=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(c),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var v=l()(p(),b);const I=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(a){"use strict";var _=[];function e(o){for(var t=-1,s=0;s<_.length;s++)if(_[s].identifier===o){t=s;break}return t}function r(o,t){for(var s={},n=[],d=0;d<o.length;d++){var i=o[d],m=t.base?i[0]+t.base:i[0],u=s[m]||0,c="".concat(m," ").concat(u);s[m]=u+1;var f=e(c),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(f!==-1)_[f].references++,_[f].updater(h);else{var p=l(h,t);t.byIndex=d,_.splice(d,0,{identifier:c,updater:p,references:1})}n.push(c)}return n}function l(o,t){var s=t.domAPI(t);s.update(o);var n=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;s.update(o=i)}else s.remove()};return n}a.exports=function(o,t){t=t||{},o=o||[];var s=r(o,t);return function(d){d=d||[];for(var i=0;i<s.length;i++){var m=s[i],u=e(m);_[u].references--}for(var c=r(d,t),f=0;f<s.length;f++){var h=s[f],p=e(h);_[p].references===0&&(_[p].updater(),_.splice(p,1))}s=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(a){"use strict";var _={};function e(l){if(typeof _[l]=="undefined"){var o=document.querySelector(l);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}_[l]=o}return _[l]}function r(l,o){var t=e(l);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)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(a){"use strict";function _(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}a.exports=_},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(a,_,e){"use strict";function r(l){var o=e.nc;o&&l.setAttribute("nonce",o)}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(a){"use strict";function _(l,o,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,n&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var d=t.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(s,l,o.options)}function e(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=l.insertStyleElement(l);return{update:function(s){_(o,l,s)},remove:function(){e(o)}}}a.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(a){"use strict";function _(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}a.exports=_},"./src/components/UIActionCallout/UIActionCallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIActionCallout=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends o.default.Component{constructor(m){var u;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(u=m.isError)!=null?u:!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,u;return o.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:l.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"}}},(u=(m=this.icon)==null?void 0:m.render())!=null?u:o.default.createElement(n.UIIcon,{iconName:t.UiIcons.HelpAction}),o.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),o.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}_.UIActionCallout=d},"./src/components/UIActionCallout/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIActionCallout/UIActionCallout.tsx"),_)},"./src/components/UICallout/CalloutCollisionTransform.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=20;class l{constructor(t,s,n=e){this.originalStyle={},this.source=t,this.callout=s,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${t}px`,s}getElements(){const t=this.source.current,s=t==null?void 0:t.closest(this.props.container);if(s&&t){const n=s==null?void 0:s.querySelector(this.props.target);if(n){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(d.callout={dom:i,rect:i.getBoundingClientRect()}),d}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:n,callout:d,source:i}=t;if(d){const m=window.innerHeight-e.minPagePadding,u=d.rect.height,c=i.rect.bottom;let f=c+u-n.rect.top,h=c+d.rect.height;if(f<=0||h>=m)return;if(h+=n.rect.height,h<=m&&(f+=r),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),n.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:s}=t;for(const n in this.originalStyle){const d=this.originalStyle[n];typeof d=="string"&&(s.dom.style[n]=d)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const s=this.getElements();return!!(t.type==="focus"&&(s!=null&&s.target.dom.contains(t.target)))}}_.CalloutCollisionTransform=l},"./src/components/UICallout/UICallout.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICallout=_.getCalloutStyle=_.UICalloutContentPadding=_.CALLOUT_STYLES=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),_.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var s;(function(u){u.None="None",u.Standard="Standard"})(s||(_.UICalloutContentPadding=s={}));const n=new Map([[s.Standard,8]]),d=(u,c)=>typeof u=="object"&&typeof u[c]=="object"?u[c]:{},i=u=>{var c,f;return{root:E({boxShadow:_.CALLOUT_STYLES.boxShadow,backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius,border:`1px solid ${_.CALLOUT_STYLES.borderColor}`},d(u.styles,"root")),beak:E({backgroundColor:_.CALLOUT_STYLES.background,boxShadow:_.CALLOUT_STYLES.boxShadow},d(u.styles,"beak")),beakCurtain:E({backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius},d(u.styles,"beakCurtain")),calloutMain:E({backgroundColor:"transparent",color:_.CALLOUT_STYLES.text,borderRadius:_.CALLOUT_STYLES.borderRadius,minWidth:(c=u.calloutMinWidth)!=null?c:300,boxSizing:"border-box",padding:n.get((f=u.contentPadding)!=null?f:s.None)},d(u.styles,"calloutMain")),container:d(u.styles,"container")}};_.getCalloutStyle=i;class m extends l.default.Component{constructor(c){super(c),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(c){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&c.key==="Tab"&&p){let y=null;if(typeof p=="string"){const b=(0,o.getDocument)();y=b==null?void 0:b.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(y=p);y&&(0,t.focusToSibling)(y,!c.shiftKey)&&(c.stopPropagation(),c.preventDefault())}f==null||f(c)}render(){return l.default.createElement(o.Callout,C(E({},this.props),{onKeyDown:this.onKeyDown,styles:(0,_.getCalloutStyle)(this.props)}),this.props.children)}}_.UICallout=m},"./src/components/UICallout/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UICallout/CalloutCollisionTransform.ts"),_),l(e("./src/components/UICallout/UICallout.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends l.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return l.default.createElement(o.Icon,C(E({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/utilities/Debounce.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.debounce=e;function e(r,l){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{r(...t)},l)}}},"./src/utilities/Dom.ts"(a,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isHTMLElement=e,_.isHTMLInputElement=r;function e(l){return"title"in l}function r(l){return"value"in l&&"tagName"in l&&l.tagName==="INPUT"}},"./src/utilities/Focus.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isElementTabbable=_.getPreviousElement=_.getNextElement=_.setUIFocusVisibility=_.getUILastFocusable=_.getUIFirstFocusable=void 0,_.focusToSibling=l;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIFirstFocusable",{enumerable:!0,get:function(){return r.getFirstFocusable}}),Object.defineProperty(_,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(_,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(_,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(_,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}}),Object.defineProperty(_,"isElementTabbable",{enumerable:!0,get:function(){return r.isElementTabbable}});function l(o,t){const s=(0,r.getDocument)();if(s){let n=null;if(t?n=(0,r.getNextElement)(s.body,o,!1,!1,!0,!0):n=(0,r.getPreviousElement)(s.body,o,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts"(a,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts"(a,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/utilities/Debounce.ts"),_),l(e("./src/utilities/Dom.ts"),_),l(e("./src/utilities/Focus.ts"),_),l(e("./src/utilities/Id.ts"),_),l(e("./src/utilities/Keys.ts"),_)},"./stories/UIActionCallout.story.tsx"(a,_,e){"use strict";var r=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},i={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"},u=()=>o.default.createElement(l.Stack,{tokens:d,style:{width:300}},o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),o.default.createElement(t.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:i,isError:!0})),o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),o.default.createElement(t.UIActionCallout,{icon:new s.UIIcon({iconName:n.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));_.defaultUsage=u}}]);})();
package/storybook/UIButton-story.9f7c2053.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var M=Object.defineProperty,z=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var D=(p,i,u)=>i in p?M(p,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):p[i]=u,h=(p,i)=>{for(var u in i||(i={}))O.call(i,u)&&D(p,u,i[u]);if(N)for(var u of N(i))W.call(i,u)&&D(p,u,i[u]);return p},B=(p,i)=>z(p,j(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"./stories/UIButton.story.tsx"(p,i,u){var v=this&&this.__createBinding||(Object.create?(function(m,r,c,s){s===void 0&&(s=c);var l=Object.getOwnPropertyDescriptor(r,c);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(m,s,l)}):(function(m,r,c,s){s===void 0&&(s=c),m[s]=r[c]})),T=this&&this.__setModuleDefault||(Object.create?(function(m,r){Object.defineProperty(m,"default",{enumerable:!0,value:r})}):function(m,r){m.default=r}),w=this&&this.__importStar||(function(){var m=function(r){return m=Object.getOwnPropertyNames||function(c){var s=[];for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&(s[s.length]=l);return s},m(r)};return function(r){if(r&&r.__esModule)return r;var c={};if(r!=null)for(var s=m(r),l=0;l<s.length;l++)s[l]!=="default"&&v(c,r,s[l]);return T(c,r),c}})();Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const t=w(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=u("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=u("./src/components/UIButton/index.tsx"),y=u("./src/components/UIContextualMenu/index.tsx"),o=u("./src/components/Icons.tsx"),b=u("./src/components/UITreeDropdown/index.tsx");(0,o.initIcons)(),i.default={title:"Basic Inputs/Buttons"};const a={childrenGap:40},_=()=>{const[m,r]=(0,t.useState)(""),[c,s]=(0,t.useState)({btn1:!0,btn2:!0,btn3:!0}),l=f=>{r(f)},S=f=>{const I=B(h({},c),{[f]:!c[f]});s(I)},d=(f,I,k)=>{const E={key:f,text:I};return k&&(E.iconProps={iconName:o.UiIcons.GuidedDevelopment}),E},x=d("option1","option 1"),P=[d("option2","option 2"),d("option3","option 3")],U=P.map(f=>B(h({},f),{iconProps:{iconName:o.UiIcons.GuidedDevelopment}})),A=[U[0],B(h({},U[1]),{iconProps:void 0})],g=()=>[d("option1","option 1"),d("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},d("option3","option 3"),d("option4","option 4"),d("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},d("option6","option 6"),d("option7","option 7"),d("option8","option 8"),d("option10","option 10"),d("option11","option 11"),d("option12","option 12")],[C,H]=(0,t.useState)(g());return t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{primary:!0},"Primary button"),t.default.createElement(e.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),t.default.createElement(e.UIDefaultButton,{primary:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Primary button with icon"),t.default.createElement(e.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,null,"Secondary button"),t.default.createElement(e.UIDefaultButton,{disabled:!0},"Secondary disabled button"),t.default.createElement(e.UIDefaultButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Secondary button with icon"),t.default.createElement(e.UIDefaultButton,{checked:!0},"Secondary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{alert:!0},"Alert button"),t.default.createElement(e.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),t.default.createElement(e.UIDefaultButton,{alert:!0,iconProps:{iconName:o.UiIcons.Calendar}},"alert button with icon"),t.default.createElement(e.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{transparent:!0},"Transparent button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Transparent button with icon"),t.default.createElement(e.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISplitButton,{id:"test",callback:l.bind(this),menuItems:P,button:x}),t.default.createElement(e.UISplitButton,{id:"test2",callback:l.bind(this),menuItems:U,button:x}),t.default.createElement(e.UISplitButton,{id:"test3",callback:f=>{if(f==="rename"){const I=g(),k=I.find(E=>E.key==="rename");k&&(k.text="Renamed"),H(I)}l(f)},menuItems:C,button:x}),t.default.createElement("span",null,"selection: ",m))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"undo-button-action",iconProps:{iconName:o.UiIcons.Undo},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"add-button-action",iconProps:{iconName:o.UiIcons.Add},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"wide-button-action",sizeType:e.UIIconButtonSizes.Wide,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),t.default.createElement(e.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:o.UiIcons.Source},disabled:!0,title:"Undo"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"btn1",iconProps:{iconName:o.UiIcons.Undo},checked:c.btn1,onClick:S.bind(window,"btn1"),title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"btn2",checked:c.btn2,iconProps:{iconName:o.UiIcons.LayoutLeft},onClick:S.bind(window,"btn2"),title:"LayoutLeft"}),t.default.createElement(e.UIIconButton,{id:"btn3",sizeType:e.UIIconButtonSizes.Wide,checked:c.btn3,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},onClick:S.bind(window,"btn3"),title:"Wide"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action - disabled"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color - disabled")),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}},"Button with menu"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:A}},"Button with mixture menu"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISmallButton,{primary:!0},"Clear All"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:C}}))))};i.defaultUsage=_}}]);})();
package/storybook/UICallout-story.9026ac69.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{var I=Object.defineProperty,T=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var C=(i,s,o)=>s in i?I(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o,g=(i,s)=>{for(var o in s||(s={}))P.call(s,o)&&C(i,o,s[o]);if(v)for(var o of v(s))U.call(s,o)&&C(i,o,s[o]);return i},E=(i,s)=>T(i,O(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(i,s,o){var u=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),_=n(u);_.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@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(s){var o=[];return o.toString=function(){return this.map(function(n){var _="",e=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),e&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=s(n),e&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},o.i=function(n,_,e,t,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(e)for(var p=0;p<this.length;p++){var y=this[p][0];y!=null&&(l[y]=!0)}for(var m=0;m<n.length;m++){var a=[].concat(n[m]);e&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),_&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=_),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),o.push(a))}},o}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,o){"use strict";o.r(s),o.d(s,{default:()=>S});var u=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=o.n(u),_=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=o.n(_),t=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=o.n(t),l=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(l),y=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=o.n(y),a=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=o.n(a),c=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),d=o.n(c),b={};for(const w in c)w!=="default"&&(b[w]=()=>c[w]);o.d(s,b);var h={};h.styleTagTransform=f(),h.setAttributes=p(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=m();var D=n()(d(),h);const S=d()&&d().locals?d().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var s=[];function o(_){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===_){e=t;break}return e}function u(_,e){for(var t={},r=[],l=0;l<_.length;l++){var p=_[l],y=e.base?p[0]+e.base:p[0],m=t[y]||0,a="".concat(y," ").concat(m);t[y]=m+1;var f=o(a),c={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(f!==-1)s[f].references++,s[f].updater(c);else{var d=n(c,e);e.byIndex=l,s.splice(l,0,{identifier:a,updater:d,references:1})}r.push(a)}return r}function n(_,e){var t=e.domAPI(e);t.update(_);var r=function(p){if(p){if(p.css===_.css&&p.media===_.media&&p.sourceMap===_.sourceMap&&p.supports===_.supports&&p.layer===_.layer)return;t.update(_=p)}else t.remove()};return r}i.exports=function(_,e){e=e||{},_=_||[];var t=u(_,e);return function(l){l=l||[];for(var p=0;p<t.length;p++){var y=t[p],m=o(y);s[m].references--}for(var a=u(l,e),f=0;f<t.length;f++){var c=t[f],d=o(c);s[d].references===0&&(s[d].updater(),s.splice(d,1))}t=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var s={};function o(n){if(typeof s[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(e){_=null}s[n]=_}return s[n]}function u(n,_){var e=o(n);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(_)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function s(o){var u=document.createElement("style");return o.setAttributes(u,o.attributes),o.insert(u,o.options),u}i.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,s,o){"use strict";function u(n){var _=o.nc;_&&n.setAttribute("nonce",_)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function s(n,_,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),_.styleTagTransform(t,n,_.options)}function o(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function u(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(t){s(_,n,t)},remove:function(){o(_)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(o,u){if(u.styleSheet)u.styleSheet.cssText=o;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},u=20;class n{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,m=l.rect.height,a=p.rect.bottom;let f=a+m-r.rect.top,c=a+l.rect.height;if(f<=0||c>=y)return;if(c+=r.rect.height,c<=y&&(f+=u),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(f),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(m){m.None="None",m.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(m,a)=>typeof m=="object"&&typeof m[a]=="object"?m[a]:{},p=m=>{var a,f;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(m.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(m.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(m.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=m.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((f=m.contentPadding)!=null?f:t.None)},l(m.styles,"calloutMain")),container:l(m.styles,"container")}};s.getCalloutStyle=p;class y extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:f,focusTargetSiblingOnTabPress:c,target:d}=this.props;if(c&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,_.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}f==null||f(a)}render(){return n.default.createElement(_.Callout,E(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y},"./src/components/UICallout/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(_,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(_,r,l)}):(function(_,e,t,r){r===void 0&&(r=t),_[r]=e[t]})),n=this&&this.__exportStar||function(_,e){for(var t in _)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,_,t)};Object.defineProperty(s,"__esModule",{value:!0}),n(o("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(o("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const n=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends n.default.Component{constructor(r){super(r)}render(){return n.default.createElement(_.FocusTrapZone,g({},this.props),this.props.children)}}s.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const n=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return _.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return _.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return _.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return _.FocusZoneTabbableElements}});class e extends n.default.Component{constructor(r){super(r)}render(){return n.default.createElement(_.FocusZone,g({},this.props),this.props.children)}}s.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(_,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(_,r,l)}):(function(_,e,t,r){r===void 0&&(r=t),_[r]=e[t]})),n=this&&this.__exportStar||function(_,e){for(var t in _)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,_,t)};Object.defineProperty(s,"__esModule",{value:!0}),n(o("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),n(o("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./stories/UICallout.story.tsx"(i,s,o){"use strict";var u=this&&this.__createBinding||(Object.create?(function(f,c,d,b){b===void 0&&(b=d);var h=Object.getOwnPropertyDescriptor(c,d);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(f,b,h)}):(function(f,c,d,b){b===void 0&&(b=d),f[b]=c[d]})),n=this&&this.__setModuleDefault||(Object.create?(function(f,c){Object.defineProperty(f,"default",{enumerable:!0,value:c})}):function(f,c){f.default=c}),_=this&&this.__importStar||(function(){var f=function(c){return f=Object.getOwnPropertyNames||function(d){var b=[];for(var h in d)Object.prototype.hasOwnProperty.call(d,h)&&(b[b.length]=h);return b},f(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var b=f(c),h=0;h<b.length;h++)b[h]!=="default"&&u(d,c,b[h]);return n(d,c),d}})();Object.defineProperty(s,"__esModule",{value:!0}),s.Callout=void 0;const e=_(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UICallout/index.tsx"),l=o("./src/components/UIFocusZone/index.tsx"),p=o("./src/components/Icons.tsx");s.default={title:"Dropdowns/Callout"};const y=f=>{const{id:c}=f,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h}),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},m=f=>{const{id:c}=f,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:c,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h},"Open"),d&&e.default.createElement(r.UICallout,{target:`#${c}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},a=()=>e.default.createElement("div",null,e.default.createElement(y,{id:"callout-with-text-id"}),e.default.createElement(m,{id:"callout-with-items-1-id"}),e.default.createElement(m,{id:"callout-with-items-2-id"}));s.Callout=a}}]);})();
package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var T=Object.defineProperty,M=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,D=(u,e)=>{for(var s in e||(e={}))P.call(e,s)&&I(u,s,e[s]);if(h)for(var s of h(e))w.call(e,s)&&I(u,s,e[s]);return u},E=(u,e)=>M(u,R(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[43],{"./stories/UICalloutCollisionTransform.story.tsx"(u,e,s){var x=this&&this.__createBinding||(Object.create?(function(t,a,r,l){l===void 0&&(l=r);var o=Object.getOwnPropertyDescriptor(a,r);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(t,l,o)}):(function(t,a,r,l){l===void 0&&(l=r),t[l]=a[r]})),f=this&&this.__setModuleDefault||(Object.create?(function(t,a){Object.defineProperty(t,"default",{enumerable:!0,value:a})}):function(t,a){t.default=a}),m=this&&this.__importStar||(function(){var t=function(a){return t=Object.getOwnPropertyNames||function(r){var l=[];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(l[l.length]=o);return l},t(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var l=t(a),o=0;o<l.length;o++)l[o]!=="default"&&x(r,a,l[o]);return f(r,a),r}})();Object.defineProperty(e,"__esModule",{value:!0}),e.collisionTransformInDialog=void 0;const n=m(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=s("./src/components/index.tsx"),p=s("./test/__mock__/select-data.ts");e.default={title:"Dialogs/Dialogs"};var d;(function(t){t.ComboBox="ComboBox",t.Dropdown="Dropdown",t.Callout="Callout"})(d||(d={}));const O=Object.values(d).map(t=>({key:t,text:t})),_=t=>{const a=n.default.useRef(null),r=n.default.useRef(null),l=n.default.useRef(new i.CalloutCollisionTransform(a,r)),{id:o}=t,[y,c]=(0,n.useState)(!1);return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{ref:a},n.default.createElement(i.UITextInput,{id:o,onClick:()=>{c(!y)}})),n.default.createElement(i.UICallout,{target:`#${o}`,hidden:!y,isBeakVisible:!1,onDismiss:()=>{c(!y),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:r}},n.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},v=t=>n.default.createElement(i.UIComboBox,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),S=t=>n.default.createElement(i.UIDropdown,E(D({},t),{ref:void 0,calloutProps:{preventDismissOnEvent:()=>(console.log("custom preventDismissOnEvent"),!1),layerProps:{onLayerDidMount:()=>(console.log("custom onLayerDidMount"),!1),onLayerWillUnmount:()=>(console.log("custom onLayerWillUnmount"),!1)}}})),B=(t,a,r=!1)=>{const l=[];for(let o=0;o<6;o++){let y;if(t===d.Callout)y=n.default.createElement(_,{key:o,id:`Dummy-${o}`});else{let c;r?c=t===d.ComboBox?v:S:c=t===d.ComboBox?i.UIComboBox:i.UIDropdown,y=n.default.createElement(c,{key:o,label:"Dummy",highlight:!0,options:p.data,multiSelect:!0,calloutCollisionTransformation:a})}l.push(y)}return l},U=()=>{const[t,a]=(0,n.useState)(!1),[r,l]=(0,n.useState)(!0),[o,y]=(0,n.useState)(d.ComboBox),[c,A]=(0,n.useState)(!1),g=()=>{a(!t)};return n.default.createElement(n.default.Fragment,null,n.default.createElement("h3",null,"Settings"),n.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},n.default.createElement(i.UICheckbox,{label:"Transformation is enabled",checked:r,onChange:()=>{l(!r)},styles:{label:{alignItems:"center"}}}),n.default.createElement(i.UIDropdown,{label:"Inner components",options:O,selectedKey:o,onChange:(L,C)=>{const b=C==null?void 0:C.key;typeof b=="string"&&y(b||d.ComboBox)}}),n.default.createElement(i.UICheckbox,{label:"Use overwritten components",checked:c,onChange:()=>{A(!c)},styles:{label:{alignItems:"center"}}})),n.default.createElement(i.UIDefaultButton,{onClick:g,primary:!0},"Open Dialog"),n.default.createElement(i.UIDialog,{isOpen:t,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:k.ContextualMenu,keepInBounds:!0}},onCancel:g,onDismiss:g},B(d[o],r,c)))};e.collisionTransformInDialog=U},"./test/__mock__/select-data.ts"(u,e,s){Object.defineProperty(e,"__esModule",{value:!0}),e.groupsData=e.shortData=e.data=void 0;const x=s("./src/components/index.tsx");e.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"}],e.shortData=[e.data[0],e.data[1],e.data[2],e.data[3],e.data[4]];const f={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"]};e.groupsData=[];for(const m in f){e.groupsData.push({key:m,text:m.charAt(0).toUpperCase()+m.slice(1),itemType:x.UISelectableOptionMenuItemType.Header});const n=f[m];for(const k of n){const i=e.data.find(p=>p.key===k);i&&e.groupsData.push(i)}}}}]);})();
package/storybook/UICheckbox-story.1c7a7883.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";(()=>{var x=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(l,r,s)=>r in l?x(l,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[r]=s,_=(l,r)=>{for(var s in r||(r={}))I.call(r,s)&&k(l,s,r[s]);if(v)for(var s of v(r))w.call(r,s)&&k(l,s,r[s]);return l},g=(l,r)=>C(l,y(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[558],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(l){l.exports=function(r){var s=[];return s.toString=function(){return this.map(function(t){var e="",o=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),o&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=r(t),o&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},s.i=function(t,e,o,a,i){typeof t=="string"&&(t=[[null,t,void 0]]);var c={};if(o)for(var n=0;n<this.length;n++){var h=this[n][0];h!=null&&(c[h]=!0)}for(var f=0;f<t.length;f++){var u=[].concat(t[f]);o&&c[u[0]]||(typeof i!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),e&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=e),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),s.push(u))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(l){l.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(l){var r=[];function s(e){for(var o=-1,a=0;a<r.length;a++)if(r[a].identifier===e){o=a;break}return o}function d(e,o){for(var a={},i=[],c=0;c<e.length;c++){var n=e[c],h=o.base?n[0]+o.base:n[0],f=a[h]||0,u="".concat(h," ").concat(f);a[h]=f+1;var p=s(u),m={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(p!==-1)r[p].references++,r[p].updater(m);else{var b=t(m,o);o.byIndex=c,r.splice(c,0,{identifier:u,updater:b,references:1})}i.push(u)}return i}function t(e,o){var a=o.domAPI(o);a.update(e);var i=function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;a.update(e=n)}else a.remove()};return i}l.exports=function(e,o){o=o||{},e=e||[];var a=d(e,o);return function(c){c=c||[];for(var n=0;n<a.length;n++){var h=a[n],f=s(h);r[f].references--}for(var u=d(c,o),p=0;p<a.length;p++){var m=a[p],b=s(m);r[b].references===0&&(r[b].updater(),r.splice(b,1))}a=u}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(l){var r={};function s(t){if(typeof r[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(o){e=null}r[t]=e}return r[t]}function d(t,e){var o=s(t);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(e)}l.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(l){function r(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}l.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(l,r,s){function d(t){var e=s.nc;e&&t.setAttribute("nonce",e)}l.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(l){function r(t,e,o){var a="";o.supports&&(a+="@supports (".concat(o.supports,") {")),o.media&&(a+="@media ".concat(o.media," {"));var i=typeof o.layer!="undefined";i&&(a+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),a+=o.css,i&&(a+="}"),o.media&&(a+="}"),o.supports&&(a+="}");var c=o.sourceMap;c&&typeof btoa!="undefined"&&(a+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleTagTransform(a,t,e.options)}function s(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function d(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(a){r(e,t,a)},remove:function(){s(e)}}}l.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(l){function r(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}l.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(l,r,s){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const t=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/helper/ValidationMessage/index.tsx"),a=s("./src/components/UIInput/index.tsx");class i extends t.default.Component{constructor(n){super(n),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(h,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[e.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,[e.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[e.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[e.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"}}},h.message&&{marginBottom:2}],input:{[`.${e.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[e.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0,borderRadius:a.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const n=(0,o.getMessageInfo)(this.props),h=t.default.createElement(e.Checkbox,g(_({},this.props),{styles:f=>_(_({},this.setStyle(n,f)),this.props.styles)}));return n.message?t.default.createElement(o.MessageWrapper,{message:n},h):h}}r.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(l,r,s){var d=this&&this.__createBinding||(Object.create?(function(e,o,a,i){i===void 0&&(i=a);var c=Object.getOwnPropertyDescriptor(o,a);(!c||("get"in c?!o.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return o[a]}}),Object.defineProperty(e,i,c)}):(function(e,o,a,i){i===void 0&&(i=a),e[i]=o[a]})),t=this&&this.__exportStar||function(e,o){for(var a in e)a!=="default"&&!Object.prototype.hasOwnProperty.call(o,a)&&d(o,e,a)};Object.defineProperty(r,"__esModule",{value:!0}),t(s("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UICheckbox.story.tsx"(l,r,s){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.defaultUsage=void 0;const t=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Checkbox"};const a={childrenGap:40},i=()=>{const c="Dummy message",n={width:"300px",marginBottom:"25px"};return t.default.createElement(e.Stack,{tokens:a,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox"),t.default.createElement(o.UICheckbox,{label:"check"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),t.default.createElement(o.UICheckbox,{label:"Error",errorMessage:c})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),t.default.createElement(o.UICheckbox,{label:"Warning",warningMessage:c})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),t.default.createElement(o.UICheckbox,{label:"Info",infoMessage:c})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),t.default.createElement(o.UICheckbox,{label:"Info",disabled:!0})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),t.default.createElement(o.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};r.defaultUsage=i}}]);})();
package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var m=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var _=(c,o,r)=>o in c?m(c,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[o]=r,d=(c,o)=>{for(var r in o||(o={}))g.call(o,r)&&_(c,r,o[r]);if(b)for(var r of b(o))v.call(o,r)&&_(c,r,o[r]);return c},u=(c,o)=>C(c,y(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[525],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx"(c,o,r){var s=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UILabel/index.tsx"),t=r("./src/components/types.ts"),n={fontSize:13,disableOpacity:.4},e={label:u(d({},n),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:u(d({},n),{color:"var(--vscode-foreground)"})}};class p extends a.default.Component{constructor(h){super(h),this.setStyles=()=>d({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:d(d(d({},l.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return a.default.createElement(i.ChoiceGroup,d({styles:this.setStyles},this.props))}}o.UIChoiceGroup=p},"./src/components/UIChoiceGroup/index.tsx"(c,o,r){var s=this&&this.__createBinding||(Object.create?(function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}):(function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]})),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),o)},"./src/components/UILabel/UILabel.tsx"(c,o,r){var s=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/types.ts");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class t extends a.default.Component{constructor(e){super(e)}render(){const e=p=>({root:[d({marginTop:25},o.labelGlobalStyle),p.disabled&&{opacity:"0.4"},p.required&&{selectors:{"::after":{content:l.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return a.default.createElement(i.Label,u(d({},this.props),{styles:e}))}}o.UILabel=t},"./src/components/UILabel/index.tsx"(c,o,r){var s=this&&this.__createBinding||(Object.create?(function(i,l,t,n){n===void 0&&(n=t);var e=Object.getOwnPropertyDescriptor(l,t);(!e||("get"in e?!l.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(i,n,e)}):(function(i,l,t,n){n===void 0&&(n=t),i[n]=l[t]})),a=this&&this.__exportStar||function(i,l){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&s(l,i,t)};Object.defineProperty(o,"__esModule",{value:!0}),a(r("./src/components/UILabel/UILabel.tsx"),o)},"./src/components/types.ts"(c,o){Object.defineProperty(o,"__esModule",{value:!0}),o.REQUIRED_LABEL_INDICATOR=void 0,o.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UIChoiceGroup.story.tsx"(c,o,r){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(o,"__esModule",{value:!0}),o.ChoiceGroup=void 0;const a=s(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UIChoiceGroup/index.tsx");o.default={title:"Basic Inputs/ChoiceGroup"};const t={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(e,p)=>{console.log(p.text)}},n=()=>a.default.createElement(i.Stack,null,a.default.createElement(i.Stack,null,a.default.createElement(i.Text,{variant:"large",block:!0},"ChoiceGroup"),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,d({},t))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Disabled",disabled:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Required",required:!0}))),a.default.createElement(i.Stack,null,a.default.createElement(l.UIChoiceGroup,u(d({},t),{title:"Inline",inline:!0})))));o.ChoiceGroup=n}}]);})();
package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{var Y=Object.defineProperty,Q=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var I=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var S=(m,t,s)=>t in m?Y(m,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):m[t]=s,h=(m,t)=>{for(var s in t||(t={}))X.call(t,s)&&S(m,s,t[s]);if(I)for(var s of I(t))$.call(t,s)&&S(m,s,t[s]);return m},y=(m,t)=>Q(m,V(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx"(m,t,s){var g=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"&&g(l,n,r[u]);return x(l,n),l}})();Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenOptions=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")),b=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UIComboBox/index.tsx"),k=s("./src/components/UICheckbox/index.tsx"),i=s("./test/__mock__/select-data.ts"),B=s("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const A=()=>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=A;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 w=()=>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=w;const O=()=>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=O;const v=()=>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=v;const W=()=>{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=W;const T=()=>{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=T;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 _=()=>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=_;const L=()=>{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(J=>d!=null&&d.selected?!0:J!==(d==null?void 0:d.key));r(C)}else d&&r(d.key)}};return e.default.createElement("div",null,e.default.createElement(b.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(b.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=L;const F=()=>{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=F;const R=["AR","BR","DK"],P=i.data.map(a=>R.includes(a.key)?y(h({},a),{editable:!0}):a),H=()=>e.default.createElement(o.UIComboBox,{options:P,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,n)=>{var l;return"editable"in(a!=null?a:{})?e.default.createElement(B.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=H;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"}],G=()=>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=G;const N=[...i.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],j=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:N,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,n)=>{if("customMark"in n&&n.customMark)return!0}}));t.AdditionalCustomSearch=j;const Z=()=>{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=Z;const M=i.data.map(a=>{const n=h({},a);return["AR","AT"].includes(a.key.toString())&&(n.hidden=!0),n}),z=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:M,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",label:"Argentina and Austria is hidden"}),e.default.createElement(o.UIComboBox,{options:M,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on",label:"Argentina and Austria is hidden"}));t.HiddenOptions=z},"./test/__mock__/select-data.ts"(m,t,s){Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const g=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:g.UISelectableOptionMenuItemType.Header});const e=x[f];for(const b of e){const o=t.data.find(k=>k.key===b);o&&t.groupsData.push(o)}}}}]);})();
package/storybook/{UIContextualMenu-story.b9a93aaf.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- "use strict";(()=>{var _=Object.defineProperty,D=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var E=(i,r,o)=>r in i?_(i,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[r]=o,g=(i,r)=>{for(var o in r||(r={}))L.call(r,o)&&E(i,o,r[o]);if(B)for(var o of B(r))O.call(r,o)&&E(i,o,r[o]);return i},k=(i,r)=>D(i,W(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"./src/components/UIToggle/UIToggle.tsx"(i,r,o){var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=f(o("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),l=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),d=o("./src/helper/ValidationMessage/index.tsx"),h=o("./src/components/UIIcon/index.tsx"),m=o("./src/components/Icons.tsx");var S;(function(c){c.Standard="Standard",c.Small="Small"})(S||(r.UIToggleSize=S={}));const T={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},v={display:"flex"},p=.4,a={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class M extends e.default.Component{constructor(u){super(u),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var u;this.replaceThumbWithIcon((u=this.props.checked)!=null?u:this.props.defaultChecked)}shouldComponentUpdate(u){return u.checked!==this.props.checked&&this.replaceThumbWithIcon(u.checked),!0}handleChange(u,b){var s,t;this.replaceThumbWithIcon(b),(t=(s=this.props).onChange)==null||t.call(s,u,b)}replaceThumbWithIcon(u=!1){var b;if(this.toggleRootRef.current){const s=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");s&&n.default.render(e.default.createElement(h.UIIcon,{iconName:u?m.UiIcons.SwitchOn:m.UiIcons.SwitchOff,style:v}),s)}}getMarginBottom(u){const{inlineLabel:b}=this.props;if(u)return b?0:4}render(){const{inlineLabelLeft:u,labelFlexGrow:b,inlineLabel:s}=this.props,t=T,C=(0,d.getMessageInfo)(this.props),y=x=>({root:k(g({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:t==null?void 0:t.margin,marginBottom:this.getMarginBottom(C.message)}),label:k(g(g({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:t==null?void 0:t.label.fontSize,padding:t==null?void 0:t.label.padding},s&&{marginLeft:10}),u&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?p:"inherit"}),pill:k(g({height:t==null?void 0:t.height,width:t==null?void 0:t.width,padding:t==null?void 0:t.padding,background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor},":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":disabled":{background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,opacity:p}},!x.checked&&{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.unchecked.hover.background,borderColor:a.thumb.unchecked.hover.borderColor},":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,opacity:p}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:k(g({height:t==null?void 0:t.circle.height,width:t==null?void 0:t.circle.width,borderWidth:t==null?void 0:t.circle.borderWidth,backgroundPosition:"center",borderColor:a.thumb.checked.borderColor,backgroundColor:a.thumb.checked.background,":hover":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor}},!x.checked&&{borderColor:a.thumb.unchecked.borderColor,backgroundColor:a.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:x.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),I=e.default.createElement(l.Toggle,k(g({},this.props),{styles:y,ref:this.toggleRootRef,onChange:this.handleChange}));return C.message?e.default.createElement(d.MessageWrapper,{message:C},I):I}}r.UIToggle=M},"./src/components/UIToggle/index.tsx"(i,r,o){var f=this&&this.__createBinding||(Object.create?function(n,l,d,h){h===void 0&&(h=d);var m=Object.getOwnPropertyDescriptor(l,d);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[d]}}),Object.defineProperty(n,h,m)}:function(n,l,d,h){h===void 0&&(h=d),n[h]=l[d]}),e=this&&this.__exportStar||function(n,l){for(var d in n)d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&f(l,n,d)};Object.defineProperty(r,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),r)},"./stories/UIContextualMenu.story.tsx"(i,r,o){var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const e=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=o("./src/components/UIContextualMenu/index.tsx"),d=o("./src/components/UIButton/index.tsx"),h=o("./src/components/UITreeDropdown/index.tsx"),m=o("./src/components/Icons.tsx"),S=o("./src/components/UIDropdown/index.tsx"),T=o("./src/components/UIToggle/index.tsx");r.default={title:"Dropdowns/ContextualMenu"};const v={childrenGap:40};function p(c=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:k(g({},c&&{directionalHint:h.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:k(g({},c&&{directionalHint:h.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const a=[l.UIContextualMenuLayoutType.ContextualMenu,l.UIContextualMenuLayoutType.DropdownMenu].map(c=>({key:c.toString(),text:c.toString()})),M=()=>{const c=e.default.useRef(null),[u,b]=e.default.useState(l.UIContextualMenuLayoutType.ContextualMenu),[s,t]=e.default.useState(!0),[C,y]=e.default.useState(!1),I=e.default.useCallback(()=>{y(!0)},[]),x=e.default.useCallback(()=>y(!1),[]);return e.default.createElement(n.Stack,{tokens:v},e.default.createElement(S.UIDropdown,{label:"Layout",options:a,selectedKey:u.toString(),onChange:(w,U)=>{U&&b(l.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(T.UIToggle,{checked:s,label:"showSubmenuBeneath",onChange:(w,U)=>{t(!!U)}}),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:c,onClick:I},"Click for ContextualMenu"),e.default.createElement(l.UIContextualMenu,{hidden:!C,target:c,items:p(),onDismiss:x,layoutType:u,showSubmenuBeneath:s})),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(d.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:p(),layoutType:u,showSubmenuBeneath:s}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:m.UiIcons.Undo},menuProps:{items:p(),layoutType:u,showSubmenuBeneath:s}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v,horizontalAlign:"center"},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:m.UiIcons.ArrowLeft},menuProps:{items:p(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:u,showSubmenuBeneath:s}})))))};r.ContextualMenu=M}}]);})();
1
+ "use strict";(()=>{var _=Object.defineProperty,D=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var E=(i,r,o)=>r in i?_(i,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[r]=o,g=(i,r)=>{for(var o in r||(r={}))L.call(r,o)&&E(i,o,r[o]);if(B)for(var o of B(r))O.call(r,o)&&E(i,o,r[o]);return i},k=(i,r)=>D(i,W(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"./src/components/UIToggle/UIToggle.tsx"(i,r,o){var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=f(o("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),l=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),d=o("./src/helper/ValidationMessage/index.tsx"),h=o("./src/components/UIIcon/index.tsx"),m=o("./src/components/Icons.tsx");var S;(function(c){c.Standard="Standard",c.Small="Small"})(S||(r.UIToggleSize=S={}));const T={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},v={display:"flex"},p=.4,a={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class M extends e.default.Component{constructor(u){super(u),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var u;this.replaceThumbWithIcon((u=this.props.checked)!=null?u:this.props.defaultChecked)}shouldComponentUpdate(u){return u.checked!==this.props.checked&&this.replaceThumbWithIcon(u.checked),!0}handleChange(u,b){var s,t;this.replaceThumbWithIcon(b),(t=(s=this.props).onChange)==null||t.call(s,u,b)}replaceThumbWithIcon(u=!1){var b;if(this.toggleRootRef.current){const s=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");s&&n.default.render(e.default.createElement(h.UIIcon,{iconName:u?m.UiIcons.SwitchOn:m.UiIcons.SwitchOff,style:v}),s)}}getMarginBottom(u){const{inlineLabel:b}=this.props;if(u)return b?0:4}render(){const{inlineLabelLeft:u,labelFlexGrow:b,inlineLabel:s}=this.props,t=T,C=(0,d.getMessageInfo)(this.props),y=x=>({root:k(g({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:t==null?void 0:t.margin,marginBottom:this.getMarginBottom(C.message)}),label:k(g(g({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:t==null?void 0:t.label.fontSize,padding:t==null?void 0:t.label.padding},s&&{marginLeft:10}),u&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?p:"inherit"}),pill:k(g({height:t==null?void 0:t.height,width:t==null?void 0:t.width,padding:t==null?void 0:t.padding,background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor},":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":disabled":{background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,opacity:p}},!x.checked&&{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.unchecked.hover.background,borderColor:a.thumb.unchecked.hover.borderColor},":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,opacity:p}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:k(g({height:t==null?void 0:t.circle.height,width:t==null?void 0:t.circle.width,borderWidth:t==null?void 0:t.circle.borderWidth,backgroundPosition:"center",borderColor:a.thumb.checked.borderColor,backgroundColor:a.thumb.checked.background,":hover":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor}},!x.checked&&{borderColor:a.thumb.unchecked.borderColor,backgroundColor:a.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:x.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),I=e.default.createElement(l.Toggle,k(g({},this.props),{styles:y,ref:this.toggleRootRef,onChange:this.handleChange}));return C.message?e.default.createElement(d.MessageWrapper,{message:C},I):I}}r.UIToggle=M},"./src/components/UIToggle/index.tsx"(i,r,o){var f=this&&this.__createBinding||(Object.create?(function(n,l,d,h){h===void 0&&(h=d);var m=Object.getOwnPropertyDescriptor(l,d);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[d]}}),Object.defineProperty(n,h,m)}):(function(n,l,d,h){h===void 0&&(h=d),n[h]=l[d]})),e=this&&this.__exportStar||function(n,l){for(var d in n)d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&f(l,n,d)};Object.defineProperty(r,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),r)},"./stories/UIContextualMenu.story.tsx"(i,r,o){var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const e=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=o("./src/components/UIContextualMenu/index.tsx"),d=o("./src/components/UIButton/index.tsx"),h=o("./src/components/UITreeDropdown/index.tsx"),m=o("./src/components/Icons.tsx"),S=o("./src/components/UIDropdown/index.tsx"),T=o("./src/components/UIToggle/index.tsx");r.default={title:"Dropdowns/ContextualMenu"};const v={childrenGap:40};function p(c=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:k(g({},c&&{directionalHint:h.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:k(g({},c&&{directionalHint:h.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const a=[l.UIContextualMenuLayoutType.ContextualMenu,l.UIContextualMenuLayoutType.DropdownMenu].map(c=>({key:c.toString(),text:c.toString()})),M=()=>{const c=e.default.useRef(null),[u,b]=e.default.useState(l.UIContextualMenuLayoutType.ContextualMenu),[s,t]=e.default.useState(!0),[C,y]=e.default.useState(!1),I=e.default.useCallback(()=>{y(!0)},[]),x=e.default.useCallback(()=>y(!1),[]);return e.default.createElement(n.Stack,{tokens:v},e.default.createElement(S.UIDropdown,{label:"Layout",options:a,selectedKey:u.toString(),onChange:(w,U)=>{U&&b(l.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(T.UIToggle,{checked:s,label:"showSubmenuBeneath",onChange:(w,U)=>{t(!!U)}}),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:c,onClick:I},"Click for ContextualMenu"),e.default.createElement(l.UIContextualMenu,{hidden:!C,target:c,items:p(),onDismiss:x,layoutType:u,showSubmenuBeneath:s})),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(d.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:p(),layoutType:u,showSubmenuBeneath:s}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:m.UiIcons.Undo},menuProps:{items:p(),layoutType:u,showSubmenuBeneath:s}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v,horizontalAlign:"center"},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:m.UiIcons.ArrowLeft},menuProps:{items:p(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:u,showSubmenuBeneath:s}})))))};r.ContextualMenu=M}}]);})();
package/storybook/UICreateSelect-story.d514149e.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(i,o,_)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[o]=_,w=(i,o)=>{for(var _ in o||(o={}))J.call(o,_)&&T(i,_,o[_]);if(D)for(var _ of D(o))Y.call(o,_)&&T(i,_,o[_]);return i},S=(i,o)=>X(i,V(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){var l=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),s=r(l);s.push([i.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),i.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"(i,o,_){var l=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),s=r(l);s.push([i.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:var(--vscode-cornerRadius-small, 4px);color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),i.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(o){var _=[];return _.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},_.i=function(r,s,e,t,d){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(e)for(var u=0;u<this.length;u++){var g=this[u][0];g!=null&&(a[g]=!0)}for(var p=0;p<r.length;p++){var n=[].concat(r[p]);e&&a[n[0]]||(typeof d!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=d),s&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=s),t&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=t):n[4]="".concat(t)),_.push(n))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(o){return o[1]}},"./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>b});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(l),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(s),t=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(t),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=p();var v=r()(f(),h);const b=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>b});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(l),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(s),t=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(t),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=p();var v=r()(f(),h);const b=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var o=[];function _(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function l(s,e){for(var t={},d=[],a=0;a<s.length;a++){var u=s[a],g=e.base?u[0]+e.base:u[0],p=t[g]||0,n="".concat(g," ").concat(p);t[g]=p+1;var y=_(n),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(y!==-1)o[y].references++,o[y].updater(m);else{var f=r(m,e);e.byIndex=a,o.splice(a,0,{identifier:n,updater:f,references:1})}d.push(n)}return d}function r(s,e){var t=e.domAPI(e);t.update(s);var d=function(u){if(u){if(u.css===s.css&&u.media===s.media&&u.sourceMap===s.sourceMap&&u.supports===s.supports&&u.layer===s.layer)return;t.update(s=u)}else t.remove()};return d}i.exports=function(s,e){e=e||{},s=s||[];var t=l(s,e);return function(a){a=a||[];for(var u=0;u<t.length;u++){var g=t[u],p=_(g);o[p].references--}for(var n=l(a,e),y=0;y<t.length;y++){var m=t[y],f=_(m);o[f].references===0&&(o[f].updater(),o.splice(f,1))}t=n}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var o={};function _(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function l(r,s){var e=_(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function o(_){var l=document.createElement("style");return _.setAttributes(l,_.attributes),_.insert(l,_.options),l}i.exports=o},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,o,_){"use strict";function l(r){var s=_.nc;s&&r.setAttribute("nonce",s)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,d&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var a=e.sourceMap;a&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(t,r,s.options)}function _(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function l(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){_(s)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function o(_,l){if(l.styleSheet)l.styleSheet.cssText=_;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(_))}}i.exports=o},"./src/components/UICreateSelect/UICreateSelect.tsx"(i,o,_){"use strict";var l=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICreateSelect=o.UICreateSelectInstance=void 0;const r=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(o,"UICreateSelectInstance",{enumerable:!0,get:function(){return s.SelectInstance}});const e=l(_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),t=_("./src/components/UIIcon/index.tsx"),d=_("./src/components/UILoader/index.tsx"),a=_("./src/components/UIContextualMenu/index.tsx");_("./src/components/UICreateSelect/UICreateSelect.scss");const u=_("./src/components/UIInput/index.tsx"),g=c=>r.default.createElement(s.components.DropdownIndicator,w({},c),r.default.createElement(t.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),p=c=>r.default.createElement(s.components.ClearIndicator,w({},c),r.default.createElement(t.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),n=c=>r.default.createElement("div",{className:"ui-create-select-indicator-loading"},r.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),y=c=>{var h,v,b,I;return r.default.createElement(r.default.Fragment,null,!((h=c==null?void 0:c.data)!=null&&h.__isNew__)&&r.default.createElement(s.components.Option,w({},c),r.default.createElement(a.UIHighlightMenuOption,{text:(v=c==null?void 0:c.data)==null?void 0:v.label,query:(b=c==null?void 0:c.selectProps)==null?void 0:b.inputValue})),((I=c==null?void 0:c.data)==null?void 0:I.__isNew__)&&r.default.createElement(s.components.Option,w({},c)))},m=c=>{let h="transparent";return c.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),c.isFocused&&!c.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},f=c=>{const h=v=>`${c.createText}: ${v}`;return r.default.createElement(e.default,S(w({},c),{ref:c.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:v=>v.label,formatCreateLabel:h,components:{ClearIndicator:p,DropdownIndicator:g,LoadingIndicator:n,Option:y},unstyled:!0,styles:{control:(v,b)=>S(w({},v),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:b.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(v,b)=>S(w({},v),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(v,b)=>S(w({},v),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(v,b)=>S(w({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:b.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:m(b),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:b.isSelected?m(b):"var(--vscode-list-hoverBackground)",color:b.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,b)=>S(w({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,b)=>S(w({},v),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(v,b)=>S(w({},v),{padding:"0px"}),indicatorsContainer:(v,b)=>S(w({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,b)=>S(w({},v),{display:"none"}),dropdownIndicator:(v,b)=>S(w({},v),{padding:"0px"}),clearIndicator:(v,b)=>S(w({},v),{padding:"0px",cursor:"pointer"})}}))};o.UICreateSelect=f},"./src/components/UICreateSelect/index.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(s,e,t,d){d===void 0&&(d=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,d,a)}):(function(s,e,t,d){d===void 0&&(d=t),s[d]=e[t]})),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UICreateSelect/UICreateSelect.tsx"),o)},"./src/components/UILoader/UILoader.tsx"(i,o,_){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILoader=o.UISpinnerSize=void 0;const r=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UISpinnerSize",{enumerable:!0,get:function(){return s.SpinnerSize}}),_("./src/components/UILoader/UILoader.scss");class e extends r.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,u=()=>({root:w({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),g=r.default.createElement(s.Spinner,S(w({},this.props),{styles:u}));if(d){const p=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return r.default.createElement(s.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:p},g)}else return g}}o.UILoader=e},"./src/components/UILoader/index.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(s,e,t,d){d===void 0&&(d=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,d,a)}):(function(s,e,t,d){d===void 0&&(d=t),s[d]=e[t]})),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(_("./src/components/UILoader/UILoader.tsx"),o)},"./stories/UICreateSelect.story.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(p,n,y,m){m===void 0&&(m=y);var f=Object.getOwnPropertyDescriptor(n,y);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[y]}}),Object.defineProperty(p,m,f)}):(function(p,n,y,m){m===void 0&&(m=y),p[m]=n[y]})),r=this&&this.__setModuleDefault||(Object.create?(function(p,n){Object.defineProperty(p,"default",{enumerable:!0,value:n})}):function(p,n){p.default=n}),s=this&&this.__importStar||(function(){var p=function(n){return p=Object.getOwnPropertyNames||function(y){var m=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(m[m.length]=f);return m},p(n)};return function(n){if(n&&n.__esModule)return n;var y={};if(n!=null)for(var m=p(n),f=0;f<m.length;f++)m[f]!=="default"&&l(y,n,m[f]);return r(y,n),y}})();Object.defineProperty(o,"__esModule",{value:!0}),o.CreateSelect=void 0;const e=s(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),d=_("./src/components/UICreateSelect/index.tsx"),a=_("./src/components/UILabel/index.tsx");o.default={title:"Dropdowns/CreateSelect"};const u={childrenGap:40},g=()=>{const p=E=>({label:E,value:E.toLowerCase().replace(/\W/g,"")}),n=[p("One"),p("Two"),p("Three")],[y,m]=(0,e.useState)(!1),[f,c]=(0,e.useState)(n),[h,v]=(0,e.useState)(),[b,I]=(0,e.useState)(),[L,P]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[R,M]=(0,e.useState)(),[C,j]=(0,e.useState)(),$=e.default.createRef(),W=E=>{const x=p(E);m(!0),v(x),setTimeout(()=>{m(!1),c(O=>[...O,x]),I(x)},1e3)},k=E=>{const x=E;v(x),I(x)},U=(0,e.useRef)(null),K=E=>{const x=p(E);P(!0),M(x),setTimeout(()=>{var O;P(!1),B(N=>[...N,x]),j(x),(O=U.current)==null||O.focus()},1e3)},z=E=>{const x=E;M(x),j(x)},F=E=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(t.Stack,{tokens:u},e.default.createElement(t.Stack,{tokens:u},e.default.createElement(t.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(t.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(a.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:y,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new value",options:f,value:h,onCreateOption:W,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(t.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(t.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(a.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:U,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:E=>E.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:R,noOptionsMessage:F,onCreateOption:K,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,C==null?void 0:C.value)))))))};o.CreateSelect=g}}]);})();
package/storybook/UIDatePicker-story.6b5e3e09.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[191],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"(i,r,t){var l=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),e=_(l);e.push([i.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),i.exports=e},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(r){var t=[];return t.toString=function(){return this.map(function(_){var e="",s=typeof _[5]!="undefined";return _[4]&&(e+="@supports (".concat(_[4],") {")),_[2]&&(e+="@media ".concat(_[2]," {")),s&&(e+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),e+=r(_),s&&(e+="}"),_[2]&&(e+="}"),_[4]&&(e+="}"),e}).join("")},t.i=function(_,e,s,o,c){typeof _=="string"&&(_=[[null,_,void 0]]);var n={};if(s)for(var a=0;a<this.length;a++){var u=this[a][0];u!=null&&(n[u]=!0)}for(var p=0;p<_.length;p++){var d=[].concat(_[p]);s&&n[d[0]]||(typeof c!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=c),e&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=e),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(r){return r[1]}},"./src/components/UIDatePicker/UIDatePicker.scss"(i,r,t){"use strict";t.r(r),t.d(r,{default:()=>P});var l=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=t.n(l),e=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),o=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=t.n(o),n=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=t.n(n),u=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=t.n(u),d=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=t.n(d),h=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=t.n(h),w={};for(const v in h)v!=="default"&&(w[v]=()=>h[v]);t.d(r,w);var y={};y.styleTagTransform=f(),y.setAttributes=a(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=p();var b=_()(m(),y);const P=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var r=[];function t(e){for(var s=-1,o=0;o<r.length;o++)if(r[o].identifier===e){s=o;break}return s}function l(e,s){for(var o={},c=[],n=0;n<e.length;n++){var a=e[n],u=s.base?a[0]+s.base:a[0],p=o[u]||0,d="".concat(u," ").concat(p);o[u]=p+1;var f=t(d),h={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)r[f].references++,r[f].updater(h);else{var m=_(h,s);s.byIndex=n,r.splice(n,0,{identifier:d,updater:m,references:1})}c.push(d)}return c}function _(e,s){var o=s.domAPI(s);o.update(e);var c=function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap&&a.supports===e.supports&&a.layer===e.layer)return;o.update(e=a)}else o.remove()};return c}i.exports=function(e,s){s=s||{},e=e||[];var o=l(e,s);return function(n){n=n||[];for(var a=0;a<o.length;a++){var u=o[a],p=t(u);r[p].references--}for(var d=l(n,s),f=0;f<o.length;f++){var h=o[f],m=t(h);r[m].references===0&&(r[m].updater(),r.splice(m,1))}o=d}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var r={};function t(_){if(typeof r[_]=="undefined"){var e=document.querySelector(_);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}r[_]=e}return r[_]}function l(_,e){var s=t(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function r(t){var l=document.createElement("style");return t.setAttributes(l,t.attributes),t.insert(l,t.options),l}i.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,r,t){"use strict";function l(_){var e=t.nc;e&&_.setAttribute("nonce",e)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function r(_,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var c=typeof s.layer!="undefined";c&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,c&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var n=s.sourceMap;n&&typeof btoa!="undefined"&&(o+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),e.styleTagTransform(o,_,e.options)}function t(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=_.insertStyleElement(_);return{update:function(o){r(e,_,o)},remove:function(){t(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function r(t,l){if(l.styleSheet)l.styleSheet.cssText=t;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(t))}}i.exports=r},"./src/components/UIDatePicker/UIDatePicker.tsx"(i,r,t){"use strict";var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIDatePicker=void 0;const _=l(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("./src/components/UIInput/index.tsx"),s=t("./src/components/UIIcon/index.tsx"),o=t("./src/components/Icons.tsx");t("./src/components/UIDatePicker/UIDatePicker.scss");class c extends _.default.Component{constructor(a){var u;super(a),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(u=a.defaultValue)!=null?u:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,u=""){var p,d;u=u.trim(),(d=(p=this.props).onChange)==null||d.call(p,a,u),this.setState({value:u})}onPickerChange(a){var p,d;let u=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(u)&&(u=`${a.target.value}:00`),(d=(p=this.props).onChange)==null||d.call(p,a,u),this.setState({value:u})}render(){const a=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return _.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},_.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),_.default.createElement("div",{className:"ui-DatePicker-toggle"},_.default.createElement(s.UIIcon,{iconName:o.UiIcons.Calendar}),_.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}r.UIDatePicker=c},"./src/components/UIDatePicker/index.tsx"(i,r,t){"use strict";var l=this&&this.__createBinding||(Object.create?(function(e,s,o,c){c===void 0&&(c=o);var n=Object.getOwnPropertyDescriptor(s,o);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,c,n)}):(function(e,s,o,c){c===void 0&&(c=o),e[c]=s[o]})),_=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&l(s,e,o)};Object.defineProperty(r,"__esModule",{value:!0}),_(t("./src/components/UIDatePicker/UIDatePicker.tsx"),r)},"./stories/UIDatePicker.story.tsx"(i,r,t){"use strict";var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.defaultUsage=void 0;const _=l(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UIDatePicker/index.tsx");r.default={title:"Basic Inputs/DatePicker"};const o={childrenGap:40},c=()=>_.default.createElement(e.Stack,{tokens:o,style:{width:300}},_.default.createElement(e.Stack,{tokens:{childrenGap:16}},_.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),_.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),_.default.createElement(e.Stack,{tokens:{childrenGap:16}},_.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),_.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));r.defaultUsage=c}}]);})();
package/storybook/UIDialog-story.2c80f1e3.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(a){var o=[];return o.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=a(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},o.i=function(r,t,e,n,g){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(e)for(var l=0;l<this.length;l++){var _=this[l][0];_!=null&&(p[_]=!0)}for(var I=0;I<r.length;I++){var c=[].concat(r[I]);e&&p[c[0]]||(typeof g!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=g),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function f(t,e){for(var n={},g=[],p=0;p<t.length;p++){var l=t[p],_=e.base?l[0]+e.base:l[0],I=n[_]||0,c="".concat(_," ").concat(I);n[_]=I+1;var h=o(c),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)a[h].references++,a[h].updater(x);else{var b=r(x,e);e.byIndex=p,a.splice(p,0,{identifier:c,updater:b,references:1})}g.push(c)}return g}function r(t,e){var n=e.domAPI(e);n.update(t);var g=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;n.update(t=l)}else n.remove()};return g}d.exports=function(t,e){e=e||{},t=t||[];var n=f(t,e);return function(p){p=p||[];for(var l=0;l<n.length;l++){var _=n[l],I=o(_);a[I].references--}for(var c=f(p,e),h=0;h<n.length;h++){var x=n[h],b=o(x);a[b].references===0&&(a[b].updater(),a.splice(b,1))}n=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var a={};function o(r){if(typeof a[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[r]=t}return a[r]}function f(r,t){var e=o(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}d.exports=f},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function a(o){var f=document.createElement("style");return o.setAttributes(f,o.attributes),o.insert(f,o.options),f}d.exports=a},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,a,o){function f(r){var t=o.nc;t&&r.setAttribute("nonce",t)}d.exports=f},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function a(r,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function f(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=f},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function a(o,f){if(f.styleSheet)f.styleSheet.cssText=o;else{for(;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(document.createTextNode(o))}}d.exports=a},"./stories/UIDialog.story.tsx"(d,a,o){var f=this&&this.__createBinding||(Object.create?(function(i,u,m,s){s===void 0&&(s=m);var y=Object.getOwnPropertyDescriptor(u,m);(!y||("get"in y?!u.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return u[m]}}),Object.defineProperty(i,s,y)}):(function(i,u,m,s){s===void 0&&(s=m),i[s]=u[m]})),r=this&&this.__setModuleDefault||(Object.create?(function(i,u){Object.defineProperty(i,"default",{enumerable:!0,value:u})}):function(i,u){i.default=u}),t=this&&this.__importStar||(function(){var i=function(u){return i=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},i(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=i(u),y=0;y<s.length;y++)s[y]!=="default"&&f(m,u,s[y]);return r(m,u),m}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),g=o("./src/components/UIDialog/index.ts"),p=o("./src/components/UIButton/index.tsx"),l=o("./src/components/UIInput/index.tsx"),_=o("./src/components/UIDropdown/index.tsx"),I=o("./src/components/UIComboBox/index.tsx"),c=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},x={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class b extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=u=>{this.setState({text:u.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:u}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],s=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:this.onToggle,primary:!0},u?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(g.UIDialog,k(D({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:x,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(l.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(_.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(I.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const E=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=D({},x.main),{size:v}=i;v&&(y.height=v);let T="Open Large Dialog";return v&&(T+=` height=${v}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:s,primary:!0},T),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:y},onAccept:s,onCancel:s,onDismiss:s},e.default.createElement(_.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(l.UITextInput,{label:"Username"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"Password",type:"password"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"First name"}),e.default.createElement(l.UITextInput,{label:"Last name"}),e.default.createElement(l.UITextInput,{label:"Address"}),e.default.createElement(l.UITextInput,{label:"State"}),e.default.createElement(l.UITextInput,{label:"Country"}),e.default.createElement(l.UITextInput,{label:"Phone"}),e.default.createElement(l.UITextInput,{label:"Dummy 1"}),e.default.createElement(l.UITextInput,{label:"Dummy 2"}),e.default.createElement(l.UITextInput,{label:"Dummy 3"}),e.default.createElement(l.UITextInput,{label:"Dummy 4"}),e.default.createElement(l.UITextInput,{label:"Dummy 5"})))},A=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:s,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onAccept:s,onCancel:s,onDismiss:s,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},S=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:s,primary:!0},"Open Dialog with multiple buttons"),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.openAnimation,isBlocking:!0,onDismiss:s,title:"Delete Confirmation",dialogContentProps:{subText:"This entry includes subelements. Are you sure you want to delete the entry or only its subelements? This action cannot be undone."},footer:[e.default.createElement(p.UIDefaultButton,{key:"1",onClick:s,primary:!0,text:"Delete entry and subelements"}),e.default.createElement(p.UIDefaultButton,{key:"2",onClick:s,text:"Delete entry only"}),e.default.createElement(p.UIDefaultButton,{key:"3",onClick:s,text:"Cancel"})]}))},w=()=>{const[i,u]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(c.UICheckbox,{label:"Open animation enabled",checked:i,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!0,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{size:400,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(A,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(S,{openAnimation:i}))))};a.Dialog=w}}]);})();