@sap-ux/ui-components 1.26.8 → 1.26.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/Icons.js +2 -2
  2. package/dist/components/Icons.js.map +1 -1
  3. package/dist/components/UIButton/UIDefaultButton.d.ts +10 -0
  4. package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
  5. package/dist/components/UIButton/UIDefaultButton.js +56 -4
  6. package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
  7. package/package.json +7 -7
  8. package/storybook/116.42f6b272.iframe.bundle.js +1 -0
  9. package/storybook/211.15d66fba.iframe.bundle.js +7 -0
  10. package/storybook/{932.ab0c2991.iframe.bundle.js → 380.837e94a1.iframe.bundle.js} +3 -3
  11. package/storybook/{390.77520f0c.iframe.bundle.js → 390.b5db4f2e.iframe.bundle.js} +3 -3
  12. package/storybook/459.3b1519ab.iframe.bundle.js +1 -0
  13. package/storybook/47.f76c6244.iframe.bundle.js +1 -0
  14. package/storybook/547.27e99a44.iframe.bundle.js +1 -0
  15. package/storybook/596.86c87bb7.iframe.bundle.js +1 -0
  16. package/storybook/624.120e4466.iframe.bundle.js +1 -0
  17. package/storybook/825.25a1b5c1.iframe.bundle.js +17 -0
  18. package/storybook/947.d5923e23.iframe.bundle.js +1 -0
  19. package/storybook/948.5a4d956a.iframe.bundle.js +1 -0
  20. package/storybook/{UIActionCallout-story.1fc5bc8a.iframe.bundle.js → UIActionCallout-story.68c14d22.iframe.bundle.js} +2 -2
  21. package/storybook/UIButton-story.83d47d50.iframe.bundle.js +2 -0
  22. package/storybook/{UICallout-story.7ad91f5b.iframe.bundle.js → UICallout-story.dd5dae94.iframe.bundle.js} +2 -2
  23. package/storybook/{UICheckbox-story.54609f03.iframe.bundle.js → UICheckbox-story.82809a76.iframe.bundle.js} +2 -2
  24. package/storybook/{UIContextualMenu-story.e722f0b8.iframe.bundle.js → UIContextualMenu-story.b9981e0a.iframe.bundle.js} +2 -2
  25. package/storybook/UICreateSelect-story.2c186913.iframe.bundle.js +2 -0
  26. package/storybook/UIDatePicker-story.1cc3d42c.iframe.bundle.js +2 -0
  27. package/storybook/{UIDialog-story.5480e26a.iframe.bundle.js → UIDialog-story.430f718f.iframe.bundle.js} +2 -2
  28. package/storybook/{UILink-story.631e7119.iframe.bundle.js → UILink-story.694d4c36.iframe.bundle.js} +2 -2
  29. package/storybook/UILoader-story.3acec53d.iframe.bundle.js +6 -0
  30. package/storybook/{UITextInput-story.1ffba626.iframe.bundle.js → UITextInput-story.952d8f0f.iframe.bundle.js} +2 -2
  31. package/storybook/{UIToggle-story.c999ef76.iframe.bundle.js → UIToggle-story.07ef2dd0.iframe.bundle.js} +2 -2
  32. package/storybook/{UIToggleGroup-story.c3841840.iframe.bundle.js → UIToggleGroup-story.ea8a8f06.iframe.bundle.js} +2 -2
  33. package/storybook/UITooltip-story.a99da1ec.iframe.bundle.js +1 -0
  34. package/storybook/{UITreedropdown-story.d90c504e.iframe.bundle.js → UITreedropdown-story.882e2709.iframe.bundle.js} +2 -2
  35. package/storybook/iframe.html +2 -2
  36. package/storybook/main.3d1216fe.iframe.bundle.js +1 -0
  37. package/storybook/project.json +1 -1
  38. package/storybook/{runtime~main.8f0f6978.iframe.bundle.js → runtime~main.9c72df2c.iframe.bundle.js} +2 -2
  39. package/storybook/124.cd203dbe.iframe.bundle.js +0 -7
  40. package/storybook/241.8bf42157.iframe.bundle.js +0 -1
  41. package/storybook/42.8d6c4795.iframe.bundle.js +0 -1
  42. package/storybook/442.550af412.iframe.bundle.js +0 -1
  43. package/storybook/454.bcdf8fbd.iframe.bundle.js +0 -1
  44. package/storybook/481.98b562c0.iframe.bundle.js +0 -1
  45. package/storybook/538.8eb876a4.iframe.bundle.js +0 -1
  46. package/storybook/825.d50c7306.iframe.bundle.js +0 -17
  47. package/storybook/847.62a21d89.iframe.bundle.js +0 -1
  48. package/storybook/871.d5e1328b.iframe.bundle.js +0 -1
  49. package/storybook/UIButton-story.94e2697e.iframe.bundle.js +0 -2
  50. package/storybook/UICreateSelect-story.d7fa143c.iframe.bundle.js +0 -2
  51. package/storybook/UIDatePicker-story.5d2ae767.iframe.bundle.js +0 -2
  52. package/storybook/UILoader-story.f02eeff6.iframe.bundle.js +0 -6
  53. package/storybook/UITooltip-story.8930b0ce.iframe.bundle.js +0 -1
  54. package/storybook/main.0ed9c709.iframe.bundle.js +0 -1
package/storybook/{UIActionCallout-story.1fc5bc8a.iframe.bundle.js → UIActionCallout-story.68c14d22.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,I=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:I({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:I({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:I({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(I({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Debounce.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=e;function e(a,n){let _;return(...o)=>{clearTimeout(_),_=window.setTimeout(()=>{a(...o)},n)}}},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Debounce.ts"),t),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
1
+ (()=>{var T=Object.defineProperty,A=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(i,t,e)=>t in i?T(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,I=(i,t)=>{for(var e in t||(t={}))S.call(t,e)&&O(i,e,t[e]);if(P)for(var e of P(t))U.call(t,e)&&O(i,e,t[e]);return i},v=(i,t)=>A(i,j(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,t,e)=>{var a=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),_=n(a);_.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(t){var e=[];return e.toString=function(){return this.map(function(n){var _="",o=typeof n[5]!="undefined";return n[4]&&(_+="@supports (".concat(n[4],") {")),n[2]&&(_+="@media ".concat(n[2]," {")),o&&(_+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),_+=t(n),o&&(_+="}"),n[2]&&(_+="}"),n[4]&&(_+="}"),_}).join("")},e.i=function(n,_,o,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(o)for(var u=0;u<this.length;u++){var m=this[u][0];m!=null&&(d[m]=!0)}for(var c=0;c<n.length;c++){var r=[].concat(n[c]);o&&d[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),_&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=_),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),e.push(r))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(i,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>C});var a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(a),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=e.n(d),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=e.n(m),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(r),h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),E={};for(const b in h)b!=="default"&&(E[b]=()=>h[b]);e.d(t,E);var y={};y.styleTagTransform=f(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=o(),y.insertStyleElement=c();var g=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var t=[];function e(_){for(var o=-1,s=0;s<t.length;s++)if(t[s].identifier===_){o=s;break}return o}function a(_,o){for(var s={},l=[],d=0;d<_.length;d++){var u=_[d],m=o.base?u[0]+o.base:u[0],c=s[m]||0,r="".concat(m," ").concat(c);s[m]=c+1;var f=e(r),h={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(f!==-1)t[f].references++,t[f].updater(h);else{var p=n(h,o);o.byIndex=d,t.splice(d,0,{identifier:r,updater:p,references:1})}l.push(r)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(u){if(u){if(u.css===_.css&&u.media===_.media&&u.sourceMap===_.sourceMap&&u.supports===_.supports&&u.layer===_.layer)return;s.update(_=u)}else s.remove()};return l}i.exports=function(_,o){o=o||{},_=_||[];var s=a(_,o);return function(d){d=d||[];for(var u=0;u<s.length;u++){var m=s[u],c=e(m);t[c].references--}for(var r=a(d,o),f=0;f<s.length;f++){var h=s[f],p=e(h);t[p].references===0&&(t[p].updater(),t.splice(p,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var t={};function e(n){if(typeof t[n]=="undefined"){var _=document.querySelector(n);if(window.HTMLIFrameElement&&_ instanceof window.HTMLIFrameElement)try{_=_.contentDocument.head}catch(o){_=null}t[n]=_}return t[n]}function a(n,_){var o=e(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function t(e){var a=document.createElement("style");return e.setAttributes(a,e.attributes),e.insert(a,e.options),a}i.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,t,e)=>{"use strict";function a(n){var _=e.nc;_&&n.setAttribute("nonce",_)}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function t(n,_,o){var s="";o.supports&&(s+="@supports (".concat(o.supports,") {")),o.media&&(s+="@media ".concat(o.media," {"));var l=typeof o.layer!="undefined";l&&(s+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),s+=o.css,l&&(s+="}"),o.media&&(s+="}"),o.supports&&(s+="}");var d=o.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),_.styleTagTransform(s,n,_.options)}function e(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function a(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function t(e,a){if(a.styleSheet)a.styleSheet.cssText=e;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(e))}}i.exports=t},"./src/components/UIActionCallout/UIActionCallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),l=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends _.default.Component{constructor(m){var c;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(c=m.isError)!=null?c:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,c;return _.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(c=(m=this.icon)==null?void 0:m.render())!=null?c:_.default.createElement(l.UIIcon,{iconName:o.UiIcons.HelpAction}),_.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),_.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}t.UIActionCallout=d},"./src/components/UIActionCallout/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},a=20;class n{constructor(o,s,l=e){this.originalStyle={},this.source=o,this.callout=s,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${o}px`,s}getElements(){const o=this.source.current,s=o==null?void 0:o.closest(this.props.container);if(s&&o){const l=s==null?void 0:s.querySelector(this.props.target);if(l){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(d.callout={dom:u,rect:u.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:u}=o;if(d){const m=window.innerHeight-e.minPagePadding,c=d.rect.height,r=u.rect.bottom;let f=r+c-l.rect.top,h=r+d.rect.height;if(f<=0||h>=m)return;if(h+=l.rect.height,h<=m&&(f+=a),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),l.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l}=o;for(const d in this.originalStyle){const u=this.originalStyle[d];typeof u=="string"&&(s.dom.style[d]=u)}this.originalStyle={},this.placeholder&&(l.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const s=this.getElements();return!!(o.type==="focus"&&(s!=null&&s.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var s;(function(c){c.None="None",c.Standard="Standard"})(s||(t.UICalloutContentPadding=s={}));const l=new Map([[s.Standard,8]]),d=(c,r)=>typeof c=="object"&&typeof c[r]=="object"?c[r]:{},u=c=>{var r,f;return{root:I({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},d(c.styles,"root")),beak:I({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(c.styles,"beak")),beakCurtain:I({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(c.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(r=c.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((f=c.contentPadding)!=null?f:s.None)},d(c.styles,"calloutMain")),container:d(c.styles,"container")}};t.getCalloutStyle=u;class m extends n.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&r.key==="Tab"&&p){let E=null;if(typeof p=="string"){const y=(0,_.getDocument)();E=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,o.isHTMLElement)(p)&&(E=p);E&&(0,o.focusToSibling)(E,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}f==null||f(r)}render(){return n.default.createElement(_.Callout,v(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=m},"./src/components/UICallout/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),n(e("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UIIcon/UIIcon.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const n=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends n.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return n.default.createElement(_.Icon,v(I({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}t.UIIcon=o},"./src/components/UIIcon/index.tsx":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Debounce.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.debounce=e;function e(a,n){let _;return(...o)=>{clearTimeout(_),_=window.setTimeout(()=>{a(...o)},n)}}},"./src/utilities/Dom.ts":(i,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLElement=e,t.isHTMLInputElement=a;function e(n){return"title"in n}function a(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}},"./src/utilities/Focus.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isElementTabbable=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0,t.focusToSibling=n;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(t,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function n(_,o){const s=(0,a.getDocument)();if(s){let l=null;if(o?l=(0,a.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,a.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(i,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(i,t,e){"use strict";var a=this&&this.__createBinding||(Object.create?function(_,o,s,l){l===void 0&&(l=s);var d=Object.getOwnPropertyDescriptor(o,s);(!d||("get"in d?!o.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(_,l,d)}:function(_,o,s,l){l===void 0&&(l=s),_[l]=o[s]}),n=this&&this.__exportStar||function(_,o){for(var s in _)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&a(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Debounce.ts"),t),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(i,t,e){"use strict";var a=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=a(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),l=e("./src/components/Icons.tsx");t.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},u={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},c=()=>_.default.createElement(n.Stack,{tokens:d,style:{width:300}},_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),_.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:u,isError:!0})),_.default.createElement(n.Stack,{tokens:d},_.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),_.default.createElement(o.UIActionCallout,{icon:new s.UIIcon({iconName:l.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));t.defaultUsage=c}}]);})();
package/storybook/UIButton-story.83d47d50.iframe.bundle.js ADDED
@@ -0,0 +1,2 @@
1
+ (()=>{var H=Object.defineProperty,z=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(i,c,r)=>c in i?H(i,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[c]=r,C=(i,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(i,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(i,r,c[r]);return i},w=(i,c)=>z(i,R(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(c){var r=[];return r.toString=function(){return this.map(function(o){var a="",e=typeof o[5]!="undefined";return o[4]&&(a+="@supports (".concat(o[4],") {")),o[2]&&(a+="@media ".concat(o[2]," {")),e&&(a+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),a+=c(o),e&&(a+="}"),o[2]&&(a+="}"),o[4]&&(a+="}"),a}).join("")},r.i=function(o,a,e,t,u){typeof o=="string"&&(o=[[null,o,void 0]]);var y={};if(e)for(var n=0;n<this.length;n++){var h=this[n][0];h!=null&&(y[h]=!0)}for(var m=0;m<o.length;m++){var l=[].concat(o[m]);e&&y[l[0]]||(typeof u!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=u),a&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=a),t&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=t):l[4]="".concat(t)),r.push(l))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var c=[];function r(a){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===a){e=t;break}return e}function s(a,e){for(var t={},u=[],y=0;y<a.length;y++){var n=a[y],h=e.base?n[0]+e.base:n[0],m=t[h]||0,l="".concat(h," ").concat(m);t[h]=m+1;var d=r(l),p={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(d!==-1)c[d].references++,c[d].updater(p);else{var f=o(p,e);e.byIndex=y,c.splice(y,0,{identifier:l,updater:f,references:1})}u.push(l)}return u}function o(a,e){var t=e.domAPI(e);t.update(a);var u=function(n){if(n){if(n.css===a.css&&n.media===a.media&&n.sourceMap===a.sourceMap&&n.supports===a.supports&&n.layer===a.layer)return;t.update(a=n)}else t.remove()};return u}i.exports=function(a,e){e=e||{},a=a||[];var t=s(a,e);return function(y){y=y||[];for(var n=0;n<t.length;n++){var h=t[n],m=r(h);c[m].references--}for(var l=s(y,e),d=0;d<t.length;d++){var p=t[d],f=r(p);c[f].references===0&&(c[f].updater(),c.splice(f,1))}t=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var c={};function r(o){if(typeof c[o]=="undefined"){var a=document.querySelector(o);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}c[o]=a}return c[o]}function s(o,a){var e=r(o);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(a)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function c(r){var s=document.createElement("style");return r.setAttributes(s,r.attributes),r.insert(s,r.options),s}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,c,r)=>{"use strict";function s(o){var a=r.nc;a&&o.setAttribute("nonce",a)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function c(o,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var y=e.sourceMap;y&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(y))))," */")),a.styleTagTransform(t,o,a.options)}function r(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function s(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=o.insertStyleElement(o);return{update:function(t){c(a,o,t)},remove:function(){r(a)}}}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function c(r,s){if(s.styleSheet)s.styleSheet.cssText=r;else{for(;s.firstChild;)s.removeChild(s.firstChild);s.appendChild(document.createTextNode(r))}}i.exports=c},"./stories/UIButton.story.tsx":function(i,c,r){"use strict";var s=this&&this.__createBinding||(Object.create?function(d,p,f,I){I===void 0&&(I=f);var v=Object.getOwnPropertyDescriptor(p,f);(!v||("get"in v?!p.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(d,I,v)}:function(d,p,f,I){I===void 0&&(I=f),d[I]=p[f]}),o=this&&this.__setModuleDefault||(Object.create?function(d,p){Object.defineProperty(d,"default",{enumerable:!0,value:p})}:function(d,p){d.default=p}),a=this&&this.__importStar||function(){var d=function(p){return d=Object.getOwnPropertyNames||function(f){var I=[];for(var v in f)Object.prototype.hasOwnProperty.call(f,v)&&(I[I.length]=v);return I},d(p)};return function(p){if(p&&p.__esModule)return p;var f={};if(p!=null)for(var I=d(p),v=0;v<I.length;v++)I[v]!=="default"&&s(f,p,I[v]);return o(f,p),f}}();Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=a(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),y=r("./src/components/UIContextualMenu/index.tsx"),n=r("./src/components/Icons.tsx"),h=r("./src/components/UITreeDropdown/index.tsx");(0,n.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const m={childrenGap:40},l=()=>{const[d,p]=(0,e.useState)(""),[f,I]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),v=b=>{p(b)},k=b=>{const S=w(C({},f),{[b]:!f[b]});I(S)},U=(b,S,_)=>{const B={key:b,text:S};return _&&(B.iconProps={iconName:n.UiIcons.GuidedDevelopment}),B},E=U("option1","option 1"),g=[U("option2","option 2"),U("option3","option 3")],x=g.map(b=>w(C({},b),{iconProps:{iconName:n.UiIcons.GuidedDevelopment}})),M=[x[0],w(C({},x[1]),{iconProps:void 0})],T=()=>[U("option1","option 1"),U("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},U("option3","option 3"),U("option4","option 4"),U("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},U("option6","option 6"),U("option7","option 7"),U("option8","option 8"),U("option10","option 10"),U("option11","option 11"),U("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:n.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{alert:!0},"Alert button"),e.default.createElement(u.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),e.default.createElement(u.UIDefaultButton,{alert:!0,iconProps:{iconName:n.UiIcons.Calendar}},"alert button with icon"),e.default.createElement(u.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISplitButton,{id:"test",callback:v.bind(this),menuItems:g,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:v.bind(this),menuItems:x,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:b=>{if(b==="rename"){const S=T(),_=S.find(B=>B.key==="rename");_&&(_.text="Renamed"),A(S)}v(b)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",d))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:n.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:n.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:n.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:n.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:n.UiIcons.Undo},checked:f.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:f.btn2,iconProps:{iconName:n.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:f.btn3,iconProps:{iconName:n.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:n.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:n.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:x}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:n.UiIcons.Bulb},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:g}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:x}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:n.UiIcons.Add},menuProps:{directionalHint:h.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),a=o;a.v1=s,a.v4=o,i.exports=a},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":i=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function s(o,a){var e=a||0,t=c;return[t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],"-",t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]],t[o[e++]]].join("")}i.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":i=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);i.exports=function(){return c(r),r}}else{var s=new Array(16);i.exports=function(){for(var a=0,e;a<16;a++)a&3||(e=Math.random()*4294967296),s[a]=e>>>((a&3)<<3)&255;return s}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),a,e,t=0,u=0;function y(n,h,m){var l=h&&m||0,d=h||[];n=n||{};var p=n.node||a,f=n.clockseq!==void 0?n.clockseq:e;if(p==null||f==null){var I=s();p==null&&(p=a=[I[0]|1,I[1],I[2],I[3],I[4],I[5]]),f==null&&(f=e=(I[6]<<8|I[7])&16383)}var v=n.msecs!==void 0?n.msecs:new Date().getTime(),k=n.nsecs!==void 0?n.nsecs:u+1,U=v-t+(k-u)/1e4;if(U<0&&n.clockseq===void 0&&(f=f+1&16383),(U<0||v>t)&&n.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=v,u=k,e=f,v+=122192928e5;var E=((v&268435455)*1e4+k)%4294967296;d[l++]=E>>>24&255,d[l++]=E>>>16&255,d[l++]=E>>>8&255,d[l++]=E&255;var g=v/4294967296*1e4&268435455;d[l++]=g>>>8&255,d[l++]=g&255,d[l++]=g>>>24&15|16,d[l++]=g>>>16&255,d[l++]=f>>>8|128,d[l++]=f&255;for(var x=0;x<6;++x)d[l+x]=p[x];return h||o(d)}i.exports=y},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(i,c,r)=>{var s=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),o=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function a(e,t,u){var y=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var n=e.random||(e.rng||s)();if(n[6]=n[6]&15|64,n[8]=n[8]&63|128,t)for(var h=0;h<16;++h)t[y+h]=n[h];return t||o(n)}i.exports=a}}]);})();
package/storybook/{UICallout-story.7ad91f5b.iframe.bundle.js → UICallout-story.dd5dae94.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,g=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var _=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=r(_);s.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=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,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 f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var _=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(_),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=n.n(l),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(b),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=n.n(d),i=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(i),y={};for(const v in i)v!=="default"&&(y[v]=()=>i[v]);n.d(o,y);var h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},a=[],l=0;l<s.length;l++){var c=s[l],b=e.base?c[0]+e.base:c[0],f=t[b]||0,d="".concat(b," ").concat(f);t[b]=f+1;var p=n(d),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(i);else{var u=r(i,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=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;t.update(s=c)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var b=t[c],f=n(b);o[f].references--}for(var d=_(l,e),p=0;p<t.length;p++){var i=t[p],u=n(i);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function _(r,s){var e=n(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var _=document.createElement("style");return n.setAttributes(_,n.attributes),n.insert(_,n.options),_}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function _(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function _(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,_){if(_.styleSheet)_.styleSheet.cssText=n;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},_=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:c}=e;if(l){const b=window.innerHeight-n.minPagePadding,f=l.rect.height,d=c.rect.bottom;let p=d+f-a.rect.top,i=d+l.rect.height;if(p<=0||i>=b)return;if(i+=a.rect.height,i<=b&&(p+=_),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const c=this.originalStyle[l];typeof c=="string"&&(t.dom.style[l]=c)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},c=f=>{var d,p;return{root:g({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((p=f.contentPadding)!=null?p:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=c;class b extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:p,focusTargetSiblingOnTabPress:i,target:u}=this.props;if(i&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}p==null||p(d)}render(){return r.default.createElement(s.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=b},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,g({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,g({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(p,i,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(i,u);(!h||("get"in h?!i.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return i[u]}}),Object.defineProperty(p,y,h)}:function(p,i,u,y){y===void 0&&(y=u),p[y]=i[u]}),r=this&&this.__setModuleDefault||(Object.create?function(p,i){Object.defineProperty(p,"default",{enumerable:!0,value:i})}:function(p,i){p.default=i}),s=this&&this.__importStar||function(){var p=function(i){return p=Object.getOwnPropertyNames||function(u){var y=[];for(var h in u)Object.prototype.hasOwnProperty.call(u,h)&&(y[y.length]=h);return y},p(i)};return function(i){if(i&&i.__esModule)return i;var u={};if(i!=null)for(var y=p(i),h=0;h<y.length;h++)y[h]!=="default"&&_(u,i,y[h]);return r(u,i),u}}();Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),c=n("./src/components/Icons.tsx");o.default={title:"Dropdowns/Callout"};const b=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(b,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();
1
+ (()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,g=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var _=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),s=r(_);s.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=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,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 f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var _=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(_),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=n.n(l),b=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(b),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=n.n(d),i=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(i),y={};for(const v in i)v!=="default"&&(y[v]=()=>i[v]);n.d(o,y);var h={};h.styleTagTransform=p(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function _(s,e){for(var t={},a=[],l=0;l<s.length;l++){var c=s[l],b=e.base?c[0]+e.base:c[0],f=t[b]||0,d="".concat(b," ").concat(f);t[b]=f+1;var p=n(d),i={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(i);else{var u=r(i,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=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;t.update(s=c)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=_(s,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var b=t[c],f=n(b);o[f].references--}for(var d=_(l,e),p=0;p<t.length;p++){var i=t[p],u=n(i);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function _(r,s){var e=n(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var _=document.createElement("style");return n.setAttributes(_,n.attributes),n.insert(_,n.options),_}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function _(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function _(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,_){if(_.styleSheet)_.styleSheet.cssText=n;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},_=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},c=this.callout.current;return c&&(l.callout={dom:c,rect:c.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:c}=e;if(l){const b=window.innerHeight-n.minPagePadding,f=l.rect.height,d=c.rect.bottom;let p=d+f-a.rect.top,i=d+l.rect.height;if(p<=0||i>=b)return;if(i+=a.rect.height,i<=b&&(p+=_),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const c=this.originalStyle[l];typeof c=="string"&&(t.dom.style[l]=c)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},c=f=>{var d,p;return{root:g({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((p=f.contentPadding)!=null?p:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=c;class b extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:p,focusTargetSiblingOnTabPress:i,target:u}=this.props;if(i&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}p==null||p(d)}render(){return r.default.createElement(s.Callout,S(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=b},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,g({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var _=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=_(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,g({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&_(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var _=this&&this.__createBinding||(Object.create?function(p,i,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(i,u);(!h||("get"in h?!i.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return i[u]}}),Object.defineProperty(p,y,h)}:function(p,i,u,y){y===void 0&&(y=u),p[y]=i[u]}),r=this&&this.__setModuleDefault||(Object.create?function(p,i){Object.defineProperty(p,"default",{enumerable:!0,value:i})}:function(p,i){p.default=i}),s=this&&this.__importStar||function(){var p=function(i){return p=Object.getOwnPropertyNames||function(u){var y=[];for(var h in u)Object.prototype.hasOwnProperty.call(u,h)&&(y[y.length]=h);return y},p(i)};return function(i){if(i&&i.__esModule)return i;var u={};if(i!=null)for(var y=p(i),h=0;h<y.length;h++)y[h]!=="default"&&_(u,i,y[h]);return r(u,i),u}}();Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),c=n("./src/components/Icons.tsx");o.default={title:"Dropdowns/Callout"};const b=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=p=>{const{id:i}=p,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:i,iconProps:{iconName:c.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${i}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(b,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();
package/storybook/{UICheckbox-story.54609f03.iframe.bundle.js → UICheckbox-story.82809a76.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var S=Object.defineProperty,k=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var C=(c,_,e)=>_ in c?S(c,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[_]=e,h=(c,_)=>{for(var e in _||(_={}))x.call(_,e)&&C(c,e,_[e]);if(M)for(var e of M(_))A.call(_,e)&&C(c,e,_[e]);return c},E=(c,_)=>k(c,O(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[558],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.id,".ts-icon{fill:var(--vscode-foreground)}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.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}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(_){var e=[];return e.toString=function(){return this.map(function(t){var s="",o=typeof t[5]!="undefined";return t[4]&&(s+="@supports (".concat(t[4],") {")),t[2]&&(s+="@media ".concat(t[2]," {")),o&&(s+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),s+=_(t),o&&(s+="}"),t[2]&&(s+="}"),t[4]&&(s+="}"),s}).join("")},e.i=function(t,s,o,n,a){typeof t=="string"&&(t=[[null,t,void 0]]);var r={};if(o)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var p=0;p<t.length;p++){var i=[].concat(t[p]);o&&r[i[0]]||(typeof a!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=a),s&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=s),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),e.push(i))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(_){return _[1]}},"./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=e.n(g),b={};for(const v in g)v!=="default"&&(b[v]=()=>g[v]);e.d(_,b);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),m=e.n(g),b={};for(const v in g)v!=="default"&&(b[v]=()=>g[v]);e.d(_,b);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var _=[];function e(s){for(var o=-1,n=0;n<_.length;n++)if(_[n].identifier===s){o=n;break}return o}function l(s,o){for(var n={},a=[],r=0;r<s.length;r++){var d=s[r],u=o.base?d[0]+o.base:d[0],p=n[u]||0,i="".concat(u," ").concat(p);n[u]=p+1;var y=e(i),g={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(y!==-1)_[y].references++,_[y].updater(g);else{var m=t(g,o);o.byIndex=r,_.splice(r,0,{identifier:i,updater:m,references:1})}a.push(i)}return a}function t(s,o){var n=o.domAPI(o);n.update(s);var a=function(d){if(d){if(d.css===s.css&&d.media===s.media&&d.sourceMap===s.sourceMap&&d.supports===s.supports&&d.layer===s.layer)return;n.update(s=d)}else n.remove()};return a}c.exports=function(s,o){o=o||{},s=s||[];var n=l(s,o);return function(r){r=r||[];for(var d=0;d<n.length;d++){var u=n[d],p=e(u);_[p].references--}for(var i=l(r,o),y=0;y<n.length;y++){var g=n[y],m=e(g);_[m].references===0&&(_[m].updater(),_.splice(m,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var _={};function e(t){if(typeof _[t]=="undefined"){var s=document.querySelector(t);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}_[t]=s}return _[t]}function l(t,s){var o=e(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function _(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,_,e)=>{"use strict";function l(t){var s=e.nc;s&&t.setAttribute("nonce",s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function _(t,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var a=typeof o.layer!="undefined";a&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,a&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var r=o.sourceMap;r&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),s.styleTagTransform(n,t,s.options)}function e(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=t.insertStyleElement(t);return{update:function(n){_(s,t,n)},remove:function(){e(s)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function _(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}c.exports=_},"./src/components/UICheckbox/UICheckbox.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICheckbox=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/helper/ValidationMessage/index.tsx");class n extends t.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[s.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,[s.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[s.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[s.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${s.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[s.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,o.getMessageInfo)(this.props),d=t.default.createElement(s.Checkbox,E(h({},this.props),{styles:u=>h(h({},this.setStyle(r,u)),this.props.styles)}));return r.message?t.default.createElement(o.MessageWrapper,{message:r},d):d}}_.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UICheckbox/UICheckbox.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends t.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return t.default.createElement(s.Icon,E(h({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}_.UIIcon=o},"./src/components/UIIcon/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.MESSAGE_ICONS_MAP=void 0,_.MessageWrapper=a;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/helper/ValidationMessage/utils.ts"),o=e("./src/components/Icons.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,p=u.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return t.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},t.default.createElement("div",{className:"ts-message-target"},d),t.default.createElement("div",{className:"ts-message-body"},t.default.createElement(n.UIIcon,{iconName:i}),t.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),t(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(c,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(_.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},t={error:E(h({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};t.warning=h(h({},t.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),t.info=h(h({},t.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const s=r=>{let d;switch(r){case e.Warning:{d=t.warning;break}case e.Info:{d=t.info;break}default:{d=t.error;break}}return d},o=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},n=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=o(r);return{type:d,style:s(d),message:n(r)}};_.getMessageInfo=a},"./stories/UICheckbox.story.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/components/UICheckbox/index.tsx");_.default={title:"Basic Inputs/Checkbox"};const n={childrenGap:40},a=()=>{const r="Dummy message",d={width:"300px",marginBottom:"25px"};return t.default.createElement(s.Stack,{tokens:n,style:{width:300}},t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox"),t.default.createElement(o.UICheckbox,{label:"check"})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),t.default.createElement(o.UICheckbox,{label:"Error",errorMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),t.default.createElement(o.UICheckbox,{label:"Warning",warningMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),t.default.createElement(o.UICheckbox,{label:"Info",infoMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),t.default.createElement(o.UICheckbox,{label:"Info",disabled:!0})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),t.default.createElement(o.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};_.defaultUsage=a}}]);})();
1
+ (()=>{var S=Object.defineProperty,k=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var C=(c,_,e)=>_ in c?S(c,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[_]=e,h=(c,_)=>{for(var e in _||(_={}))x.call(_,e)&&C(c,e,_[e]);if(M)for(var e of M(_))A.call(_,e)&&C(c,e,_[e]);return c},E=(c,_)=>k(c,O(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[558],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.id,".ts-icon{fill:var(--vscode-foreground)}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.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}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(_){var e=[];return e.toString=function(){return this.map(function(t){var s="",o=typeof t[5]!="undefined";return t[4]&&(s+="@supports (".concat(t[4],") {")),t[2]&&(s+="@media ".concat(t[2]," {")),o&&(s+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),s+=_(t),o&&(s+="}"),t[2]&&(s+="}"),t[4]&&(s+="}"),s}).join("")},e.i=function(t,s,o,n,a){typeof t=="string"&&(t=[[null,t,void 0]]);var r={};if(o)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var p=0;p<t.length;p++){var i=[].concat(t[p]);o&&r[i[0]]||(typeof a!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=a),s&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=s),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),e.push(i))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(_){return _[1]}},"./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=e.n(g),v={};for(const b in g)b!=="default"&&(v[b]=()=>g[b]);e.d(_,v);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.89.2_sass@1.66.1_webpack@5.99.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),m=e.n(g),v={};for(const b in g)b!=="default"&&(v[b]=()=>g[b]);e.d(_,v);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var _=[];function e(s){for(var o=-1,n=0;n<_.length;n++)if(_[n].identifier===s){o=n;break}return o}function l(s,o){for(var n={},a=[],r=0;r<s.length;r++){var d=s[r],u=o.base?d[0]+o.base:d[0],p=n[u]||0,i="".concat(u," ").concat(p);n[u]=p+1;var y=e(i),g={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(y!==-1)_[y].references++,_[y].updater(g);else{var m=t(g,o);o.byIndex=r,_.splice(r,0,{identifier:i,updater:m,references:1})}a.push(i)}return a}function t(s,o){var n=o.domAPI(o);n.update(s);var a=function(d){if(d){if(d.css===s.css&&d.media===s.media&&d.sourceMap===s.sourceMap&&d.supports===s.supports&&d.layer===s.layer)return;n.update(s=d)}else n.remove()};return a}c.exports=function(s,o){o=o||{},s=s||[];var n=l(s,o);return function(r){r=r||[];for(var d=0;d<n.length;d++){var u=n[d],p=e(u);_[p].references--}for(var i=l(r,o),y=0;y<n.length;y++){var g=n[y],m=e(g);_[m].references===0&&(_[m].updater(),_.splice(m,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var _={};function e(t){if(typeof _[t]=="undefined"){var s=document.querySelector(t);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}_[t]=s}return _[t]}function l(t,s){var o=e(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function _(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,_,e)=>{"use strict";function l(t){var s=e.nc;s&&t.setAttribute("nonce",s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function _(t,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var a=typeof o.layer!="undefined";a&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,a&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var r=o.sourceMap;r&&typeof btoa!="undefined"&&(n+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),s.styleTagTransform(n,t,s.options)}function e(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=t.insertStyleElement(t);return{update:function(n){_(s,t,n)},remove:function(){e(s)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function _(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}c.exports=_},"./src/components/UICheckbox/UICheckbox.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICheckbox=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/helper/ValidationMessage/index.tsx");class n extends t.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[s.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,[s.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[s.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[s.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${s.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[s.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,o.getMessageInfo)(this.props),d=t.default.createElement(s.Checkbox,E(h({},this.props),{styles:u=>h(h({},this.setStyle(r,u)),this.props.styles)}));return r.message?t.default.createElement(o.MessageWrapper,{message:r},d):d}}_.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UICheckbox/UICheckbox.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class o extends t.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return t.default.createElement(s.Icon,E(h({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}_.UIIcon=o},"./src/components/UIIcon/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.MESSAGE_ICONS_MAP=void 0,_.MessageWrapper=a;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/helper/ValidationMessage/utils.ts"),o=e("./src/components/Icons.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,p=u.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return t.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},t.default.createElement("div",{className:"ts-message-target"},d),t.default.createElement("div",{className:"ts-message-body"},t.default.createElement(n.UIIcon,{iconName:i}),t.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),t(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(c,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(_.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},t={error:E(h({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};t.warning=h(h({},t.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),t.info=h(h({},t.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const s=r=>{let d;switch(r){case e.Warning:{d=t.warning;break}case e.Info:{d=t.info;break}default:{d=t.error;break}}return d},o=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},n=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=o(r);return{type:d,style:s(d),message:n(r)}};_.getMessageInfo=a},"./stories/UICheckbox.story.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=e("./src/components/UICheckbox/index.tsx");_.default={title:"Basic Inputs/Checkbox"};const n={childrenGap:40},a=()=>{const r="Dummy message",d={width:"300px",marginBottom:"25px"};return t.default.createElement(s.Stack,{tokens:n,style:{width:300}},t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox"),t.default.createElement(o.UICheckbox,{label:"check"})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),t.default.createElement(o.UICheckbox,{label:"Error",errorMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),t.default.createElement(o.UICheckbox,{label:"Warning",warningMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),t.default.createElement(o.UICheckbox,{label:"Info",infoMessage:r})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),t.default.createElement(o.UICheckbox,{label:"Info",disabled:!0})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),t.default.createElement(o.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};_.defaultUsage=a}}]);})();
package/storybook/{UIContextualMenu-story.e722f0b8.iframe.bundle.js → UIContextualMenu-story.b9981e0a.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var w=(s,a,r)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r,_=(s,a)=>{for(var r in a||(a={}))L.call(a,r)&&w(s,r,a[r]);if(M)for(var r of M(a))R.call(a,r)&&w(s,r,a[r]);return s},I=(s,a)=>D(s,A(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(a){var r=[];return r.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=a(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},r.i=function(e,t,n,o,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(n)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(f[v]=!0)}for(var k=0;k<e.length;k++){var u=[].concat(e[k]);n&&f[u[0]]||(typeof p!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=p),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),r.push(u))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var a=[];function r(t){for(var n=-1,o=0;o<a.length;o++)if(a[o].identifier===t){n=o;break}return n}function l(t,n){for(var o={},p=[],f=0;f<t.length;f++){var d=t[f],v=n.base?d[0]+n.base:d[0],k=o[v]||0,u="".concat(v," ").concat(k);o[v]=k+1;var c=r(u),x={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(c!==-1)a[c].references++,a[c].updater(x);else{var i=e(x,n);n.byIndex=f,a.splice(f,0,{identifier:u,updater:i,references:1})}p.push(u)}return p}function e(t,n){var o=n.domAPI(n);o.update(t);var p=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;o.update(t=d)}else o.remove()};return p}s.exports=function(t,n){n=n||{},t=t||[];var o=l(t,n);return function(f){f=f||[];for(var d=0;d<o.length;d++){var v=o[d],k=r(v);a[k].references--}for(var u=l(f,n),c=0;c<o.length;c++){var x=o[c],i=r(x);a[i].references===0&&(a[i].updater(),a.splice(i,1))}o=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var a={};function r(e){if(typeof a[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}a[e]=t}return a[e]}function l(e,t){var n=r(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function a(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}s.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,a,r)=>{"use strict";function l(e){var t=r.nc;t&&e.setAttribute("nonce",t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function a(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var p=typeof n.layer!="undefined";p&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,p&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var f=n.sourceMap;f&&typeof btoa!="undefined"&&(o+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(o,e,t.options)}function r(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function l(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){a(t,e,o)},remove:function(){r(t)}}}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function a(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}s.exports=a},"./src/components/UIToggle/UIToggle.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l(r("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r("./src/helper/ValidationMessage/index.tsx"),p=r("./src/components/UIIcon/index.tsx"),f=r("./src/components/Icons.tsx");var d;(function(i){i.Standard="Standard",i.Small="Small"})(d||(a.UIToggleSize=d={}));const v={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},k={display:"flex"},u=.4,c={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 x extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,b){var g,m;this.replaceThumbWithIcon(b),(m=(g=this.props).onChange)==null||m.call(g,h,b)}replaceThumbWithIcon(h=!1){var b;if(this.toggleRootRef.current){const g=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");g&&t.default.render(e.default.createElement(p.UIIcon,{iconName:h?f.UiIcons.SwitchOn:f.UiIcons.SwitchOff,style:k}),g)}}getMarginBottom(h){const{inlineLabel:b}=this.props;if(h)return b?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:b,inlineLabel:g}=this.props,m=v,y=(0,o.getMessageInfo)(this.props),C=T=>({root:I(_({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(y.message)}),label:I(_(_({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},g&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?u:"inherit"}),pill:I(_({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor},":hover":{background:c.pill.checked.hover.background,borderColor:c.pill.checked.hover.borderColor},":disabled":{background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,opacity:u}},!T.checked&&{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.unchecked.hover.background,borderColor:c.thumb.unchecked.hover.borderColor},":hover":{background:c.pill.unchecked.hover.background,borderColor:c.pill.unchecked.hover.borderColor},":disabled":{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,opacity:u}}),{selectors:{":focus::after":{border:"none !important",outline:c.pill.focus.outline}}}),thumb:I(_({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:c.thumb.checked.borderColor,backgroundColor:c.thumb.checked.background,":hover":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:c.thumb.unchecked.borderColor,backgroundColor:c.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:T.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),S=e.default.createElement(n.Toggle,I(_({},this.props),{styles:C,ref:this.toggleRootRef,onChange:this.handleChange}));return y.message?e.default.createElement(o.MessageWrapper,{message:y},S):S}}a.UIToggle=x},"./src/components/UIToggle/index.tsx":function(s,a,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(t,n,o,p){p===void 0&&(p=o);var f=Object.getOwnPropertyDescriptor(n,o);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,p,f)}:function(t,n,o,p){p===void 0&&(p=o),t[p]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&l(n,t,o)};Object.defineProperty(a,"__esModule",{value:!0}),e(r("./src/components/UIToggle/UIToggle.tsx"),a)},"./stories/UIContextualMenu.story.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.ContextualMenu=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=r("./src/components/UIContextualMenu/index.tsx"),o=r("./src/components/UIButton/index.tsx"),p=r("./src/components/UITreeDropdown/index.tsx"),f=r("./src/components/Icons.tsx"),d=r("./src/components/UIDropdown/index.tsx"),v=r("./src/components/UIToggle/index.tsx");a.default={title:"Dropdowns/ContextualMenu"};const k={childrenGap:40};function u(i=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const c=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(i=>({key:i.toString(),text:i.toString()})),x=()=>{const i=e.default.useRef(null),[h,b]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[g,m]=e.default.useState(!0),[y,C]=e.default.useState(!1),S=e.default.useCallback(()=>{C(!0)},[]),T=e.default.useCallback(()=>C(!1),[]);return e.default.createElement(t.Stack,{tokens:k},e.default.createElement(d.UIDropdown,{label:"Layout",options:c,selectedKey:h.toString(),onChange:(E,U)=>{U&&b(n.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(v.UIToggle,{checked:g,label:"showSubmenuBeneath",onChange:(E,U)=>{m(!!U)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:i,onClick:S},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!y,target:i,items:u(),onDismiss:T,layoutType:h,showSubmenuBeneath:g})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(o.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.ArrowLeft},menuProps:{items:u(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:h,showSubmenuBeneath:g}})))))};a.ContextualMenu=x},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=l,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var a=[],r=0;r<256;++r)a[r]=(r+256).toString(16).substr(1);function l(e,t){var n=t||0,o=a;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")}s.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var r=new Uint8Array(16);s.exports=function(){return a(r),r}}else{var l=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),l[t]=n>>>((t&3)<<3)&255;return l}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,o=0,p=0;function f(d,v,k){var u=v&&k||0,c=v||[];d=d||{};var x=d.node||t,i=d.clockseq!==void 0?d.clockseq:n;if(x==null||i==null){var h=l();x==null&&(x=t=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),i==null&&(i=n=(h[6]<<8|h[7])&16383)}var b=d.msecs!==void 0?d.msecs:new Date().getTime(),g=d.nsecs!==void 0?d.nsecs:p+1,m=b-o+(g-p)/1e4;if(m<0&&d.clockseq===void 0&&(i=i+1&16383),(m<0||b>o)&&d.nsecs===void 0&&(g=0),g>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");o=b,p=g,n=i,b+=122192928e5;var y=((b&268435455)*1e4+g)%4294967296;c[u++]=y>>>24&255,c[u++]=y>>>16&255,c[u++]=y>>>8&255,c[u++]=y&255;var C=b/4294967296*1e4&268435455;c[u++]=C>>>8&255,c[u++]=C&255,c[u++]=C>>>24&15|16,c[u++]=C>>>16&255,c[u++]=i>>>8|128,c[u++]=i&255;for(var S=0;S<6;++S)c[u+S]=x[S];return v||e(c)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,o,p){var f=o&&p||0;typeof n=="string"&&(o=n==="binary"?new Array(16):null,n=null),n=n||{};var d=n.random||(n.rng||l)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,o)for(var v=0;v<16;++v)o[f+v]=d[v];return o||e(d)}s.exports=t}}]);})();
1
+ (()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var w=(s,a,r)=>a in s?B(s,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[a]=r,_=(s,a)=>{for(var r in a||(a={}))L.call(a,r)&&w(s,r,a[r]);if(M)for(var r of M(a))R.call(a,r)&&w(s,r,a[r]);return s},I=(s,a)=>D(s,A(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(a){var r=[];return r.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=a(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},r.i=function(e,t,n,o,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(n)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(f[v]=!0)}for(var k=0;k<e.length;k++){var u=[].concat(e[k]);n&&f[u[0]]||(typeof p!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=p),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),r.push(u))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.99.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var a=[];function r(t){for(var n=-1,o=0;o<a.length;o++)if(a[o].identifier===t){n=o;break}return n}function l(t,n){for(var o={},p=[],f=0;f<t.length;f++){var d=t[f],v=n.base?d[0]+n.base:d[0],k=o[v]||0,u="".concat(v," ").concat(k);o[v]=k+1;var c=r(u),x={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(c!==-1)a[c].references++,a[c].updater(x);else{var i=e(x,n);n.byIndex=f,a.splice(f,0,{identifier:u,updater:i,references:1})}p.push(u)}return p}function e(t,n){var o=n.domAPI(n);o.update(t);var p=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;o.update(t=d)}else o.remove()};return p}s.exports=function(t,n){n=n||{},t=t||[];var o=l(t,n);return function(f){f=f||[];for(var d=0;d<o.length;d++){var v=o[d],k=r(v);a[k].references--}for(var u=l(f,n),c=0;c<o.length;c++){var x=o[c],i=r(x);a[i].references===0&&(a[i].updater(),a.splice(i,1))}o=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var a={};function r(e){if(typeof a[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}a[e]=t}return a[e]}function l(e,t){var n=r(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function a(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}s.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,a,r)=>{"use strict";function l(e){var t=r.nc;t&&e.setAttribute("nonce",t)}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function a(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var p=typeof n.layer!="undefined";p&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,p&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var f=n.sourceMap;f&&typeof btoa!="undefined"&&(o+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(o,e,t.options)}function r(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function l(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){a(t,e,o)},remove:function(){r(t)}}}s.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.99.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function a(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}s.exports=a},"./src/components/UIToggle/UIToggle.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIToggle=a.UIToggleSize=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=l(r("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r("./src/helper/ValidationMessage/index.tsx"),p=r("./src/components/UIIcon/index.tsx"),f=r("./src/components/Icons.tsx");var d;(function(i){i.Standard="Standard",i.Small="Small"})(d||(a.UIToggleSize=d={}));const v={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},k={display:"flex"},u=.4,c={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 x extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,b){var g,m;this.replaceThumbWithIcon(b),(m=(g=this.props).onChange)==null||m.call(g,h,b)}replaceThumbWithIcon(h=!1){var b;if(this.toggleRootRef.current){const g=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");g&&t.default.render(e.default.createElement(p.UIIcon,{iconName:h?f.UiIcons.SwitchOn:f.UiIcons.SwitchOff,style:k}),g)}}getMarginBottom(h){const{inlineLabel:b}=this.props;if(h)return b?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:b,inlineLabel:g}=this.props,m=v,y=(0,o.getMessageInfo)(this.props),C=T=>({root:I(_({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(y.message)}),label:I(_(_({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},g&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?u:"inherit"}),pill:I(_({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor},":hover":{background:c.pill.checked.hover.background,borderColor:c.pill.checked.hover.borderColor},":disabled":{background:c.pill.checked.background,borderColor:c.pill.checked.borderColor,opacity:u}},!T.checked&&{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:c.thumb.unchecked.hover.background,borderColor:c.thumb.unchecked.hover.borderColor},":hover":{background:c.pill.unchecked.hover.background,borderColor:c.pill.unchecked.hover.borderColor},":disabled":{background:c.pill.unchecked.background,borderColor:c.pill.unchecked.borderColor,opacity:u}}),{selectors:{":focus::after":{border:"none !important",outline:c.pill.focus.outline}}}),thumb:I(_({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:c.thumb.checked.borderColor,backgroundColor:c.thumb.checked.background,":hover":{background:c.thumb.checked.hover.background,borderColor:c.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:c.thumb.unchecked.borderColor,backgroundColor:c.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:T.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),S=e.default.createElement(n.Toggle,I(_({},this.props),{styles:C,ref:this.toggleRootRef,onChange:this.handleChange}));return y.message?e.default.createElement(o.MessageWrapper,{message:y},S):S}}a.UIToggle=x},"./src/components/UIToggle/index.tsx":function(s,a,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(t,n,o,p){p===void 0&&(p=o);var f=Object.getOwnPropertyDescriptor(n,o);(!f||("get"in f?!n.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,p,f)}:function(t,n,o,p){p===void 0&&(p=o),t[p]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&l(n,t,o)};Object.defineProperty(a,"__esModule",{value:!0}),e(r("./src/components/UIToggle/UIToggle.tsx"),a)},"./stories/UIContextualMenu.story.tsx":function(s,a,r){"use strict";var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(a,"__esModule",{value:!0}),a.ContextualMenu=void 0;const e=l(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=r("./src/components/UIContextualMenu/index.tsx"),o=r("./src/components/UIButton/index.tsx"),p=r("./src/components/UITreeDropdown/index.tsx"),f=r("./src/components/Icons.tsx"),d=r("./src/components/UIDropdown/index.tsx"),v=r("./src/components/UIToggle/index.tsx");a.default={title:"Dropdowns/ContextualMenu"};const k={childrenGap:40};function u(i=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:I(_({},i&&{directionalHint:p.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const c=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(i=>({key:i.toString(),text:i.toString()})),x=()=>{const i=e.default.useRef(null),[h,b]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[g,m]=e.default.useState(!0),[y,C]=e.default.useState(!1),S=e.default.useCallback(()=>{C(!0)},[]),T=e.default.useCallback(()=>C(!1),[]);return e.default.createElement(t.Stack,{tokens:k},e.default.createElement(d.UIDropdown,{label:"Layout",options:c,selectedKey:h.toString(),onChange:(E,U)=>{U&&b(n.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(v.UIToggle,{checked:g,label:"showSubmenuBeneath",onChange:(E,U)=>{m(!!U)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:i,onClick:S},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!y,target:i,items:u(),onDismiss:T,layoutType:h,showSubmenuBeneath:g})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(o.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:u(),layoutType:h,showSubmenuBeneath:g}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:k,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(o.UIIconButton,{iconProps:{iconName:f.UiIcons.ArrowLeft},menuProps:{items:u(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:h,showSubmenuBeneath:g}})))))};a.ContextualMenu=x},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=l,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var a=[],r=0;r<256;++r)a[r]=(r+256).toString(16).substr(1);function l(e,t){var n=t||0,o=a;return[o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],"-",o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]],o[e[n++]]].join("")}s.exports=l},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var r=new Uint8Array(16);s.exports=function(){return a(r),r}}else{var l=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),l[t]=n>>>((t&3)<<3)&255;return l}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,o=0,p=0;function f(d,v,k){var u=v&&k||0,c=v||[];d=d||{};var x=d.node||t,i=d.clockseq!==void 0?d.clockseq:n;if(x==null||i==null){var h=l();x==null&&(x=t=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),i==null&&(i=n=(h[6]<<8|h[7])&16383)}var b=d.msecs!==void 0?d.msecs:new Date().getTime(),g=d.nsecs!==void 0?d.nsecs:p+1,m=b-o+(g-p)/1e4;if(m<0&&d.clockseq===void 0&&(i=i+1&16383),(m<0||b>o)&&d.nsecs===void 0&&(g=0),g>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");o=b,p=g,n=i,b+=122192928e5;var y=((b&268435455)*1e4+g)%4294967296;c[u++]=y>>>24&255,c[u++]=y>>>16&255,c[u++]=y>>>8&255,c[u++]=y&255;var C=b/4294967296*1e4&268435455;c[u++]=C>>>8&255,c[u++]=C&255,c[u++]=C>>>24&15|16,c[u++]=C>>>16&255,c[u++]=i>>>8|128,c[u++]=i&255;for(var S=0;S<6;++S)c[u+S]=x[S];return v||e(c)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,a,r)=>{var l=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,o,p){var f=o&&p||0;typeof n=="string"&&(o=n==="binary"?new Array(16):null,n=null),n=n||{};var d=n.random||(n.rng||l)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,o)for(var v=0;v<16;++v)o[f+v]=d[v];return o||e(d)}s.exports=t}}]);})();