@sap-ux/ui-components 2.2.2 → 2.2.3

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 (83) hide show
  1. package/package.json +2 -2
  2. package/storybook/133.7f9c4401.iframe.bundle.js +1 -0
  3. package/storybook/236.db7ec88e.iframe.bundle.js +43 -0
  4. package/storybook/237.2fa88e98.iframe.bundle.js +13 -0
  5. package/storybook/272.9b5d83c3.iframe.bundle.js +8 -0
  6. package/storybook/31.573b5dd6.iframe.bundle.js +10 -0
  7. package/storybook/{541.dbf90ed7.iframe.bundle.js → 395.cdda1e86.iframe.bundle.js} +1 -1
  8. package/storybook/{435.fe0c5cb0.iframe.bundle.js → 435.d820054a.iframe.bundle.js} +1 -1
  9. package/storybook/464.f6309bf2.iframe.bundle.js +1 -0
  10. package/storybook/633.3fcd32a3.iframe.bundle.js +2 -0
  11. package/storybook/657.36b9dd7b.iframe.bundle.js +1 -0
  12. package/storybook/687.4f00bbbd.iframe.bundle.js +1 -0
  13. package/storybook/704.14fbb35b.iframe.bundle.js +1 -0
  14. package/storybook/714.895a9298.iframe.bundle.js +55 -0
  15. package/storybook/82.673e94e4.iframe.bundle.js +1 -0
  16. package/storybook/978.2453d084.iframe.bundle.js +7 -0
  17. package/storybook/980.c74d2384.iframe.bundle.js +1 -0
  18. package/storybook/UIActionCallout-story.0f019554.iframe.bundle.js +2 -0
  19. package/storybook/UIButton-story.9f7c2053.iframe.bundle.js +1 -0
  20. package/storybook/UICallout-story.9026ac69.iframe.bundle.js +2 -0
  21. package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js +1 -0
  22. package/storybook/UICheckbox-story.1c7a7883.iframe.bundle.js +2 -0
  23. package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js +1 -0
  24. package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js +1 -0
  25. package/storybook/{UIContextualMenu-story.b9a93aaf.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
  26. package/storybook/UICreateSelect-story.70128c92.iframe.bundle.js +2 -0
  27. package/storybook/UIDatePicker-story.6b5e3e09.iframe.bundle.js +2 -0
  28. package/storybook/UIDialog-story.2c80f1e3.iframe.bundle.js +2 -0
  29. package/storybook/{UIFlexibleTable-story.982bab99.iframe.bundle.js → UIFlexibleTable-story.218b515c.iframe.bundle.js} +1 -1
  30. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
  31. package/storybook/UILabel-story.4f878fd0.iframe.bundle.js +1 -0
  32. package/storybook/UILink-story.6e2c3b4f.iframe.bundle.js +2 -0
  33. package/storybook/UILoader-story.bb8faed0.iframe.bundle.js +6 -0
  34. package/storybook/{UIMessageBar-story.b80ad5ed.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
  35. package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js +1 -0
  36. package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js +1 -0
  37. package/storybook/{UISections-story.e6852131.iframe.bundle.js → UISections-story.e394f18b.iframe.bundle.js} +1 -1
  38. package/storybook/UISeparator-story.b93568c6.iframe.bundle.js +1 -0
  39. package/storybook/UITable-story.08b1e3ca.iframe.bundle.js +4 -0
  40. package/storybook/UITextInput-story.5fb40543.iframe.bundle.js +2 -0
  41. package/storybook/UIToggle-story.9a30e364.iframe.bundle.js +2 -0
  42. package/storybook/UIToggleGroup-story.46fd140d.iframe.bundle.js +2 -0
  43. package/storybook/UITooltip-story.7acbb0e3.iframe.bundle.js +2 -0
  44. package/storybook/iframe.html +3 -3
  45. package/storybook/{main.9efacc41.iframe.bundle.js → main.7fee29d0.iframe.bundle.js} +1 -1
  46. package/storybook/project.json +1 -1
  47. package/storybook/{runtime~main.0b8746a5.iframe.bundle.js → runtime~main.28ae8df4.iframe.bundle.js} +2 -2
  48. package/storybook/237.789b9d8f.iframe.bundle.js +0 -13
  49. package/storybook/269.0cc8afbf.iframe.bundle.js +0 -1
  50. package/storybook/272.3ac8af6d.iframe.bundle.js +0 -8
  51. package/storybook/278.4ad60d68.iframe.bundle.js +0 -1
  52. package/storybook/300.84bb46cd.iframe.bundle.js +0 -7
  53. package/storybook/303.07b7acd1.iframe.bundle.js +0 -43
  54. package/storybook/360.20c88333.iframe.bundle.js +0 -10
  55. package/storybook/438.8ad5ceaa.iframe.bundle.js +0 -1
  56. package/storybook/510.2ce29f93.iframe.bundle.js +0 -1
  57. package/storybook/691.acd5121e.iframe.bundle.js +0 -1
  58. package/storybook/714.f5db87a6.iframe.bundle.js +0 -55
  59. package/storybook/715.68e5d55b.iframe.bundle.js +0 -1
  60. package/storybook/738.d810205a.iframe.bundle.js +0 -1
  61. package/storybook/847.c596d8f5.iframe.bundle.js +0 -2
  62. package/storybook/UIActionCallout-story.e1969803.iframe.bundle.js +0 -2
  63. package/storybook/UIButton-story.2725095a.iframe.bundle.js +0 -1
  64. package/storybook/UICallout-story.2943d967.iframe.bundle.js +0 -2
  65. package/storybook/UICalloutCollisionTransform-story.43356506.iframe.bundle.js +0 -1
  66. package/storybook/UICheckbox-story.817b5aea.iframe.bundle.js +0 -2
  67. package/storybook/UIChoiceGroup-story.26738859.iframe.bundle.js +0 -1
  68. package/storybook/UICombobox-story.d0c5a21c.iframe.bundle.js +0 -1
  69. package/storybook/UICreateSelect-story.1c668c39.iframe.bundle.js +0 -2
  70. package/storybook/UIDatePicker-story.9b2e3621.iframe.bundle.js +0 -2
  71. package/storybook/UIDialog-story.6d518b55.iframe.bundle.js +0 -2
  72. package/storybook/UIIcon-story.889b5dd7.iframe.bundle.js +0 -1
  73. package/storybook/UILabel-story.c0020ef5.iframe.bundle.js +0 -1
  74. package/storybook/UILink-story.36911bf6.iframe.bundle.js +0 -2
  75. package/storybook/UILoader-story.f1276c9d.iframe.bundle.js +0 -6
  76. package/storybook/UIPersona-story.534e3d93.iframe.bundle.js +0 -1
  77. package/storybook/UISearchBox-story.7366a9a2.iframe.bundle.js +0 -1
  78. package/storybook/UISeparator-story.6050de69.iframe.bundle.js +0 -1
  79. package/storybook/UITable-story.3ec982c9.iframe.bundle.js +0 -4
  80. package/storybook/UITextInput-story.637bf0a2.iframe.bundle.js +0 -2
  81. package/storybook/UIToggle-story.a1e28ca9.iframe.bundle.js +0 -2
  82. package/storybook/UIToggleGroup-story.a0cda798.iframe.bundle.js +0 -2
  83. package/storybook/UITooltip-story.35dc2a90.iframe.bundle.js +0 -2
@@ -1,2 +0,0 @@
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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=r(l);t.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=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=r(l);t.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:3px;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=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 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+=o(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},_.i=function(r,t,e,s,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),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),s&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=s):n[4]="".concat(s)),_.push(n))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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:()=>h});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(l),t=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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 b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>h});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=_.n(l),t=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(t),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=_.n(s),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=_.n(g),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=_.n(n),m=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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 b={};b.styleTagTransform=y(),b.setAttributes=u(),b.insert=d().bind(null,"head"),b.domAPI=e(),b.insertStyleElement=p();var v=r()(f(),b);const h=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var o=[];function _(t){for(var e=-1,s=0;s<o.length;s++)if(o[s].identifier===t){e=s;break}return e}function l(t,e){for(var s={},d=[],a=0;a<t.length;a++){var u=t[a],g=e.base?u[0]+e.base:u[0],p=s[g]||0,n="".concat(g," ").concat(p);s[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(t,e){var s=e.domAPI(e);s.update(t);var d=function(u){if(u){if(u.css===t.css&&u.media===t.media&&u.sourceMap===t.sourceMap&&u.supports===t.supports&&u.layer===t.layer)return;s.update(t=u)}else s.remove()};return d}i.exports=function(t,e){e=e||{},t=t||[];var s=l(t,e);return function(a){a=a||[];for(var u=0;u<s.length;u++){var g=s[u],p=_(g);o[p].references--}for(var n=l(a,e),y=0;y<s.length;y++){var m=s[y],f=_(m);o[f].references===0&&(o[f].updater(),o.splice(f,1))}s=n}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var o={};function _(r){if(typeof o[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[r]=t}return o[r]}function l(r,t){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(t)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,o,_){"use strict";function l(r){var t=_.nc;t&&r.setAttribute("nonce",t)}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function o(r,t,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var a=e.sourceMap;a&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(s,r,t.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 t=r.insertStyleElement(r);return{update:function(s){o(t,r,s)},remove:function(){_(t)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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")),t=_("../../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 t.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")),s=_("./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(t.components.DropdownIndicator,w({},c),r.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),p=c=>r.default.createElement(t.components.ClearIndicator,w({},c),r.default.createElement(s.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 b,v,h,I;return r.default.createElement(r.default.Fragment,null,!((b=c==null?void 0:c.data)!=null&&b.__isNew__)&&r.default.createElement(t.components.Option,w({},c),r.default.createElement(a.UIHighlightMenuOption,{text:(v=c==null?void 0:c.data)==null?void 0:v.label,query:(h=c==null?void 0:c.selectProps)==null?void 0:h.inputValue})),((I=c==null?void 0:c.data)==null?void 0:I.__isNew__)&&r.default.createElement(t.components.Option,w({},c)))},m=c=>{let b="transparent";return c.isSelected&&(b="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),c.isFocused&&!c.isSelected&&(b="var(--vscode-list-hoverBackground)"),b},f=c=>{const b=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:b,components:{ClearIndicator:p,DropdownIndicator:g,LoadingIndicator:n,Option:y},unstyled:!0,styles:{control:(v,h)=>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:h.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,h)=>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,h)=>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,h)=>S(w({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:m(h),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:h.isSelected?m(h):"var(--vscode-list-hoverBackground)",color:h.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,h)=>S(w({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,h)=>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,h)=>S(w({},v),{padding:"0px"}),indicatorsContainer:(v,h)=>S(w({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,h)=>S(w({},v),{display:"none"}),dropdownIndicator:(v,h)=>S(w({},v),{padding:"0px"}),clearIndicator:(v,h)=>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(t,e,s,d){d===void 0&&(d=s);var a=Object.getOwnPropertyDescriptor(e,s);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,a)}:function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]}),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,t,s)};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(s){return s&&s.__esModule?s:{default:s}};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")),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");Object.defineProperty(o,"UISpinnerSize",{enumerable:!0,get:function(){return t.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(t.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(t.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(t,e,s,d){d===void 0&&(d=s);var a=Object.getOwnPropertyDescriptor(e,s);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(t,d,a)}:function(t,e,s,d){d===void 0&&(d=s),t[d]=e[s]}),r=this&&this.__exportStar||function(t,e){for(var s in t)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,t,s)};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}),t=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=t(_("../../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"),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),[b,v]=(0,e.useState)(),[h,I]=(0,e.useState)(),[L,P]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,M]=(0,e.useState)(),[C,j]=(0,e.useState)(),$=e.default.createRef(),R=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(s.Stack,{tokens:u},e.default.createElement(s.Stack,{tokens:u},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.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:b,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,h==null?void 0:h.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.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:W,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}}]);})();
@@ -1,2 +0,0 @@
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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"(i,n,t){var l=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(n){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+=n(_),s&&(e+="}"),_[2]&&(e+="}"),_[4]&&(e+="}"),e}).join("")},t.i=function(_,e,s,r,c){typeof _=="string"&&(_=[[null,_,void 0]]);var o={};if(s)for(var a=0;a<this.length;a++){var u=this[a][0];u!=null&&(o[u]=!0)}for(var p=0;p<_.length;p++){var d=[].concat(_[p]);s&&o[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),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),t.push(d))}},t}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(n){return n[1]}},"./src/components/UIDatePicker/UIDatePicker.scss"(i,n,t){"use strict";t.r(n),t.d(n,{default:()=>P});var l=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=t.n(l),e=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),r=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=t.n(r),o=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=t.n(o),u=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=t.n(u),d=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=t.n(d),h=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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(n,w);var y={};y.styleTagTransform=f(),y.setAttributes=a(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=p();var I=_()(m(),y);const P=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var n=[];function t(e){for(var s=-1,r=0;r<n.length;r++)if(n[r].identifier===e){s=r;break}return s}function l(e,s){for(var r={},c=[],o=0;o<e.length;o++){var a=e[o],u=s.base?a[0]+s.base:a[0],p=r[u]||0,d="".concat(u," ").concat(p);r[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)n[f].references++,n[f].updater(h);else{var m=_(h,s);s.byIndex=o,n.splice(o,0,{identifier:d,updater:m,references:1})}c.push(d)}return c}function _(e,s){var r=s.domAPI(s);r.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;r.update(e=a)}else r.remove()};return c}i.exports=function(e,s){s=s||{},e=e||[];var r=l(e,s);return function(o){o=o||[];for(var a=0;a<r.length;a++){var u=r[a],p=t(u);n[p].references--}for(var d=l(o,s),f=0;f<r.length;f++){var h=r[f],m=t(h);n[m].references===0&&(n[m].updater(),n.splice(m,1))}r=d}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var n={};function t(_){if(typeof n[_]=="undefined"){var e=document.querySelector(_);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}n[_]=e}return n[_]}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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function n(t){var l=document.createElement("style");return t.setAttributes(l,t.attributes),t.insert(l,t.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,n,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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function n(_,e,s){var r="";s.supports&&(r+="@supports (".concat(s.supports,") {")),s.media&&(r+="@media ".concat(s.media," {"));var c=typeof s.layer!="undefined";c&&(r+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),r+=s.css,c&&(r+="}"),s.media&&(r+="}"),s.supports&&(r+="}");var o=s.sourceMap;o&&typeof btoa!="undefined"&&(r+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,_,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(r){n(e,_,r)},remove:function(){t(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function n(t,l){if(l.styleSheet)l.styleSheet.cssText=t;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(t))}}i.exports=n},"./src/components/UIDatePicker/UIDatePicker.tsx"(i,n,t){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(n,"__esModule",{value:!0}),n.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"),r=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:r.UiIcons.Calendar}),_.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}n.UIDatePicker=c},"./src/components/UIDatePicker/index.tsx"(i,n,t){"use strict";var l=this&&this.__createBinding||(Object.create?function(e,s,r,c){c===void 0&&(c=r);var o=Object.getOwnPropertyDescriptor(s,r);(!o||("get"in o?!s.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(e,c,o)}:function(e,s,r,c){c===void 0&&(c=r),e[c]=s[r]}),_=this&&this.__exportStar||function(e,s){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&l(s,e,r)};Object.defineProperty(n,"__esModule",{value:!0}),_(t("./src/components/UIDatePicker/UIDatePicker.tsx"),n)},"./stories/UIDatePicker.story.tsx"(i,n,t){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(n,"__esModule",{value:!0}),n.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");n.default={title:"Basic Inputs/DatePicker"};const r={childrenGap:40},c=()=>_.default.createElement(e.Stack,{tokens:r,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})));n.defaultUsage=c}}]);})();
@@ -1,2 +0,0 @@
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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 f={};if(e)for(var l=0;l<this.length;l++){var I=this[l][0];I!=null&&(f[I]=!0)}for(var _=0;_<r.length;_++){var c=[].concat(r[_]);e&&f[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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 p(t,e){for(var n={},g=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],_=n[I]||0,c="".concat(I," ").concat(_);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=f,a.splice(f,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=p(t,e);return function(f){f=f||[];for(var l=0;l<n.length;l++){var I=n[l],_=o(I);a[_].references--}for(var c=p(f,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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 p(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=p},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function a(o){var p=document.createElement("style");return o.setAttributes(p,o.attributes),o.insert(p,o.options),p}d.exports=a},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,a,o){function p(r){var t=o.nc;t&&r.setAttribute("nonce",t)}d.exports=p},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 f=e.sourceMap;f&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(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=p},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function a(o,p){if(p.styleSheet)p.styleSheet.cssText=o;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(o))}}d.exports=a},"./stories/UIDialog.story.tsx"(d,a,o){var p=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"&&p(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"),f=o("./src/components/UIButton/index.tsx"),l=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),_=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(f.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(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(_.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(f.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(I.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(f.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(f.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(f.UIDefaultButton,{key:"1",onClick:s,primary:!0,text:"Delete entry and subelements"}),e.default.createElement(f.UIDefaultButton,{key:"2",onClick:s,text:"Delete entry only"}),e.default.createElement(f.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}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx"(l,t,o){var d=this&&this.__createBinding||(Object.create?function(r,n,e,s){s===void 0&&(s=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,s,u)}:function(r,n,e,s){s===void 0&&(s=e),r[s]=n[e]}),i=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&d(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,i(o("./src/components/index.tsx"),t),i(o("./src/utilities/index.ts"),t),i(o("./src/theme/index.ts"),t);var a=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(t,"setIconOptions",{enumerable:!0,get:function(){return a.setIconOptions}})},"./stories/UIIcon.story.tsx"(l,t,o){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const i=d(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=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"),r=o("./src/components/UIIcon/index.tsx"),n=o("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const c in n.UiIcons)e.push(c);e.sort();const s=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>i.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>i.default.createElement("span",null,c)}],u=()=>i.default.createElement("div",null,i.default.createElement(a.DetailsList,{selectionMode:a.SelectionMode.none,items:e,columns:s,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(o,e,t)=>e in o?p(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(o,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(o,t,e[t]);return o},b=(o,e)=>m(o,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(o,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=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/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class r extends c.default.Component{constructor(n){super(n)}render(){const n=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,b(d({},this.props),{styles:n}))}}e.UILabel=r},"./src/components/UILabel/index.tsx"(o,e,t){var u=this&&this.__createBinding||(Object.create?function(l,s,r,a){a===void 0&&(a=r);var n=Object.getOwnPropertyDescriptor(s,r);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(l,a,n)}:function(l,s,r,a){a===void 0&&(a=r),l[a]=s[r]}),c=this&&this.__exportStar||function(l,s){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&u(s,l,r)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(o,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(o,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=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/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const r={childrenGap:40},a=()=>c.default.createElement(l.Stack,{tokens:r,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=a}}]);})();
@@ -1,2 +0,0 @@
1
- "use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(f){f.exports=function(o){var a=[];return a.toString=function(){return this.map(function(s){var t="",e=typeof s[5]!="undefined";return s[4]&&(t+="@supports (".concat(s[4],") {")),s[2]&&(t+="@media ".concat(s[2]," {")),e&&(t+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),t+=o(s),e&&(t+="}"),s[2]&&(t+="}"),s[4]&&(t+="}"),t}).join("")},a.i=function(s,t,e,r,i){typeof s=="string"&&(s=[[null,s,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var d=0;d<s.length;d++){var n=[].concat(s[d]);e&&l[n[0]]||(typeof i!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=i),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),r&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=r):n[4]="".concat(r)),a.push(n))}},a}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(f){f.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(f){var o=[];function a(t){for(var e=-1,r=0;r<o.length;r++)if(o[r].identifier===t){e=r;break}return e}function u(t,e){for(var r={},i=[],l=0;l<t.length;l++){var c=t[l],b=e.base?c[0]+e.base:c[0],d=r[b]||0,n="".concat(b," ").concat(d);r[b]=d+1;var p=a(n),h={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(h);else{var _=s(h,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:_,references:1})}i.push(n)}return i}function s(t,e){var r=e.domAPI(e);r.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;r.update(t=c)}else r.remove()};return i}f.exports=function(t,e){e=e||{},t=t||[];var r=u(t,e);return function(l){l=l||[];for(var c=0;c<r.length;c++){var b=r[c],d=a(b);o[d].references--}for(var n=u(l,e),p=0;p<r.length;p++){var h=r[p],_=a(h);o[_].references===0&&(o[_].updater(),o.splice(_,1))}r=n}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(f){var o={};function a(s){if(typeof o[s]=="undefined"){var t=document.querySelector(s);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[s]=t}return o[s]}function u(s,t){var e=a(s);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)}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(f){function o(a){var u=document.createElement("style");return a.setAttributes(u,a.attributes),a.insert(u,a.options),u}f.exports=o},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(f,o,a){function u(s){var t=a.nc;t&&s.setAttribute("nonce",t)}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(f){function o(s,t,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var i=typeof e.layer!="undefined";i&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,i&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(r+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(f){function o(a,u){if(u.styleSheet)u.styleSheet.cssText=a;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(a))}}f.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(f,o,a){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../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=a("./src/helper/ValidationMessage/index.tsx"),r=a("./src/components/UIInput/index.tsx");class i extends s.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(b,d)=>({root:[!d.disabled&&[!d.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.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,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:d.disabled?"GrayText":"WindowText"}}}],d.checked&&!d.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:d.disabled?"":"var(--vscode-checkbox-background)",borderColor:d.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.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"}}},b.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:d.disabled?.4:void 0,borderRadius:r.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:d.disabled?.4:void 0}})}render(){const c=(0,e.getMessageInfo)(this.props),b=s.default.createElement(t.Checkbox,m(v({},this.props),{styles:d=>v(v({},this.setStyle(c,d)),this.props.styles)}));return c.message?s.default.createElement(e.MessageWrapper,{message:c},b):b}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}:function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]}),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./src/components/UILink/UILink.tsx"(f,o,a){var u=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILink=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../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={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class r extends s.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:b}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:b?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:d.hoverColor,textDecoration:c===!1?"underline":"none"},"&:active, &:focus":{color:d.hoverColor,textDecoration:c===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:b?.4:void 0}});return s.default.createElement(t.Link,m(v({},this.props),{styles:n}))}}o.UILink=r},"./src/components/UILink/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}:function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]}),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UILink/UILink.tsx"),o)},"./stories/UILink.story.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?function(d,n,p,h){h===void 0&&(h=p);var _=Object.getOwnPropertyDescriptor(n,p);(!_||("get"in _?!n.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,_)}:function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]}),s=this&&this.__setModuleDefault||(Object.create?function(d,n){Object.defineProperty(d,"default",{enumerable:!0,value:n})}:function(d,n){d.default=n}),t=this&&this.__importStar||function(){var d=function(n){return d=Object.getOwnPropertyNames||function(p){var h=[];for(var _ in p)Object.prototype.hasOwnProperty.call(p,_)&&(h[h.length]=_);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),_=0;_<h.length;_++)h[_]!=="default"&&u(p,n,h[_]);return s(p,n),p}}();Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=a("../../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=a("./src/components/UILink/index.tsx"),l=a("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Link"};const c={childrenGap:40},b=()=>{const[d,n]=(0,e.useState)(!1);return e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(l.UICheckbox,{label:"Disabled",checked:d,onChange:(p,h)=>{n(!!h)}}))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:d},"I am a secondary link"))))};o.defaultUsage=b}}]);})();
@@ -1,6 +0,0 @@
1
- (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(m,a,s){var d=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=l(d);t.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(m){"use strict";m.exports=function(a){var s=[];return s.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},s.i=function(l,t,e,_,c){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var n=0;n<this.length;n++){var i=this[n][0];i!=null&&(u[i]=!0)}for(var w=0;w<l.length;w++){var r=[].concat(l[w]);e&&u[r[0]]||(typeof c!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=c),t&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=t),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(m){"use strict";m.exports=function(a){return a[1]}},"./src/styles/_shadows.scss"(m,a,s){"use strict";s.r(a),s.d(a,{default:()=>p});var d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),t=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(t),_=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),u=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),n=s.n(u),i=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=s.n(i),r=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=s.n(r),v=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(v),y={};for(const f in v)f!=="default"&&(y[f]=()=>v[f]);s.d(a,y);var o={};o.styleTagTransform=b(),o.setAttributes=n(),o.insert=c().bind(null,"head"),o.domAPI=e(),o.insertStyleElement=w();var h=l()(E(),o);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(m){"use strict";var a=[];function s(t){for(var e=-1,_=0;_<a.length;_++)if(a[_].identifier===t){e=_;break}return e}function d(t,e){for(var _={},c=[],u=0;u<t.length;u++){var n=t[u],i=e.base?n[0]+e.base:n[0],w=_[i]||0,r="".concat(i," ").concat(w);_[i]=w+1;var b=s(r),v={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(b!==-1)a[b].references++,a[b].updater(v);else{var E=l(v,e);e.byIndex=u,a.splice(u,0,{identifier:r,updater:E,references:1})}c.push(r)}return c}function l(t,e){var _=e.domAPI(e);_.update(t);var c=function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;_.update(t=n)}else _.remove()};return c}m.exports=function(t,e){e=e||{},t=t||[];var _=d(t,e);return function(u){u=u||[];for(var n=0;n<_.length;n++){var i=_[n],w=s(i);a[w].references--}for(var r=d(u,e),b=0;b<_.length;b++){var v=_[b],E=s(v);a[E].references===0&&(a[E].updater(),a.splice(E,1))}_=r}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(m){"use strict";var a={};function s(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=s(l);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)}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(m){"use strict";function a(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}m.exports=a},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(m,a,s){"use strict";function d(l){var t=s.nc;t&&l.setAttribute("nonce",t)}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(m){"use strict";function a(l,t,e){var _="";e.supports&&(_+="@supports (".concat(e.supports,") {")),e.media&&(_+="@media ".concat(e.media," {"));var c=typeof e.layer!="undefined";c&&(_+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),_+=e.css,c&&(_+="}"),e.media&&(_+="}"),e.supports&&(_+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(_+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),t.styleTagTransform(_,l,t.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(m){"use strict";function a(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}m.exports=a},"./stories/UILoader.story.tsx"(m,a,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(y,o,h,p){p===void 0&&(p=h);var f=Object.getOwnPropertyDescriptor(o,h);(!f||("get"in f?!o.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return o[h]}}),Object.defineProperty(y,p,f)}:function(y,o,h,p){p===void 0&&(p=h),y[p]=o[h]}),l=this&&this.__setModuleDefault||(Object.create?function(y,o){Object.defineProperty(y,"default",{enumerable:!0,value:o})}:function(y,o){y.default=o}),t=this&&this.__importStar||function(){var y=function(o){return y=Object.getOwnPropertyNames||function(h){var p=[];for(var f in h)Object.prototype.hasOwnProperty.call(h,f)&&(p[p.length]=f);return p},y(o)};return function(o){if(o&&o.__esModule)return o;var h={};if(o!=null)for(var p=y(o),f=0;f<p.length;f++)p[f]!=="default"&&d(h,o,p[f]);return l(h,o),h}}();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialogs=a.Delayed=a.Loaders=void 0;const e=t(s("../../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"),c=s("./src/components/UILoader/index.tsx"),u=s("./src/components/UIButton/index.tsx"),n=s("./src/components/UIDialog/index.ts");a.default={title:"Progress/Loader"};const i={childrenGap:40},w=()=>e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Default Loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,null))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.large}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Medium loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.medium}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.small}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"xSmall loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.xSmall}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(_.Text,null,"Loader - block DOM"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(_.Text,null,"Loader - block DOM with text..."),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXLarge"}))));a.Loaders=w;const r=()=>{const[y,o]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(_.Text,null,"Loader - delayed"),y&&e.default.createElement(c.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{o(!y)}}))))};a.Delayed=r;const b=`
3
- .popup--busy .ms-Dialog-content {
4
- position: static;
5
- }
6
- `,v=y=>{const{delayed:o,text:h}=y,[p,f]=(0,e.useState)(!1),[g,D]=(0,e.useState)(!1),S=()=>{f(!p)},I=()=>{D(!0),setTimeout(()=>{D(!1),S()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(u.UIDefaultButton,{onClick:S,primary:!0},h),e.default.createElement(n.UIDialog,{isOpen:p,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:S,onCancel:S,onDismiss:S,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{onClick:I},"Accept"))},e.default.createElement("div",null,"Dummy"),g&&e.default.createElement(c.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:o})))},E=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,b),e.default.createElement("div",null,e.default.createElement(v,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(v,{delayed:!0,text:"Open Dialog with delayed loader"})));a.Dialogs=E}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var m=Object.defineProperty,_=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(r,t,a)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,p=(r,t)=>{for(var a in t||(t={}))U.call(t,a)&&u(r,a,t[a]);if(f)for(var a of f(t))b.call(t,a)&&u(r,a,t[a]);return r},d=(r,t)=>_(r,P(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[271],{"./src/components/UIPersona/UIPersona.tsx"(r,t,a){var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../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(t,"UIPersonaSize",{enumerable:!0,get:function(){return i.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return i.PersonaPresence}});class e extends n.default.Component{constructor(c){super(c),this.personaStyles=o=>({root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return n.default.createElement(i.Persona,d(p({},this.props),{styles:this.personaStyles}))}}t.UIPersona=e},"./src/components/UIPersona/index.tsx"(r,t,a){var l=this&&this.__createBinding||(Object.create?function(i,e,s,c){c===void 0&&(c=s);var o=Object.getOwnPropertyDescriptor(e,s);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(i,c,o)}:function(i,e,s,c){c===void 0&&(c=s),i[c]=e[s]}),n=this&&this.__exportStar||function(i,e){for(var s in i)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,i,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(a("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx"(r,t,a){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../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=a("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const s={childrenGap:40},c=()=>n.default.createElement(i.Stack,{tokens:s},n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),n.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=c}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var b=this&&this.__createBinding||(Object.create?function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}:function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]}),m=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),v=this&&this.__importStar||function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&b(c,e,n[a]);return m(c,e),c}}();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(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"),S=r("./src/components/UISearchBox/index.tsx"),y=r("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},a=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{a("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{var _=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(s,e,a)=>e in s?_(s,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[e]=a,p=(s,e)=>{for(var a in e||(e={}))S.call(e,a)&&i(s,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(s,a,e[a]);return s},f=(s,e)=>m(s,b(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(s,e,a){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISeparator=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../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 n extends r.default.Component{constructor(l){super(l)}render(){const l=c=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},c.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return r.default.createElement(o.Separator,f(p({},this.props),{styles:l}))}}e.UISeparator=n},"./src/components/UISeparator/index.tsx"(s,e,a){var u=this&&this.__createBinding||(Object.create?function(o,n,t,l){l===void 0&&(l=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,c)}:function(o,n,t,l){l===void 0&&(l=t),o[l]=n[t]}),r=this&&this.__exportStar||function(o,n){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&u(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(a("./src/components/UISeparator/UISeparator.tsx"),e)},"./stories/UISeparator.story.tsx"(s,e,a){var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../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"),n=a("./src/components/UISeparator/index.tsx");e.default={title:"Utilities/Separator"};const t={childrenGap:40},l=()=>r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,{vertical:!0}),r.default.createElement("span",null,"World"))),r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,null),r.default.createElement("span",null,"World"))));e.defaultUsage=l}}]);})();
@@ -1,4 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx"(v,l,c){var m=this&&this.__createBinding||(Object.create?function(t,e,n,a){a===void 0&&(a=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,a,i)}:function(t,e,n,a){a===void 0&&(a=n),t[a]=e[n]}),r=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),d=this&&this.__importStar||function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var a=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&m(n,e,a[i]);return r(n,e),n}}();Object.defineProperty(l,"__esModule",{value:!0}),l.EditableTable2=l.EditableTable=l.ReadOnlyTable=void 0;const o=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=c("../../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"),b=c("./src/components/UITable/index.tsx"),g=c("./src/components/Icons.tsx"),f=c("./src/components/UITable/types.ts"),u=c("./test/__mock__/table-data.ts");l.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput,comboboxOptions:void 0};return(e===1||e>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.iconName=g.UiIcons.Home,n.iconTooltip="Dummy tooltip"),e===3&&(n.columnControlType=f.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),e===4&&(n.columnControlType=f.ColumnControlType.UIBooleanSelect),n}),_=p.map(t=>Object.assign({},t,{validate:void 0,editable:!1})),T=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:u.items,dataSetKey:"datasetkey",columns:_})));l.ReadOnlyTable=T;function S(t,e){var n;t&&(console.log("saving ",e,t),u.items[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items))}function y(t){console.log("selected",t)}function h(t){if(t==="hello")return'"hello" is not allowed here!'}const w=()=>{const[t,e]=(0,o.useState)(null),[n,a]=(0,o.useState)(null);return o.default.createElement(s.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>e(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>e(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>e(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>a("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>a("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:t,selectedColumnId:n,selectionMode:s.SelectionMode.multiple,checkboxVisibility:s.CheckboxVisibility.always,showRowNumbers:!0})))};l.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput};return e>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.columnControlType=f.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),O=(t,e)=>e?o.default.createElement(s.Sticky,null,e(t)):null;function k(t,e){var n;t&&(console.log("saving ",e,t),u.items2[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items2))}const A=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items2,columns:E,onSave:k,onSelectionChange:y,checkboxVisibility:s.CheckboxVisibility.always,headerRenderer:O,selectionMode:s.SelectionMode.multiple,renderInputs:f.RenderInputs.always})));l.EditableTable2=A},"./test/__mock__/table-data.ts"(v,l){Object.defineProperty(l,"__esModule",{value:!0}),l.items2=l.items=void 0;const c=`lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut
2
- labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut
3
- aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
4
- eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt`;let m=0;function r(d=4){const o=c.split(" "),s=m+d>o.length?0:m;return m=s+d,o.slice(s,m).join(" ")}l.items=Array.from({length:200}).map((d,o)=>({key:o,test1:`row ${o}`,test2:r(),test3:r(),test4:r(),test5:r(),test6:r(),test7:r(),test8:r(),test9:r(),test10:r()})),l.items2=Array.from({length:4}).map((d,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();
@@ -1,2 +0,0 @@
1
- "use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(r){var n=[];return n.toString=function(){return this.map(function(e){var t="",a=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,l,i){typeof e=="string"&&(e=[[null,e,void 0]]);var s={};if(a)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(s[p]=!0)}for(var f=0;f<e.length;f++){var o=[].concat(e[f]);a&&s[o[0]]||(typeof i!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=i),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),l&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=l):o[4]="".concat(l)),n.push(o))}},n}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var r=[];function n(t){for(var a=-1,l=0;l<r.length;l++)if(r[l].identifier===t){a=l;break}return a}function u(t,a){for(var l={},i=[],s=0;s<t.length;s++){var c=t[s],p=a.base?c[0]+a.base:c[0],f=l[p]||0,o="".concat(p," ").concat(f);l[p]=f+1;var b=n(o),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(b!==-1)r[b].references++,r[b].updater(v);else{var g=e(v,a);a.byIndex=s,r.splice(s,0,{identifier:o,updater:g,references:1})}i.push(o)}return i}function e(t,a){var l=a.domAPI(a);l.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;l.update(t=c)}else l.remove()};return i}d.exports=function(t,a){a=a||{},t=t||[];var l=u(t,a);return function(s){s=s||[];for(var c=0;c<l.length;c++){var p=l[c],f=n(p);r[f].references--}for(var o=u(s,a),b=0;b<l.length;b++){var v=l[b],g=n(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}l=o}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var r={};function n(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}r[e]=t}return r[e]}function u(e,t){var a=n(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}d.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function r(n){var u=document.createElement("style");return n.setAttributes(u,n.attributes),n.insert(u,n.options),u}d.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,r,n){function u(e){var t=n.nc;t&&e.setAttribute("nonce",t)}d.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function r(e,t,a){var l="";a.supports&&(l+="@supports (".concat(a.supports,") {")),a.media&&(l+="@media ".concat(a.media," {"));var i=typeof a.layer!="undefined";i&&(l+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),l+=a.css,i&&(l+="}"),a.media&&(l+="}"),a.supports&&(l+="}");var s=a.sourceMap;s&&typeof btoa!="undefined"&&(l+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function r(n,u){if(u.styleSheet)u.styleSheet.cssText=n;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(n))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(d,r,n){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../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"),a=n("./src/helper/ValidationMessage/index.tsx"),l=n("./src/components/UIInput/index.tsx");class i extends e.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(p,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.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,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.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)"},[t.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"}}},p.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.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:l.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 c=(0,a.getMessageInfo)(this.props),p=e.default.createElement(t.Checkbox,m(h({},this.props),{styles:f=>h(h({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},p):p}}r.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(d,r,n){var u=this&&this.__createBinding||(Object.create?function(t,a,l,i){i===void 0&&(i=l);var s=Object.getOwnPropertyDescriptor(a,l);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(t,i,s)}:function(t,a,l,i){i===void 0&&(i=l),t[i]=a[l]}),e=this&&this.__exportStar||function(t,a){for(var l in t)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&u(a,t,l)};Object.defineProperty(r,"__esModule",{value:!0}),e(n("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx"(d,r,n){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../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"),a=n("./src/components/UIInput/index.tsx"),l=n("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const i={childrenGap:40},s={iconName:"FolderOpened"},c=()=>e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(a.UITextInput,{label:"Enter your name"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(a.UITextInput,{label:"Select your folder",iconProps:s})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(a.UITextInput,{label:"Enter your name",disabled:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(a.UITextInput,{label:"Required",required:!0})));r.defaultUsage=c;const p=()=>{const[o,b]=e.default.useState(!1),[v,g]=e.default.useState("Content"),_={multiline:o,onChange:(I,x)=>{g(x||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:i},e.default.createElement(l.UICheckbox,{label:"Multi Line",checked:o,onChange:(I,x)=>{b(x)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:i},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(a.UITextInput,m(h({},_),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{errorMessage:"Dummy error",value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const f=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:i,style:{width:"100%"}},e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(a.UITextInput,{label:"input field label",errorMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(a.UITextInput,{label:"input field label",warningMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(a.UITextInput,{label:"input field label",infoMessage:o})))};r.withMessages=f}}]);})();
@@ -1,2 +0,0 @@
1
- (()=>{var P=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var C=(u,r,_)=>r in u?P(u,r,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[r]=_,y=(u,r)=>{for(var _ in r||(r={}))U.call(r,_)&&C(u,_,r[_]);if(S)for(var _ of S(r))j.call(r,_)&&C(u,_,r[_]);return u},I=(u,r)=>O(u,A(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(u,r,_){var d=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),s=e(d);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){var d=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),s=e(d);s.push([u.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(u){"use strict";u.exports=function(r){var _=[];return _.toString=function(){return this.map(function(e){var s="",t=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),t&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),t&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},_.i=function(e,s,t,o,n){typeof e=="string"&&(e=[[null,e,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(l[p]=!0)}for(var h=0;h<e.length;h++){var a=[].concat(e[h]);t&&l[a[0]]||(typeof n!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=n),s&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=s),o&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=o):a[4]="".concat(o)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(u){"use strict";u.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var d=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(d),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(a),v=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(u,r,_){"use strict";_.r(r),_.d(r,{default:()=>m});var d=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=_.n(d),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(s),o=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=_.n(o),l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),p=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=_.n(p),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=_.n(a),v=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=_.n(v),b={};for(const w in v)w!=="default"&&(b[w]=()=>v[w]);_.d(r,b);var g={};g.styleTagTransform=i(),g.setAttributes=c(),g.insert=n().bind(null,"head"),g.domAPI=t(),g.insertStyleElement=h();var E=e()(f(),g);const m=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(u){"use strict";var r=[];function _(s){for(var t=-1,o=0;o<r.length;o++)if(r[o].identifier===s){t=o;break}return t}function d(s,t){for(var o={},n=[],l=0;l<s.length;l++){var c=s[l],p=t.base?c[0]+t.base:c[0],h=o[p]||0,a="".concat(p," ").concat(h);o[p]=h+1;var i=_(a),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var f=e(v,t);t.byIndex=l,r.splice(l,0,{identifier:a,updater:f,references:1})}n.push(a)}return n}function e(s,t){var o=t.domAPI(t);o.update(s);var n=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;o.update(s=c)}else o.remove()};return n}u.exports=function(s,t){t=t||{},s=s||[];var o=d(s,t);return function(l){l=l||[];for(var c=0;c<o.length;c++){var p=o[c],h=_(p);r[h].references--}for(var a=d(l,t),i=0;i<o.length;i++){var v=o[i],f=_(v);r[f].references===0&&(r[f].updater(),r.splice(f,1))}o=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(u){"use strict";var r={};function _(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(t){s=null}r[e]=s}return r[e]}function d(e,s){var t=_(e);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(s)}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(u){"use strict";function r(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}u.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(u,r,_){"use strict";function d(e){var s=_.nc;s&&e.setAttribute("nonce",s)}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(u){"use strict";function r(e,s,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,n&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(o,e,s.options)}function _(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function d(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(o){r(s,e,o)},remove:function(){_(s)}}}u.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(u){"use strict";function r(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=d(_("../../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");_("./src/components/UIIcon/UIIcon.scss");class t extends e.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,I(y({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}r.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}:function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]}),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=d(_("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/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"),o=_("./src/helper/ValidationMessage/index.tsx"),n=_("./src/components/UIIcon/index.tsx"),l=_("./src/components/Icons.tsx");var c;(function(f){f.Standard="Standard",f.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},h={display:"flex"},a=.4,i={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 v extends e.default.Component{constructor(b){super(b),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var b;this.replaceThumbWithIcon((b=this.props.checked)!=null?b:this.props.defaultChecked)}shouldComponentUpdate(b){return b.checked!==this.props.checked&&this.replaceThumbWithIcon(b.checked),!0}handleChange(b,g){var E,m;this.replaceThumbWithIcon(g),(m=(E=this.props).onChange)==null||m.call(E,b,g)}replaceThumbWithIcon(b=!1){var g;if(this.toggleRootRef.current){const E=(g=this.toggleRootRef.current)==null?void 0:g.querySelector(".ms-Toggle-thumb");E&&s.default.render(e.default.createElement(n.UIIcon,{iconName:b?l.UiIcons.SwitchOn:l.UiIcons.SwitchOff,style:h}),E)}}getMarginBottom(b){const{inlineLabel:g}=this.props;if(b)return g?0:4}render(){const{inlineLabelLeft:b,labelFlexGrow:g,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},g&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),b&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?a:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:a}},!M.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:a}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:I(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(t.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v},"./src/components/UIToggle/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}:function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]}),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=n;const e=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("./src/helper/ValidationMessage/utils.ts"),t=_("./src/components/Icons.tsx"),o=_("./src/components/UIIcon/index.tsx");_("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[s.ErrorMessageType.Error,t.UiIcons.Error],[s.ErrorMessageType.Warning,t.UiIcons.Warning],[s.ErrorMessageType.Info,t.UiIcons.Info]]);function n(l){const{children:c,message:p}=l,h=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,a=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${h}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:a}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx"(u,r,_){"use strict";var d=this&&this.__createBinding||(Object.create?function(s,t,o,n){n===void 0&&(n=o);var l=Object.getOwnPropertyDescriptor(t,o);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(s,n,l)}:function(s,t,o,n){n===void 0&&(n=o),s[n]=t[o]}),e=this&&this.__exportStar||function(s,t){for(var o in s)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&d(t,s,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(_("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(_("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts"(u,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var _;(function(l){l.Error="Error",l.Warning="Warning",l.Info="Info"})(_||(r.ErrorMessageType=_={}));const d=(l,c)=>{const p=`1px solid ${c}`;return{backgroundColor:l,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:I(y({color:"var(--vscode-input-foreground)"},d("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0,borderRadius:"var(--vscode-cornerRadius-small)"}),warning:{},info:{}};e.warning=y(y({},e.error),d("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),d("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[_.Error,"error"],[_.Warning,"warning"],[_.Info,"info"]]);const s=l=>{let c;switch(l){case _.Warning:{c=e.warning;break}case _.Info:{c=e.info;break}default:{c=e.error;break}}return c},t=l=>{if(l){if(l.errorMessage)return _.Error;if(l.warningMessage)return _.Warning;if(l.infoMessage)return _.Info}return _.Error},o=l=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(l!=null&&l[p])return l[p]},n=l=>{const c=t(l);return{type:c,style:s(c),message:o(l)}};r.getMessageInfo=n},"./stories/UIToggle.story.tsx"(u,r,_){"use strict";var d=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=d(_("../../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"),t=_("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},n=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(t.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(t.UIToggle,{defaultChecked:!0})));r.defaultUsage=n;const l=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(t.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(t.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=l;const c=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(t.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:o,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(t.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:t.UIToggleSize.Small})));r.smallSize=p;const h=()=>{const a="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",warningMessage:a}),e.default.createElement(t.UIToggle,{label:"Info",infoMessage:a})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:a,labelFlexGrow:!0}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:a})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(t.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:a}),e.default.createElement(t.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:a}),e.default.createElement(t.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:a})))};r.withMessages=h}}]);})();
@@ -1,2 +0,0 @@
1
- (()=>{var T=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var E=(d,e,s)=>e in d?T(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))U.call(e,s)&&E(d,s,e[s]);if(w)for(var s of w(e))M.call(e,s)&&E(d,s,e[s]);return d},I=(d,e)=>P(d,j(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(d,e,s){var l=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=r(l);n.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=n},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=e(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},s.i=function(r,n,t,_,o){typeof r=="string"&&(r=[[null,r,void 0]]);var c={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(c[m]=!0)}for(var u=0;u<r.length;u++){var a=[].concat(r[u]);t&&c[a[0]]||(typeof o!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=o),n&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=n),_&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=_):a[4]="".concat(_)),s.push(a))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss"(d,e,s){"use strict";s.r(e),s.d(e,{default:()=>O});var l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(l),n=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(n),_=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=s.n(_),c=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(c),m=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=s.n(m),a=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=s.n(a),f=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=s.n(f),g={};for(const h in f)h!=="default"&&(g[h]=()=>f[h]);s.d(e,g);var y={};y.styleTagTransform=p(),y.setAttributes=i(),y.insert=o().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var S=r()(b(),y);const O=b()&&b().locals?b().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){"use strict";var e=[];function s(n){for(var t=-1,_=0;_<e.length;_++)if(e[_].identifier===n){t=_;break}return t}function l(n,t){for(var _={},o=[],c=0;c<n.length;c++){var i=n[c],m=t.base?i[0]+t.base:i[0],u=_[m]||0,a="".concat(m," ").concat(u);_[m]=u+1;var p=s(a),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(f);else{var b=r(f,t);t.byIndex=c,e.splice(c,0,{identifier:a,updater:b,references:1})}o.push(a)}return o}function r(n,t){var _=t.domAPI(t);_.update(n);var o=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;_.update(n=i)}else _.remove()};return o}d.exports=function(n,t){t=t||{},n=n||[];var _=l(n,t);return function(c){c=c||[];for(var i=0;i<_.length;i++){var m=_[i],u=s(m);e[u].references--}for(var a=l(c,t),p=0;p<_.length;p++){var f=_[p],b=s(f);e[b].references===0&&(e[b].updater(),e.splice(b,1))}_=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[r]=n}return e[r]}function l(r,n){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){"use strict";function e(s){var l=document.createElement("style");return s.setAttributes(l,s.attributes),s.insert(l,s.options),l}d.exports=e},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,e,s){"use strict";function l(r){var n=s.nc;n&&r.setAttribute("nonce",n)}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){"use strict";function e(r,n,t){var _="";t.supports&&(_+="@supports (".concat(t.supports,") {")),t.media&&(_+="@media ".concat(t.media," {"));var o=typeof t.layer!="undefined";o&&(_+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),_+=t.css,o&&(_+="}"),t.media&&(_+="}"),t.supports&&(_+="}");var c=t.sourceMap;c&&typeof btoa!="undefined"&&(_+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),n.styleTagTransform(_,r,n.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function l(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(_){e(n,r,_)},remove:function(){s(n)}}}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){"use strict";function e(s,l){if(l.styleSheet)l.styleSheet.cssText=s;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx"(d,e,s){"use strict";var l=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(o){super(o),this.setStyle=()=>({})}render(){const o=this.props.className?` ${this.props.className}`:"";return r.default.createElement(n.Icon,I(v({},this.props),{className:`ts-icon${o}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx"(d,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,t,_,o){o===void 0&&(o=_);var c=Object.getOwnPropertyDescriptor(t,_);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,c)}:function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]}),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx"(d,e,s){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class _ extends r.default.Component{constructor(c){super(c)}render(){const c=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(n.Label,I(v({},this.props),{styles:c}))}}e.UILabel=_},"./src/components/UILabel/index.tsx"(d,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,t,_,o){o===void 0&&(o=_);var c=Object.getOwnPropertyDescriptor(t,_);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,c)}:function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]}),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(l,r){let n;return(...t)=>{clearTimeout(n),n=window.setTimeout(()=>{l(...t)},r)}}},"./src/utilities/Dom.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=l;function s(r){return"title"in r}function l(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts"(d,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const l=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(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function r(n,t){const _=(0,l.getDocument)();if(_){let o=null;if(t?o=(0,l.getNextElement)(_.body,n,!1,!1,!0,!0):o=(0,l.getPreviousElement)(_.body,n,!1,!1,!0,!0),o)return o.focus(),o}return null}},"./src/utilities/Id.ts"(d,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const l=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(e,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(d,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const l=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(e,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(d,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,t,_,o){o===void 0&&(o=_);var c=Object.getOwnPropertyDescriptor(t,_);(!c||("get"in c?!t.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,c)}:function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]}),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx"(d,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?function(m,u,a,p){p===void 0&&(p=a);var f=Object.getOwnPropertyDescriptor(u,a);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[a]}}),Object.defineProperty(m,p,f)}:function(m,u,a,p){p===void 0&&(p=a),m[p]=u[a]}),r=this&&this.__setModuleDefault||(Object.create?function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}:function(m,u){m.default=u}),n=this&&this.__importStar||function(){var m=function(u){return m=Object.getOwnPropertyNames||function(a){var p=[];for(var f in a)Object.prototype.hasOwnProperty.call(a,f)&&(p[p.length]=f);return p},m(u)};return function(u){if(u&&u.__esModule)return u;var a={};if(u!=null)for(var p=m(u),f=0;f<p.length;f++)p[f]!=="default"&&l(a,u,p[f]);return r(a,u),a}}();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=n(s("../../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"),o=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const c={childrenGap:40},i=()=>{const[m,u]=(0,t.useState)(""),a=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(g,y)=>{u(y?g:"")};return t.default.createElement(_.Stack,{tokens:c,style:{width:300}},t.default.createElement(_.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(o.UIToggleGroup,{options:a,label:"Test",ariaLabel:"test",onChange:b.bind(this)}),t.default.createElement("span",null,"selection: ",m)),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(o.UIToggleGroup,{options:a,label:"Test",required:!0})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(o.UIToggleGroup,{options:a,label:"Test",selectedKey:"medium"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(o.UIToggleGroup,{options:p,label:"Test"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(o.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
@@ -1,2 +0,0 @@
1
- (()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(i,s,_)=>s in i?E(i,s,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[s]=_,b=(i,s)=>{for(var _ in s||(s={}))O.call(s,_)&&S(i,_,s[_]);if(v)for(var _ of v(s))P.call(s,_)&&S(i,_,s[_]);return i},g=(i,s)=>I(i,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(i,s,_){var d=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=n(d);o.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=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(s){var _=[];return _.toString=function(){return this.map(function(n){var o="",t=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),t&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=s(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},_.i=function(n,o,t,e,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(t)for(var c=0;c<this.length;c++){var h=this[c][0];h!=null&&(l[h]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&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),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,_){"use strict";_.r(s),_.d(s,{default:()=>C});var d=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=_.n(d),o=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(o),e=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(e),l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=_.n(l),h=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(h),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=_.n(a),f=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=_.n(f),T={};for(const w in f)w!=="default"&&(T[w]=()=>f[w]);_.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var s=[];function _(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var c=o[l],h=t.base?c[0]+t.base:c[0],u=e[h]||0,a="".concat(h," ").concat(u);e[h]=u+1;var m=_(a),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(m!==-1)s[m].references++,s[m].updater(f);else{var p=n(f,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function n(o,t){var e=t.domAPI(t);e.update(o);var r=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;e.update(o=c)}else e.remove()};return r}i.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var c=0;c<e.length;c++){var h=e[c],u=_(h);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var f=e[m],p=_(f);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var s={};function _(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[n]=o}return s[n]}function d(n,o){var t=_(n);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)}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function s(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}i.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,s,_){"use strict";function d(n){var o=_.nc;o&&n.setAttribute("nonce",o)}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function s(n,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:c}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=c.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../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"),t=_("./src/utilities/index.ts");_("./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 e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},c=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=c;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}:function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]}),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../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,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,c=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:c,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.3/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const c=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:c}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(i,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}:function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]}),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(i,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?7fe3"(){},"?3c7c"(){},"?4367"(){},"?2a84"(){},"?cecd"(){}}]);})();