@sap-ux/ui-components 1.17.0 → 1.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/storybook/190.5e34091d.iframe.bundle.js +1 -0
- package/storybook/237.bb6df98f.iframe.bundle.js +1 -0
- package/storybook/282.f944c8cc.iframe.bundle.js +1 -0
- package/storybook/312.a83b5ae0.iframe.bundle.js +1 -0
- package/storybook/{412.46faa1ef.iframe.bundle.js → 412.d3210aac.iframe.bundle.js} +2 -2
- package/storybook/423.4134aba7.iframe.bundle.js +1 -0
- package/storybook/{509.4f0416ac.iframe.bundle.js → 509.dc8ec3b6.iframe.bundle.js} +29 -24
- package/storybook/{273.758fd55a.iframe.bundle.js → 582.f9be877b.iframe.bundle.js} +1 -1
- package/storybook/71.6d2cfc63.iframe.bundle.js +1 -0
- package/storybook/722.e444dbcf.iframe.bundle.js +1 -0
- package/storybook/803.b2a70f68.iframe.bundle.js +1 -0
- package/storybook/816.34d52956.iframe.bundle.js +29 -0
- package/storybook/822.1ed6a18d.iframe.bundle.js +7 -0
- package/storybook/825.c957cb53.iframe.bundle.js +1 -0
- package/storybook/UIActionCallout-story.81a62ffb.iframe.bundle.js +2 -0
- package/storybook/UIButton-story.b92dd831.iframe.bundle.js +2 -0
- package/storybook/UICallout-story.6498d07b.iframe.bundle.js +2 -0
- package/storybook/{UICalloutCollisionTransform-story.c5584c56.iframe.bundle.js → UICalloutCollisionTransform-story.741a4d8c.iframe.bundle.js} +1 -1
- package/storybook/UICheckbox-story.694825ef.iframe.bundle.js +2 -0
- package/storybook/UIChoiceGroup-story.cb945b22.iframe.bundle.js +1 -0
- package/storybook/UICombobox-story.5b7d9ef6.iframe.bundle.js +1 -0
- package/storybook/UIContextualMenu-story.54698e37.iframe.bundle.js +2 -0
- package/storybook/UICreateSelect-story.624abe8c.iframe.bundle.js +2 -0
- package/storybook/UIDatePicker-story.6e599844.iframe.bundle.js +2 -0
- package/storybook/UIDialog-story.e7e25bde.iframe.bundle.js +2 -0
- package/storybook/UIDropdown-story.0082feff.iframe.bundle.js +1 -0
- package/storybook/UIFlexibleTable-story.faa649e8.iframe.bundle.js +74 -0
- package/storybook/UIIcon-story.726955aa.iframe.bundle.js +2 -0
- package/storybook/UILabel-story.e4308889.iframe.bundle.js +1 -0
- package/storybook/UILink-story.aa9d8603.iframe.bundle.js +1 -0
- package/storybook/UILoader-story.6fd13b4d.iframe.bundle.js +6 -0
- package/storybook/UIMessageBar-story.979ecd75.iframe.bundle.js +1 -0
- package/storybook/UIPersona-story.64e359c0.iframe.bundle.js +1 -0
- package/storybook/UIQuickNavigation-story.b13443bd.iframe.bundle.js +1 -0
- package/storybook/UISearchBox-story.204c5642.iframe.bundle.js +1 -0
- package/storybook/UISections-story.db1b1f4f.iframe.bundle.js +17 -0
- package/storybook/UISeparator-story.f9a9d365.iframe.bundle.js +1 -0
- package/storybook/UITable-story.6aac2419.iframe.bundle.js +4 -0
- package/storybook/UITextInput-story.1efe9488.iframe.bundle.js +2 -0
- package/storybook/UIToggle-story.db115b0b.iframe.bundle.js +2 -0
- package/storybook/UIToggleGroup-story.6d72f521.iframe.bundle.js +2 -0
- package/storybook/UITooltip-story.7b83ad96.iframe.bundle.js +1 -0
- package/storybook/UITranslationInput-story.d78a0bfb.iframe.bundle.js +1 -0
- package/storybook/UITreedropdown-story.888b9700.iframe.bundle.js +2 -0
- package/storybook/iframe.html +145 -17
- package/storybook/index.html +43 -7
- package/storybook/index.json +1 -1
- package/storybook/main.b9a31a42.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.729d95e1.iframe.bundle.js +2 -0
- package/storybook/sb-addons/common-manager-bundle.js +3 -0
- package/storybook/sb-addons/common-manager-bundle.js.LEGAL.txt +0 -0
- package/storybook/sb-manager/WithTooltip-KJL26V4Q-5LS5AN27.js +1 -0
- package/storybook/sb-manager/chunk-2IOEGHGR.js +274 -0
- package/storybook/sb-manager/chunk-B3YDJJJH.js +347 -0
- package/storybook/sb-manager/chunk-BLWCBWKL.js +9 -0
- package/storybook/sb-manager/chunk-GUVK2GTO.js +6 -0
- package/storybook/sb-manager/chunk-VQTIH3SE.js +186 -0
- package/storybook/sb-manager/chunk-ZR5JZWHI.js +1 -0
- package/storybook/sb-manager/formatter-2WMMO6ZP-JI7RHVTW.js +58 -0
- package/storybook/sb-manager/globals-module-info.js +1 -1
- package/storybook/sb-manager/globals-runtime.js +1 -0
- package/storybook/sb-manager/globals.js +1 -1
- package/storybook/sb-manager/index.js +1 -1
- package/storybook/sb-manager/runtime.js +1 -1
- package/storybook/sb-manager/syntaxhighlighter-BP7B2CQK-WOJYHKQR.js +1 -0
- package/storybook/sb-preview/globals.js +1 -1
- package/storybook/sb-preview/runtime.js +109 -65
- package/storybook/vscode-dark.css +666 -0
- package/storybook/vscode-hcb.css +591 -0
- package/storybook/vscode-light.css +671 -0
- package/storybook/17.574e0f3a.iframe.bundle.js +0 -1
- package/storybook/261.d2f383b8.iframe.bundle.js +0 -1
- package/storybook/364.0ccc28ad.iframe.bundle.js +0 -7
- package/storybook/498.b66847ca.iframe.bundle.js +0 -1
- package/storybook/550.b4a6dc6e.iframe.bundle.js +0 -1
- package/storybook/703.0ef9fb08.iframe.bundle.js +0 -1
- package/storybook/808.7a5e7a99.iframe.bundle.js +0 -155
- package/storybook/859.c80a8b81.iframe.bundle.js +0 -1
- package/storybook/967.11c75800.iframe.bundle.js +0 -1
- package/storybook/980.4fe7947d.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.8a2f498c.iframe.bundle.js +0 -2
- package/storybook/UIButton-story.077abd68.iframe.bundle.js +0 -2
- package/storybook/UICallout-story.d069408b.iframe.bundle.js +0 -2
- package/storybook/UICheckbox-story.a119f4b9.iframe.bundle.js +0 -2
- package/storybook/UIChoiceGroup-story.fac8cbba.iframe.bundle.js +0 -1
- package/storybook/UICombobox-story.9f9ffbd7.iframe.bundle.js +0 -1
- package/storybook/UIContextualMenu-story.5fcf5883.iframe.bundle.js +0 -2
- package/storybook/UICreateSelect-story.0da3292e.iframe.bundle.js +0 -2
- package/storybook/UIDatePicker-story.487eafff.iframe.bundle.js +0 -2
- package/storybook/UIDialog-story.b683a5e8.iframe.bundle.js +0 -2
- package/storybook/UIDropdown-story.f2bdb24e.iframe.bundle.js +0 -1
- package/storybook/UIFlexibleTable-story.c0fc8cd9.iframe.bundle.js +0 -74
- package/storybook/UIIcon-story.5f5e2a12.iframe.bundle.js +0 -2
- package/storybook/UILabel-story.4f1c4004.iframe.bundle.js +0 -1
- package/storybook/UILink-story.5435d741.iframe.bundle.js +0 -1
- package/storybook/UILoader-story.0bf17a53.iframe.bundle.js +0 -6
- package/storybook/UIMessageBar-story.d4c86d49.iframe.bundle.js +0 -1
- package/storybook/UIPersona-story.4fb77e30.iframe.bundle.js +0 -1
- package/storybook/UIQuickNavigation-story.14c63c2c.iframe.bundle.js +0 -1
- package/storybook/UISearchBox-story.058ca165.iframe.bundle.js +0 -1
- package/storybook/UISections-story.c18e255d.iframe.bundle.js +0 -17
- package/storybook/UISeparator-story.4dba2f23.iframe.bundle.js +0 -1
- package/storybook/UITable-story.cf757414.iframe.bundle.js +0 -4
- package/storybook/UITextInput-story.2e884766.iframe.bundle.js +0 -2
- package/storybook/UIToggle-story.d4b6d82b.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.5bb9512f.iframe.bundle.js +0 -2
- package/storybook/UITooltip-story.59fdd410.iframe.bundle.js +0 -1
- package/storybook/UITranslationInput-story.b08fc36e.iframe.bundle.js +0 -1
- package/storybook/UITreedropdown-story.bb950626.iframe.bundle.js +0 -2
- package/storybook/main.1a79cf7c.iframe.bundle.js +0 -1
- package/storybook/runtime~main.85dc48a8.iframe.bundle.js +0 -2
- package/storybook/sb-manager/WithTooltip-V3YHNWJZ-TRLNWEGW.js +0 -1
- package/storybook/sb-manager/chunk-4IYAVH3S.js +0 -348
- package/storybook/sb-manager/chunk-CXYKRFSY.js +0 -9
- package/storybook/sb-manager/chunk-KZYAAUOR.js +0 -406
- package/storybook/sb-manager/chunk-LVLAH4SI.js +0 -7
- package/storybook/sb-manager/chunk-ZEU7PDD3.js +0 -1
- package/storybook/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +0 -156
- package/storybook/sb-manager/syntaxhighlighter-B5GMVT5T-EA5ASEYD.js +0 -1
- package/storybook/stories.json +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[859],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,".ui-toggle-group{margin-top:0}.ui-toggle-group-label{margin-top:0}.ui-toggle-group-container{display:flex;flex-direction:row;flex-wrap:wrap}",""]),I.exports=d},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{var b=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),d=g(b);d.push([I.id,'.ui-toggle-group-option{height:22px;min-width:22px;border-radius:2px;font-style:normal;font-weight:700;font-size:13px;line-height:18px;display:flex;align-items:center;text-align:center;justify-content:center;color:var(--vscode-foreground);border:none;background-color:rgba(0,0,0,0);position:relative}.ui-toggle-group-option:not(:last-child){margin:0 3px 0 0}.ui-toggle-group-option:hover{cursor:pointer;background-color:var(--vscode-menubar-selectionBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option:focus{border-radius:0;outline:rgba(0,0,0,0)}.ui-toggle-group-option--focused:focus-visible::after{content:"";position:absolute;border:none;z-index:1;outline:1px solid var(--vscode-contrastActiveBorder, var(--vscode-button-background));inset:-1px}.ui-toggle-group-option--selected{background-color:var(--vscode-button-background);color:var(--vscode-button-foreground);outline:1px solid var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected:hover{background-color:var(--vscode-button-hoverBackground);outline:1px dashed var(--vscode-contrastActiveBorder)}.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>path,.ui-toggle-group-option--selected .ui-toggle-group-option-content-icon svg>rect{fill:var(--vscode-button-foreground)}.ui-toggle-group-option--disabled{opacity:.5;background-color:rgba(0,0,0,0)}.ui-toggle-group-option--disabled:hover{background-color:rgba(0,0,0,0);cursor:initial}.ui-toggle-group-option-content-icon{display:flex}',""]),I.exports=d},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusTrapZone,i({},this.props),this.props.children)}}s.UIFocusTrapZone=E},"./src/components/UIFocusZone/UIFocusZone.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,_=(a,p,n)=>p in a?b(a,p,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[p]=n,i=(a,p)=>{for(var n in p||(p={}))d.call(p,n)&&_(a,n,p[n]);if(g)for(var n of g(p))l.call(p,n)&&_(a,n,p[n]);return a},c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const f=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return y.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return y.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return y.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return y.FocusZoneTabbableElements}});class E extends f.default.Component{constructor(p){super(p)}render(){return f.default.createElement(y.FocusZone,i({},this.props),this.props.children)}}s.UIFocusZone=E},"./src/components/UIFocusZone/index.tsx":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),g(e("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./src/components/UIToggleGroup/UIToggleGroup.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(o,t,r)=>t in o?b(o,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[t]=r,f=(o,t)=>{for(var r in t||(t={}))_.call(t,r)&&c(o,r,t[r]);if(l)for(var r of l(t))i.call(t,r)&&c(o,r,t[r]);return o},y=(o,t)=>g(o,d(t)),E=this&&this.__createBinding||(Object.create?function(o,t,r,v){v===void 0&&(v=r);var P=Object.getOwnPropertyDescriptor(t,r);(!P||("get"in P?!t.__esModule:P.writable||P.configurable))&&(P={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(o,v,P)}:function(o,t,r,v){v===void 0&&(v=r),o[v]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}:function(o,t){o.default=t}),p=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var t={};if(o!=null)for(var r in o)r!=="default"&&Object.prototype.hasOwnProperty.call(o,r)&&E(t,o,r);return a(t,o),t};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroup=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),j=e("./src/components/UILabel/index.tsx"),O=e("./src/components/UIFocusZone/index.tsx"),m=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class u extends n.Component{constructor(t){super(t),this.labelId=this.props.labelId?this.props.labelId:(0,m.getUIId)("ui-toggle-group-option-"),this.onClick=(r,v)=>{let P=!1;v!=null&&v.itemKey&&this.setState(T=>{var D,M;const B={options:T.options.map((U,A,S)=>U.key===v.itemKey?(P=!S[A].selected,y(f({},U),{selected:P,focused:S[A].focused})):y(f({},U),{selected:!1,focused:!1}))};return this.props.onChange&&((M=(D=this.props).onChange)==null||M.call(D,v.itemKey,P)),B})},this.onFocus=(r,v)=>{v!=null&&v.itemKey&&this.setState(P=>({options:P.options.map(T=>T.key===v.itemKey?y(f({},T),{focused:!0}):y(f({},T),{focused:!1}))}))},this.onBlur=(r,v)=>{this.setState(P=>({options:P.options.map(T=>y(f({},T),{focused:!1}))}))},this.state={options:this.props.options.map(r=>r.key===this.props.selectedKey?y(f({},r),{selected:!0}):f({},r))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",f({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(j.UILabel,y(f({id:this.labelId},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),{className:"ui-toggle-group-label",required:this.props.required,disabled:this.props.disabled}),this.props.label),n.createElement(O.UIFocusZone,{as:"div",direction:O.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(t=>n.createElement(h.UIToggleGroupOption,y(f({itemKey:t.key},t),{key:t.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:t.selected,disabled:t.disabled||this.props.disabled})))))}}s.UIToggleGroup=u},"./src/components/UIToggleGroup/UIToggleGroup.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":function(I,s,e){"use strict";var b=Object.defineProperty,g=Object.defineProperties,d=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,c=(m,u,o)=>u in m?b(m,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[u]=o,f=(m,u)=>{for(var o in u||(u={}))_.call(u,o)&&c(m,o,u[o]);if(l)for(var o of l(u))i.call(u,o)&&c(m,o,u[o]);return m},y=(m,u)=>g(m,d(u)),E=this&&this.__createBinding||(Object.create?function(m,u,o,t){t===void 0&&(t=o);var r=Object.getOwnPropertyDescriptor(u,o);(!r||("get"in r?!u.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return u[o]}}),Object.defineProperty(m,t,r)}:function(m,u,o,t){t===void 0&&(t=o),m[t]=u[o]}),a=this&&this.__setModuleDefault||(Object.create?function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}:function(m,u){m.default=u}),p=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var u={};if(m!=null)for(var o in m)o!=="default"&&Object.prototype.hasOwnProperty.call(m,o)&&E(u,m,o);return a(u,m),u};Object.defineProperty(s,"__esModule",{value:!0}),s.UIToggleGroupOption=void 0;const n=p(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=e("./src/components/UIIcon/index.tsx"),j=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class O extends n.Component{constructor(u){super(u),this.onClick=o=>{var t,r;(r=(t=this.props).onClick)==null||r.call(t,o,this.props)},this.onBlur=o=>{var t,r;(r=(t=this.props).onBlur)==null||r.call(t,o,this.props)},this.onFocus=o=>{var t,r;(r=(t=this.props).onFocus)==null||r.call(t,o,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const u=this.props.labelId?this.props.labelId:(0,j.getUIId)("ui-toggle-group-option-");return n.createElement("button",y(f(y(f({role:"button"},this.props.title&&{title:this.props.title}),{"data-is-focusable":"true",className:["ui-toggle-group-option",this.props.focused?"ui-toggle-group-option--focused":"",this.props.selected?"ui-toggle-group-option--selected":"",this.props.disabled?"ui-toggle-group-option--disabled":""].filter(o=>!!o).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":u}),{disabled:this.props.disabled||!1,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),n.createElement("span",{className:"ui-toggle-group-option-content",tabIndex:-1},this.props.text&&n.createElement("span",f({id:u,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(h.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}s.UIToggleGroupOption=O},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":(I,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0})},"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),s)},"./src/components/UIToggleGroup/index.ts":function(I,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(d,l,_,i){i===void 0&&(i=_);var c=Object.getOwnPropertyDescriptor(l,_);(!c||("get"in c?!l.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return l[_]}}),Object.defineProperty(d,i,c)}:function(d,l,_,i){i===void 0&&(i=_),d[i]=l[_]}),g=this&&this.__exportStar||function(d,l){for(var _ in d)_!=="default"&&!Object.prototype.hasOwnProperty.call(l,_)&&b(l,d,_)};Object.defineProperty(s,"__esModule",{value:!0}),g(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),s),g(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),s)},"./src/components/UIToggleGroup/UIToggleGroup.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0},"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":(I,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>u});var b=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),g=e.n(b),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=e.n(d),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=e.n(_),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),y=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=e.n(y),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(a),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),h=e.n(n),j={};for(const o in n)o!=="default"&&(j[o]=()=>n[o]);e.d(s,j);var O={};O.styleTagTransform=p(),O.setAttributes=f(),O.insert=i().bind(null,"head"),O.domAPI=l(),O.insertStyleElement=E();var m=g()(h(),O);const u=h()&&h().locals?h().locals:void 0}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss":(R,d,n)=>{var w=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),b=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),c=b(w);c.push([R.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),R.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.tsx":function(R,d,n){"use strict";var w=Object.defineProperty,b=Object.defineProperties,c=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,f=(a,i,u)=>i in a?w(a,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):a[i]=u,P=(a,i)=>{for(var u in i||(i={}))_.call(i,u)&&f(a,u,i[u]);if(h)for(var u of h(i))m.call(i,u)&&f(a,u,i[u]);return a},U=(a,i)=>b(a,c(i)),j=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(d,"__esModule",{value:!0}),d.UITreeDropdown=d.EdgePosition=d.UIDirectionalHint=void 0;const p=j(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),A=j(n("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js")),D=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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(d,"UIDirectionalHint",{enumerable:!0,get:function(){return D.DirectionalHint}});const M=n("./src/components/UIInput/index.tsx"),x=n("./src/components/UIContextualMenu/index.tsx"),v=n("./src/components/UIButton/UIIconButton.tsx"),W=n("./src/components/Icons.tsx"),K=n("./src/helper/ValidationMessage/index.tsx");n("./src/components/UITreeDropdown/UITreeDropdown.scss");const g={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var C;(function(a){a.First="First",a.Last="Last"})(C||(d.EdgePosition=C={}));const S={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class B extends p.default.Component{constructor(i){var u,y;super(i),this.UITreeDropdownRef=p.default.createRef(),this.UITreeDropdownFocusZoneRef=p.default.createRef(),this.inputRef=p.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const t=this.mapValuesToContextMenu(e);this.setState({originalItems:t,items:t})}},this.buildSubItems=e=>{var t;return(t=e.children)!=null&&t.length&&(e.children=e.children.map(s=>{const o=new RegExp(e.value,"ig"),l=s.value.search(o)===-1?`${e.value}${this.state.valueSeparator}${s.value}`:s.value;return U(P({},s),{split:!1,value:l})})),e},this.mapValuesToContextMenu=(e,t=0)=>e.map(s=>{var o;if((o=s.children)!=null&&o.length){s.split=!0;const l=this.getRefId(s.value,t);this.submenuRefs[l]||(this.submenuRefs[l]=p.default.createRef()),s.subMenuProps={componentRef:this.submenuRefs[l],items:this.mapValuesToContextMenu(s.children,t+1),focusZoneProps:{handleTabKey:D.FocusZoneTabbableElements.none,onFocus:()=>{var r,I,E,O;const T=(r=this.defaultSubmenuFocus)==null?void 0:r.parent;T&&T.item.value===s.value&&T.level===t&&this.focusItemWithValue(this.state.value,(O=(E=(I=this.defaultSubmenuFocus)==null?void 0:I.parent)==null?void 0:E.item.subMenuProps)==null?void 0:O.items)}}}}return U(P({},s),{key:s.value,text:s.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(s.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.setState({hasSelected:!0,value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,t)=>{var s;this.UITreeDropdownFocusZoneRef&&(t===S.Enter?this.focusItemWithValue(this.state.value,this.state.items):(s=this.UITreeDropdownFocusZoneRef.current)==null||s.focus(!0),e.preventDefault())},this.handleRenderContent=(e,t)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),t?t.renderItemName(e):null),this.handleRenderMenuList=(e,t)=>{let s=[];return e!=null&&e.items&&(s=e.items.map(o=>{var l;return o.className=o.value===this.props.value?"is-selected":"",o.text=this.highlightQuery(o.label,this.state.query),this.applySubmenuPosition(o),(l=o.subMenuProps)==null||l.items.map(r=>(r.className=r.value===this.props.value?"is-selected":"",r)),P({},o)})),t?t(U(P({},e),{items:s})):null},this.toggleMenu=(e,t)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const s=t==null?void 0:t.key;t&&setTimeout(()=>{t.persist(),this.focusDropdown(t,s)},0)},this.highlightQuery=(e,t)=>p.default.createElement(x.UIHighlightMenuOption,{text:e,query:t}),this.filterElement=(e,t)=>{var s;const o=new RegExp(e,"ig");return(s=t==null?void 0:t.children)!=null&&s.length?t.children.filter(l=>this.filterElement(e,l)).length>0:t!=null&&t.value?t.value.search(o)!==-1:!1},this.handleOnChangeValue=e=>{const t=e.target;this.setState(s=>({hasSelected:!1,value:t.value,items:s.originalItems.filter(o=>this.filterElement(t.value,o)),query:t.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===S.Escape?this.resetValue():this.state.hasSelected||this.props.onParameterValueChange(""),this.setState(t=>({items:t.originalItems,query:""})),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var t;(t=e.subMenuProps)!=null&&t.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const t=`${g.callout}${this.state.uiidInput}`,s=document.querySelector(`.${t}`);return e&&s?s.nextSibling:s},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const t=e.querySelector(`.${g.scrollArea}`);this.submenuOffset=0,t&&t.scrollHeight>t.clientHeight&&(this.submenuOffset=t.offsetWidth-t.clientWidth)}},this.onFocusElementChanged=e=>{const t=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&t.length>0&&this.setState({value:e.value?e.value:t[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var t;this.lastKeyDown=e.key;const s=document.activeElement;if([S.ArrowDown,S.ArrowUp].includes(e.key)&&s){const o=this.getEdgePosition(s),l=o.includes(C.First)&&e.key===S.ArrowUp,r=o.includes(C.Last)&&e.key===S.ArrowDown;(l||r)&&(l&&s.closest(`.${g.callout}${this.state.uiidInput}`)&&((t=this.inputRef.current)==null||t.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const t=e.closest("ul"),s=e.closest("li"),o=[];return t&&s&&(t.children[0]===s&&o.push(C.First),t.children[t.children.length-1]===s&&o.push(C.Last)),o},this.findItemByValue=(e,t=[],s,o=0)=>{var l,r;let I;for(let E=0;E<t.length;E++){const O=t[E],T={item:O,index:E,parent:s,level:o};if(O.value===e?I=T:(r=(l=O.subMenuProps)==null?void 0:l.items)!=null&&r.length&&(I=this.findItemByValue(e,O.subMenuProps.items,T,o+1)),I)break}return I},this.getItemTarget=(e,t)=>{let s;const o=e.querySelector(".ms-ContextualMenu-list");return o!=null&&o.childNodes[t.index]&&(s=o.childNodes[t.index].firstChild),s},this.focusItemWithValue=(e,t=[])=>{const s=this.findItemByValue(e,t),o=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,s&&o){let l;if(s.parent){const r=this.getItemTarget(o,s.parent);r&&(this.defaultSubmenuFocus=s,r.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else l=this.getItemTarget(o,s);if(l)l.focus();else{const r=o.querySelector(`.${g.scrollArea}`);r==null||r.focus()}}},this.getRefId=(e,t)=>`${e}__${t}`,this.state={query:"",hasSelected:!!this.props.value,value:(u=this.props.value)!=null?u:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(y=this.props.valueSeparator)!=null?y:".",uiidInput:A.default.v4(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,D.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let i=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(i+=" disabled"),this.props.readOnly&&(i+=" readonly"),i}render(){const i=(0,K.getMessageInfo)(this.props);let u=!0;return this.props.useTargetWidth&&(u=!1),p.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&p.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),p.default.createElement("div",{className:this.getClassNames()},p.default.createElement(M.UITextInput,{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:y=>{y.target.select()},errorMessage:i.message}),p.default.createElement(v.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:W.UiIcons.ArrowDown},onClick:()=>{var y;this.state.isHidden&&((y=this.inputRef.current)==null||y.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&p.default.createElement(x.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:u,useTargetAsMinWidth:!0,onRestoreFocus:y=>{var e;(e=y.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:D.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${g.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}d.UITreeDropdown=B},"./src/components/UITreeDropdown/index.tsx":function(R,d,n){"use strict";var w=this&&this.__createBinding||(Object.create?function(c,h,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(h,_);(!f||("get"in f?!h.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return h[_]}}),Object.defineProperty(c,m,f)}:function(c,h,_,m){m===void 0&&(m=_),c[m]=h[_]}),b=this&&this.__exportStar||function(c,h){for(var _ in c)_!=="default"&&!Object.prototype.hasOwnProperty.call(h,_)&&w(h,c,_)};Object.defineProperty(d,"__esModule",{value:!0}),b(n("./src/components/UITreeDropdown/UITreeDropdown.tsx"),d)},"./src/components/UITreeDropdown/UITreeDropdown.scss":(R,d,n)=>{"use strict";n.r(d),n.d(d,{default:()=>K});var w=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),b=n.n(w),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),h=n.n(c),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),m=n.n(_),f=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),P=n.n(f),U=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),j=n.n(U),p=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),A=n.n(p),D=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),M=n.n(D),x={};for(const g in D)g!=="default"&&(x[g]=()=>D[g]);n.d(d,x);var v={};v.styleTagTransform=A(),v.setAttributes=P(),v.insert=m().bind(null,"head"),v.domAPI=h(),v.insertStyleElement=j();var W=b()(M(),v);const K=M()&&M().locals?M().locals:void 0}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[980],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss":(I,n,o)=>{var g=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=C(g);a.push([I.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.ts-Callout button{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}",""]),I.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss":(I,n,o)=>{var g=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=C(g);a.push([I.id,".ts-ComboBox .ms-ComboBox{background:var(--vscode-input-background);height:26px;padding:0px 26px 0 8px;border-radius:2px}.ts-ComboBox .ms-ComboBox>.ms-Button--icon{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i{height:100%;fill:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox>.ms-Button--icon i svg{height:100%;width:16px}.ts-ComboBox .ms-ComboBox input{background:rgba(0,0,0,0);font-family:var(--vscode-font-family) !important;font-size:13px;min-height:unset;padding:1px 0 1px 1px;outline:0}.ts-ComboBox .ms-ComboBox input,.ts-ComboBox .ms-ComboBox:hover input{color:var(--vscode-foreground)}.ts-ComboBox .ms-ComboBox input::placeholder,.ts-ComboBox .ms-ComboBox:hover input::placeholder{color:var(--vscode-input-placeholderForeground)}.ts-ComboBox .ms-ComboBox:after{border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-ComboBox .ms-ComboBox:hover:after,.ts-ComboBox .ms-ComboBox:focus-within:after,.ts-ComboBox .ms-ComboBox.is-open:after{border-color:var(--vscode-focusBorder)}.ts-ComboBox--readonly .ms-ComboBox.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-ComboBox--readonly .ms-ComboBox.is-disabled:after{border-style:dashed}.ts-ComboBox--readonly.ts-ComboBox--empty .ms-ComboBox:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-ComboBox--disabled .ms-ComboBox.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-ComboBox--readonly .ms-ComboBox:focus-within:after,.ts-ComboBox--disabled .ms-ComboBox:focus-within:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-ComboBox--error .ms-ComboBox:after,.ts-ComboBox--error .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-ComboBox--warning .ms-ComboBox:after,.ts-ComboBox--warning .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-ComboBox--info .ms-ComboBox:after,.ts-ComboBox--info .ms-ComboBox:focus-within:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-Callout-Dropdown{border:1px solid var(--vscode-focusBorder);box-sizing:border-box;border-radius:2px;overflow:hidden}.ts-Callout-Dropdown .ms-Callout-main{background:var(--vscode-menu-background, var(--vscode-input-background));border:none;border-radius:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item{font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight);min-height:22px;height:22px;line-height:22px;color:var(--vscode-editorSuggestWidget-foreground);background-color:rgba(0,0,0,0);letter-spacing:normal;border:0;padding:0px 8px;font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active{background-color:var(--vscode-list-hoverBackground);color:var(--vscode-editorSuggestWidget-foreground)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:active:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:focus:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:active:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option:hover,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item:hover{outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option{font-size:13px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-ComboBox-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ts-Menu-option,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{height:22px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-item .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-option .ms-Dropdown-optionText,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-item .ms-Dropdown-optionText{margin:0}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Button--command:after,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Button--command:after{display:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option.ms-Button--command{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ts-ComboBox--selected .ms-ComboBox-option:after,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-Button--command,.ts-Callout-Dropdown .ms-Dropdown-items .ts-ComboBox--selected .ms-ComboBox-option:after{border:none;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-header{min-height:22px;height:22px;line-height:22px;padding:0px 8px;color:var(--vscode-editorSuggestWidget-foreground);font-size:11px;font-weight:bold;text-transform:uppercase}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div .ms-Dropdown-header{border-top:1px solid var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer>div:first-child .ms-Dropdown-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-ComboBox-header,.ts-Callout-Dropdown .ms-Dropdown-items>div:first-child .ms-Dropdown-header{border-top:none}.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-ComboBox-optionsContainer .ms-Dropdown-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-ComboBox-divider,.ts-Callout-Dropdown .ms-Dropdown-items .ms-Dropdown-divider{background-color:var(--vscode-editorWidget-border)}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command{display:block}.ts-Callout-Dropdown .ms-Dropdown-items>.ms-Button--command:focus{background:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)));outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkbox{background:var(--vscode-editor-lineHighlightBorder);border-color:var(--vscode-editorWidget-border);height:16px;width:16px;margin-right:8px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item .ms-Checkbox-checkmark{color:var(--vscode-checkbox-border)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked{background-color:var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground));color:var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked .ms-Checkbox-checkmark,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked .ms-Checkbox-checkmark{color:var(--vscode-input-foreground)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option.is-checked:hover,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item.is-checked:hover{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option:hover .ms-Checkbox-checkbox,.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item:hover .ms-Checkbox-checkbox{border-color:var(--vscode-focusBorder)}.ts-Callout-Dropdown .ms-Checkbox.ms-ComboBox-option input{display:none}.ts-Callout-Dropdown .ms-Checkbox .ms-Checkbox-label{font-size:13px;padding:0}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label .ms-Dropdown-optionText{z-index:1}.ts-Callout-Dropdown .ms-Checkbox.ms-Dropdown-item input:focus+label:before{outline:none;z-index:0;left:-8px;right:-8px;outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.option-loading{display:flex;padding-left:8px;width:262px;height:26px}.option-loading .uiLoaderXSmall .ms-Spinner-label{font-size:12px;font-weight:normal}",""]),I.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(I,n,o)=>{var g=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),a=C(g);a.push([I.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),I.exports=a},"./src/components/UICheckbox/UICheckbox.tsx":function(I,n,o){"use strict";var g=Object.defineProperty,C=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,m=(d,s,u)=>s in d?g(d,s,{enumerable:!0,configurable:!0,writable:!0,value:u}):d[s]=u,h=(d,s)=>{for(var u in s||(s={}))r.call(s,u)&&m(d,u,s[u]);if(l)for(var u of l(s))i.call(s,u)&&m(d,u,s[u]);return d},B=(d,s)=>C(d,a(s)),w=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const b=w(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),D=o("./src/helper/ValidationMessage/index.tsx");class p extends b.default.Component{constructor(s){super(s),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(u,c)=>({root:[!c.disabled&&[!c.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[x.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,[x.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[x.HighContrastSelector]:{color:c.disabled?"GrayText":"WindowText"}}}],c.checked&&!c.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:c.disabled?"":"var(--vscode-checkbox-background)",borderColor:c.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[x.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"}}},u.message&&{marginBottom:2}],input:{[`.${x.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[x.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:c.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:c.disabled?.4:void 0}})}render(){const s=(0,D.getMessageInfo)(this.props),u=b.default.createElement(x.Checkbox,B(h({},this.props),{styles:c=>h(h({},this.setStyle(s,c)),this.props.styles)}));return s.message?b.default.createElement(D.MessageWrapper,{message:s},u):u}}n.UICheckbox=p},"./src/components/UICheckbox/index.tsx":function(I,n,o){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,l,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(l,r);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(a,i,m)}:function(a,l,r,i){i===void 0&&(i=r),a[i]=l[r]}),C=this&&this.__exportStar||function(a,l){for(var r in a)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&g(l,a,r)};Object.defineProperty(n,"__esModule",{value:!0}),C(o("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIComboBox/UIComboBox.tsx":function(I,n,o){"use strict";var g=Object.defineProperty,C=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,m=(y,t,e)=>t in y?g(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,h=(y,t)=>{for(var e in t||(t={}))r.call(t,e)&&m(y,e,t[e]);if(l)for(var e of l(t))i.call(t,e)&&m(y,e,t[e]);return y},B=(y,t)=>C(y,a(t)),w=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIComboBox=n.UIComboBoxLoaderType=n.UISelectableOptionMenuItemType=n.UIOnRenderComboBoxLabelProps=n.UIComboBoxRef=n.UIComboBoxOption=void 0;const b=w(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIComboBoxRef",{enumerable:!0,get:function(){return x.IComboBox}}),Object.defineProperty(n,"UIComboBoxOption",{enumerable:!0,get:function(){return x.IComboBoxOption}}),Object.defineProperty(n,"UIOnRenderComboBoxLabelProps",{enumerable:!0,get:function(){return x.IOnRenderComboBoxLabelProps}}),Object.defineProperty(n,"UISelectableOptionMenuItemType",{enumerable:!0,get:function(){return x.SelectableOptionMenuItemType}});const D=o("./src/components/UIContextualMenu/UIHighlightMenuOption.tsx");o("./src/components/UIComboBox/UIComboBox.scss"),o("./src/components/UIComboBox/Callout.scss");const p=o("./src/components/UILoader/index.tsx"),d=o("./src/components/Icons.tsx"),s=o("./src/helper/ValidationMessage/index.tsx"),u=o("./src/components/UILabel/index.tsx"),c=o("./src/components/UIDropdown/index.tsx"),O=o("./src/components/UICallout/index.tsx"),M=o("./src/utilities/index.ts");var P;(function(y){y.List="List",y.Input="Input"})(P||(n.UIComboBoxLoaderType=P={}));class T extends b.default.Component{constructor(t){super(t),this.comboBox=b.default.createRef(),this.comboboxDomRef=b.default.createRef(),this.menuDomRef=b.default.createRef(),this.selectedElement=b.default.createRef(),this.query="",this.ignoreOpenKeys=["Meta","Control","Shift","Tab","Alt","CapsLock"],this.isListHidden=!1,this.calloutCollisionTransform=new O.CalloutCollisionTransform(this.comboboxDomRef,this.menuDomRef),this.onResolveOptions=()=>this.props.options,this.onRenderItem=(e,_)=>{if(_&&e){e.data=this.query,e.title===void 0&&(e.title=e.text);const f=e.index!==void 0&&this.getCurrentSelectedIndex()===e.index;return e.hidden?null:b.default.createElement("div",{key:e.key,ref:f?this.selectedElement:void 0,className:`${f?"ts-ComboBox--selected":""}`},_(e))}return null},this.getCurrentSelectedIndex=()=>{const e=this.comboBox.current;if(e)return e.state.currentPendingValueValidIndex!==-1?e.state.currentPendingValueValidIndex:e.props.hoisted.selectedIndices?e.props.hoisted.selectedIndices[0]:void 0},this.getPlaceholder=()=>this.props.placeholder?this.props.placeholder:"Search or select from dropdown",this.onRenderOption=(e,_)=>e&&e.itemType!==x.SelectableOptionMenuItemType.Header?b.default.createElement(D.UIHighlightMenuOption,{text:e.text,query:this.query}):_?_(e):null,this.handleChange=(e,_)=>{_&&this.props.onHandleChange&&this.props.onHandleChange(_.key)},this.onRenderListLoading=()=>{const e={label:{fontSize:"11px",fontWeight:"normal"}};return b.default.createElement("div",{className:"option-loading"},b.default.createElement(p.UILoader,{label:"Loading",className:"uiLoaderXSmall",labelPosition:"right",styles:e}))},this.onInput=this.onInput.bind(this),this.reserQuery=this.reserQuery.bind(this),this.onResolveOptions=this.onResolveOptions.bind(this),this.onRenderItem=this.onRenderItem.bind(this),this.onRenderOption=this.onRenderOption.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.handleRefreshButton=this.handleRefreshButton.bind(this),this.onPendingValueChanged=this.onPendingValueChanged.bind(this),this.onMultiSelectChange=this.onMultiSelectChange.bind(this),this.onScrollToItem=this.onScrollToItem.bind(this),this.setFocus=this.setFocus.bind(this),this.onRenderIcon=this.onRenderIcon.bind(this),(0,x.initializeComponentRef)(this),this.state={}}shouldComponentUpdate(t){return t.options!==this.props.options&&this.query&&this.updateHiddenOptions(t.options),!0}updateHiddenOptions(t){this.isListHidden=!0;let e,_=!1;const f=()=>{e&&(e.hidden=!_)};for(const v of t)if(v.itemType===x.SelectableOptionMenuItemType.Header)f(),e=v,_=!1;else{const E=v.text.toLowerCase().indexOf(this.query)===-1;v.hidden=E,this.isListHidden&&!v.hidden&&(this.isListHidden=!1),_=!E||_}f()}setCaretPosition(t){if((0,M.isHTMLInputElement)(t.target)){const e=t.target,_=e.selectionEnd;_!==e.value.length&&window.requestAnimationFrame(()=>{e.selectionStart=_,e.selectionEnd=_})}}onInput(t){if(this.isListHidden=!1,(0,M.isHTMLInputElement)(t.target)){this.setCaretPosition(t);const e=t.target;this.query=e.value.trimStart().toLowerCase();const _=this.comboBox.current;_&&this.updateHiddenOptions(_.props.hoisted.currentOptions)}}onClick(t){this.setCaretPosition(t);const e=this.comboBox.current,_=e&&e.state.isOpen,f=this.props.disabled;this.props.openMenuOnClick&&e&&!_&&!f&&e.focus(!0)}onKeyDown(t){let e=!1;const _=this.comboBox.current,f=_&&_.state.isOpen;(t.which===x.KeyCodes.down||t.which===x.KeyCodes.up)&&(e=this._setCyclingNavigation(t.which===x.KeyCodes.down)),e?(t.preventDefault(),t.stopPropagation()):!this.ignoreOpenKeys.includes(t.key)&&_&&!f&&_.focus(!0)}reserQuery(){this.query="";for(const t of this.props.options)delete t.hidden;this.isListHidden=!1,this.setState({isListHidden:this.isListHidden})}getNextVisibleItem(t,e){const _=this.props.options.length;for(;t>=0&&t<_;){if(this.props.options[t]&&!this.props.options[t].hidden)return{option:this.props.options[t],index:t};t=t+(e?1:-1)}return null}_setCyclingNavigation(t){const e=this.comboBox.current;if(e&&e.state.currentPendingValueValidIndex>=0){let _=e.state.currentPendingValueValidIndex;const f=this.props.options.length-1;_=_+(t?1:-1);let v=this.getNextVisibleItem(_,t);if(v)return!1;if(v=this.getNextVisibleItem(t?0:f,t),v)return e.setState({currentPendingValueValidIndex:v.index,currentPendingValue:v.option.text}),!0}return!1}calculateMenuMinWidth(){var t;const e=(t=this.comboBox.current)==null?void 0:t._comboBoxWrapper.current;e&&this.props.useComboBoxAsMenuMinWidth&&e.clientWidth!==this.state.minWidth&&this.setState({minWidth:e.clientWidth})}onPendingValueChanged(t,e,_){var f,v;this.state.isListHidden!==this.isListHidden&&this.setState({isListHidden:this.isListHidden}),(f=this.props)!=null&&f.onPendingValueChanged&&((v=this.props)==null||v.onPendingValueChanged(t,e,_))}dismissMenu(){this.comboBox.current&&this.comboBox.current.dismissMenu()}setFocus(){this.comboBox.current&&this.comboBox.current.focus()}handleRefreshButton(){const t=this.comboBox.current;this.props.useComboBoxAsMenuMinWidth&&this.calculateMenuMinWidth(),this.props.onRefresh&&(this.props.onRefresh(),t==null||t.focus(!0))}onMultiSelectChange(t,e,_,f){this.props.onChange&&t.type!=="blur"&&this.props.onChange(t,e,_,f)}onScrollToItem(){const t=this.selectedElement.current;if(!this.props.multiSelect||!t)return;const e=t.offsetParent;if(e){const _=e.clientHeight;if(e.scrollHeight>_){const v=t.offsetTop,E=v+t.clientHeight,S=e.scrollTop,j=S+_;if(!(v>=S&&E<=j)){const L=E>j?E-j:v-S;e.scrollTop=S+L}}}}getClassNames(t){const{readOnly:e,disabled:_}=this.props,f=t.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(t.type):void 0;let v=`ts-ComboBox${t.message?" ts-ComboBox--"+f:""}`;return e&&!_&&(v+=" ts-ComboBox--readonly"),_&&(v+=" ts-ComboBox--disabled"),(0,c.isDropdownEmpty)(this.props)&&(v+=" ts-ComboBox--empty"),v}getAutofillProps(){const{highlight:t,readOnly:e,disabled:_}=this.props,f={};t&&(f.onKeyDownCapture=this.onKeyDown);const v="tabIndex"in this.props?this.props.tabIndex:void 0;return e&&!_?(f.readOnly=e,f.tabIndex=v,f["aria-disabled"]=void 0,f["aria-readonly"]=!0):_&&(f.disabled=void 0,f.readOnly=!0,f.tabIndex=v),f}isLoaderApplied(t){const{isLoading:e}=this.props;return Array.isArray(e)?e.includes(t):!!e&&t===P.List}onRenderIcon(t,e){var _;if(this.isLoaderApplied(P.Input)){const f={label:{fontSize:"11px",fontWeight:"normal"}};return b.default.createElement(p.UILoader,{className:"uiLoaderXSmall",labelPosition:"right",styles:f})}return(_=e==null?void 0:e(t))!=null?_:null}render(){const t=(0,s.getMessageInfo)(this.props);let e=this.props.isForceEnabled?!1:!this.props.options.length;return this.props.readOnly&&(e=!0),b.default.createElement("div",{ref:this.props.wrapperRef,className:this.getClassNames(t)},b.default.createElement(x.ComboBox,B(h(h(h(h(h(B(h(h({componentRef:this.comboBox,ref:this.comboboxDomRef,disabled:e,iconButtonProps:{iconProps:{iconName:d.UiIcons.ArrowDown},onRenderIcon:this.onRenderIcon},calloutProps:h({calloutMaxHeight:200,popupProps:{ref:this.menuDomRef},className:"ts-Callout ts-Callout-Dropdown",styles:h({},this.props.useComboBoxAsMenuMinWidth&&{calloutMain:{minWidth:this.state.minWidth,display:this.state.isListHidden?"none":void 0}})},(0,c.getCalloutCollisionTransformationProps)(this.calloutCollisionTransform,this.props.multiSelect,this.props.calloutCollisionTransformation)),styles:{label:h(h(h({},u.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}),errorMessage:[t.style]}},this.props),this.props.highlight&&{onInput:this.onInput,onMenuDismissed:this.reserQuery,onResolveOptions:this.onResolveOptions,onRenderItem:this.onRenderItem,onRenderOption:this.onRenderOption,placeholder:this.getPlaceholder(),onPendingValueChanged:this.onPendingValueChanged}),{autofill:this.getAutofillProps()}),this.props.useComboBoxAsMenuMinWidth&&{onMenuOpen:this.calculateMenuMinWidth.bind(this)}),this.props.openMenuOnClick&&{onClick:this.onClick.bind(this)}),this.props.onRefresh&&{onMenuOpen:this.handleRefreshButton,onChange:this.handleChange}),this.isLoaderApplied(P.List)&&{onRenderList:this.onRenderListLoading}),this.props.multiSelect&&h({onScrollToItem:this.onScrollToItem},this.props.onChange&&{onChange:this.onMultiSelectChange})),{errorMessage:t.message})))}}n.UIComboBox=T,T.defaultProps={openMenuOnClick:!0}},"./src/components/UIComboBox/index.tsx":function(I,n,o){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,l,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(l,r);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(a,i,m)}:function(a,l,r,i){i===void 0&&(i=r),a[i]=l[r]}),C=this&&this.__exportStar||function(a,l){for(var r in a)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&g(l,a,r)};Object.defineProperty(n,"__esModule",{value:!0}),C(o("./src/components/UIComboBox/UIComboBox.tsx"),n)},"./src/components/UIDialog/UIDialog.tsx":function(I,n,o){"use strict";var g=Object.defineProperty,C=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,r=(d,s,u)=>s in d?g(d,s,{enumerable:!0,configurable:!0,writable:!0,value:u}):d[s]=u,i=(d,s)=>{for(var u in s||(s={}))a.call(s,u)&&r(d,u,s[u]);if(C)for(var u of C(s))l.call(s,u)&&r(d,u,s[u]);return d},m=(d,s)=>{var u={};for(var c in d)a.call(d,c)&&s.indexOf(c)<0&&(u[c]=d[c]);if(d!=null&&C)for(var c of C(d))s.indexOf(c)<0&&l.call(d,c)&&(u[c]=d[c]);return u},h=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIDialog=n.UIDialogScrollArea=n.DIALOG_STYLES=n.DIALOG_MAX_HEIGHT_OFFSET=void 0;const B=h(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),w=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),b=o("./src/components/UIButton/index.tsx"),x=o("./src/utilities/DeepMerge.ts");o("./src/styles/_shadows.scss"),n.DIALOG_MAX_HEIGHT_OFFSET=32,n.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)",fontFamily:"var(--vscode-font-family)"}};var D;(function(d){d.Content="Content",d.Dialog="Dialog"})(D||(n.UIDialogScrollArea=D={}));class p extends B.default.Component{constructor(s){super(s),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(s){const{scrollArea:u}=this.props;s.scrollArea!==u&&(u===D.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-n.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let s;const{acceptButtonText:u,cancelButtonText:c,onAccept:O,onCancel:M,acceptButtonId:P,cancelButtonId:T,footer:y}=this.props,t={styles:{actionsRight:{width:"100%",textAlign:"center",margin:"0px"},actions:{margin:`${n.DIALOG_STYLES.vPaddingHalf}px 0 ${n.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return y?s=B.default.createElement(w.DialogFooter,i({},t),y):(O||M)&&(s=B.default.createElement(w.DialogFooter,i({},t),O?B.default.createElement(b.UIDefaultButton,{onClick:O,primary:!0,style:{height:"26px"},id:P},u):"",M?B.default.createElement(b.UIDefaultButton,{onClick:M,style:{height:"26px"},id:T},c):"")),s}onHeaderMouseDown(s){var u;if(!((u=this.props.modalProps)!=null&&u.dragOptions))return;const c=s.target.closest(".ms-Dialog-main");c!=null&&c.firstChild&&c.firstChild.focus()}render(){const s=this.props,{acceptButtonText:u,cancelButtonText:c,onAccept:O,onCancel:M,acceptButtonId:P,cancelButtonId:T,footer:y,closeButtonVisible:t,multiLineTitle:e,scrollArea:_=D.Content,children:f}=s,v=m(s,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),E={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:i({backgroundColor:n.DIALOG_STYLES.background,border:`1px solid ${n.DIALOG_STYLES.borderColor}`,boxShadow:n.DIALOG_STYLES.boxShadow,borderRadius:n.DIALOG_STYLES.borderRadius,minHeight:100},_===D.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:i({padding:`${n.DIALOG_STYLES.vPadding}px 0 5px`,textAlign:"center",color:n.DIALOG_STYLES.title.color},!e&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${n.DIALOG_STYLES.vPadding}px ${n.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:t?void 0:"none"},inner:i({padding:"0"},_===D.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:i({margin:"0",lineHeight:18},n.DIALOG_STYLES.contentText),content:i(i({},n.DIALOG_STYLES.contentText),_===D.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:i({padding:`${n.DIALOG_STYLES.vPaddingHalf}px ${n.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},_===D.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},S=(0,x.deepMerge)(E,v);return B.default.createElement(w.Dialog,i({},S),f,this.getFooter())}}n.UIDialog=p,p.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(I,n,o){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,l,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(l,r);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(a,i,m)}:function(a,l,r,i){i===void 0&&(i=r),a[i]=l[r]}),C=this&&this.__exportStar||function(a,l){for(var r in a)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&g(l,a,r)};Object.defineProperty(n,"__esModule",{value:!0}),C(o("./src/components/UIDialog/UIDialog.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(I,n,o){"use strict";var g=Object.defineProperty,C=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,m=(p,d,s)=>d in p?g(p,d,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[d]=s,h=(p,d)=>{for(var s in d||(d={}))r.call(d,s)&&m(p,s,d[s]);if(l)for(var s of l(d))i.call(d,s)&&m(p,s,d[s]);return p},B=(p,d)=>C(p,a(d)),w=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const b=w(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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("./src/components/UILoader/UILoader.scss");class D extends b.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:s}=this.props,u=()=>h({},{root:h({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),c=b.default.createElement(x.Spinner,B(h({},this.props),{styles:u}));if(d){const O=()=>h({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return b.default.createElement(x.Overlay,{className:`ui-loader-blocker${s?" ui-loader--delayed":""}`,styles:O},c)}else return c}}n.UILoader=D},"./src/components/UILoader/index.tsx":function(I,n,o){"use strict";var g=this&&this.__createBinding||(Object.create?function(a,l,r,i){i===void 0&&(i=r);var m=Object.getOwnPropertyDescriptor(l,r);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(a,i,m)}:function(a,l,r,i){i===void 0&&(i=r),a[i]=l[r]}),C=this&&this.__exportStar||function(a,l){for(var r in a)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&g(l,a,r)};Object.defineProperty(n,"__esModule",{value:!0}),C(o("./src/components/UILoader/UILoader.tsx"),n)},"./src/utilities/DeepMerge.ts":function(I,n,o){"use strict";var g=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.deepMerge=void 0;const C=g(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function a(r,i){var m;const h=Object.keys(r).length?a({},r):{},B=Object.keys(i);for(const w of B){const b=i[w];if(l(b))if(!h[w]||l(h[w]))h[w]=a((m=h[w])!=null?m:{},b);else throw new Error("Object structures are not compatible!");else h[w]=b}return h}n.deepMerge=a;function l(r){return r?typeof r=="object"&&!Array.isArray(r)&&!C.default.isValidElement(r):!1}},"./src/components/UIComboBox/Callout.scss":(I,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>c});var g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),C=o.n(g),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=o.n(a),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=o.n(r),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=o.n(m),B=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=o.n(B),b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),x=o.n(b),D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/Callout.scss"),p=o.n(D),d={};for(const O in D)O!=="default"&&(d[O]=()=>D[O]);o.d(n,d);var s={};s.styleTagTransform=x(),s.setAttributes=h(),s.insert=i().bind(null,"head"),s.domAPI=l(),s.insertStyleElement=w();var u=C()(p(),s);const c=p()&&p().locals?p().locals:void 0},"./src/components/UIComboBox/UIComboBox.scss":(I,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>c});var g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),C=o.n(g),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=o.n(a),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=o.n(r),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=o.n(m),B=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=o.n(B),b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),x=o.n(b),D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIComboBox/UIComboBox.scss"),p=o.n(D),d={};for(const O in D)O!=="default"&&(d[O]=()=>D[O]);o.d(n,d);var s={};s.styleTagTransform=x(),s.setAttributes=h(),s.insert=i().bind(null,"head"),s.domAPI=l(),s.insertStyleElement=w();var u=C()(p(),s);const c=p()&&p().locals?p().locals:void 0},"./src/components/UILoader/UILoader.scss":(I,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>c});var g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),C=o.n(g),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),l=o.n(a),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),i=o.n(r),m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),h=o.n(m),B=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=o.n(B),b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),x=o.n(b),D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),p=o.n(D),d={};for(const O in D)O!=="default"&&(d[O]=()=>D[O]);o.d(n,d);var s={};s.styleTagTransform=x(),s.setAttributes=h(),s.insert=i().bind(null,"head"),s.domAPI=l(),s.insertStyleElement=w();var u=C()(p(),s);const c=p()&&p().locals?p().locals:void 0}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.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}",""]),m.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.id,".ts-icon{fill:var(--vscode-foreground)}",""]),m.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,t,e)=>{var r=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=n(r);_.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=_},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.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 a=0;a<this.length;a++){var p=this[a][0];p!=null&&(d[p]=!0)}for(var y=0;y<n.length;y++){var u=[].concat(n[y]);o&&d[u[0]]||(typeof l!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=l),_&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=_),s&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=s):u[4]="".concat(s)),e.push(u))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(t){return t[1]}},"./src/components/UIActionCallout/UIActionCallout.tsx":function(m,t,e){"use strict";var r=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIActionCallout=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),_=r(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(p){var y;super(p),this.actionDetail=p.actionDetail,this.commandAction=p.commandAction,this.targetElementId=p.targetElementId,this.showInline=p.showInline,this.anchor=_.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=p.icon,this.onClick=p.onClick,this.anchorClicked=!1,this.isError=(y=p.isError)!=null?y:!1}onCalloutClick(){var p;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((p=this.anchor.current)==null||p.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var p,y;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"}}},(y=(p=this.icon)==null?void 0:p.render())!=null?y:_.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(m,t,e){"use strict";var r=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)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIActionCallout/UIActionCallout.tsx"),t)},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=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()}},a=this.callout.current;return a&&(d.callout={dom:a,rect:a.getBoundingClientRect()}),d}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:s,target:l,callout:d,source:a}=o;if(d){const p=window.innerHeight-e.minPagePadding,y=d.rect.height,u=a.rect.bottom;let I=u+y-l.rect.top,v=u+d.rect.height;if(I<=0||v>=p)return;if(v+=l.rect.height,v<=p&&(I+=r),this.props.absolute){const i=s.dom.style;this.originalStyle={transform:i.transform,position:i.position,top:i.top,left:i.left},i.transform="",i.position="absolute",i.top=`${s.rect.top}px`,i.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(I),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 a=this.originalStyle[d];typeof a=="string"&&(s.dom.style[d]=a)}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(m,t,e){"use strict";var r=Object.defineProperty,n=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(c,E,b)=>E in c?r(c,E,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[E]=b,a=(c,E)=>{for(var b in E||(E={}))s.call(E,b)&&d(c,b,E[b]);if(o)for(var b of o(E))l.call(E,b)&&d(c,b,E[b]);return c},p=(c,E)=>n(c,_(E)),y=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 u=y(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),I=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),v=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var i;(function(c){c.None="None",c.Standard="Standard"})(i||(t.UICalloutContentPadding=i={}));const h=new Map([[i.Standard,8]]),f=(c,E)=>typeof c=="object"&&typeof c[E]=="object"?c[E]:{},O=c=>{var E,b;return{root:a({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},f(c.styles,"root")),beak:a({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},f(c.styles,"beak")),beakCurtain:a({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},f(c.styles,"beakCurtain")),calloutMain:a({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(E=c.calloutMinWidth)!=null?E:300,boxSizing:"border-box",padding:h.get((b=c.contentPadding)!=null?b:i.None)},f(c.styles,"calloutMain")),container:f(c.styles,"container")}};t.getCalloutStyle=O;class g extends u.default.Component{constructor(E){super(E),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(E){const{onKeyDown:b,focusTargetSiblingOnTabPress:A,target:P}=this.props;if(A&&E.key==="Tab"&&P){let C=null;if(typeof P=="string"){const T=(0,I.getDocument)();C=T==null?void 0:T.querySelector(P)}else"getBoundingClientRect"in P&&(0,v.isHTMLElement)(P)&&(C=P);C&&(0,v.focusToSibling)(C,!E.shiftKey)&&(E.stopPropagation(),E.preventDefault())}b==null||b(E)}render(){return u.default.createElement(I.Callout,p(a({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=g},"./src/components/UICallout/index.tsx":function(m,t,e){"use strict";var r=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)&&r(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(m,t,e){"use strict";var r=Object.defineProperty,n=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,d=(i,h,f)=>h in i?r(i,h,{enumerable:!0,configurable:!0,writable:!0,value:f}):i[h]=f,a=(i,h)=>{for(var f in h||(h={}))s.call(h,f)&&d(i,f,h[f]);if(o)for(var f of o(h))l.call(h,f)&&d(i,f,h[f]);return i},p=(i,h)=>n(i,_(h)),y=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIcon=void 0;const u=y(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),I=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 v extends u.default.Component{constructor(h){super(h),this.setStyle=()=>({})}render(){const h=this.props.className?` ${this.props.className}`:"";return u.default.createElement(I.Icon,p(a({},this.props),{className:`ts-icon${h}`,styles:this.setStyle()}))}}t.UIIcon=v},"./src/components/UIIcon/index.tsx":function(m,t,e){"use strict";var r=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)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/components/UIIcon/UIIcon.tsx"),t)},"./src/utilities/Dom.ts":(m,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isHTMLInputElement=t.isHTMLElement=void 0;function e(n){return"title"in n}t.isHTMLElement=e;function r(n){return"value"in n&&"tagName"in n&&n.tagName==="INPUT"}t.isHTMLInputElement=r},"./src/utilities/Focus.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.focusToSibling=t.getPreviousElement=t.getNextElement=t.setUIFocusVisibility=t.getUILastFocusable=t.getUIFirstFocusable=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 r.getFirstFocusable}}),Object.defineProperty(t,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(t,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(t,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(t,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}});function n(_,o){const s=(0,r.getDocument)();if(s){let l=null;if(o?l=(0,r.getNextElement)(s.body,_,!1,!1,!0,!0):l=(0,r.getPreviousElement)(s.body,_,!1,!1,!0,!0),l)return l.focus(),l}return null}t.focusToSibling=n},"./src/utilities/Id.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 r.getId}})},"./src/utilities/Keys.ts":(m,t,e)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 r.KeyCodes}})},"./src/utilities/index.ts":function(m,t,e){"use strict";var r=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)&&r(o,_,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(e("./src/utilities/Dom.ts"),t),n(e("./src/utilities/Focus.ts"),t),n(e("./src/utilities/Id.ts"),t),n(e("./src/utilities/Keys.ts"),t)},"./stories/UIActionCallout.story.tsx":function(m,t,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),_=r(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},a={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},p={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},y=()=>_.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:a,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:p,isError:!1})));t.defaultUsage=y},"./src/components/UIActionCallout/UIActionCallout.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),i=e.n(v),h={};for(const c in v)c!=="default"&&(h[c]=()=>v[c]);e.d(t,h);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),i=e.n(v),h={};for(const c in v)c!=="default"&&(h[c]=()=>v[c]);e.d(t,h);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"./src/styles/_shadows.scss":(m,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(_),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=e.n(d),p=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=e.n(p),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),I=e.n(u),v=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),i=e.n(v),h={};for(const c in v)c!=="default"&&(h[c]=()=>v[c]);e.d(t,h);var f={};f.styleTagTransform=I(),f.setAttributes=a(),f.insert=l().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=y();var O=n()(i(),f);const g=i()&&i().locals?i().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"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 r(_,o){for(var s={},l=[],d=0;d<_.length;d++){var a=_[d],p=o.base?a[0]+o.base:a[0],y=s[p]||0,u="".concat(p," ").concat(y);s[p]=y+1;var I=e(u),v={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(I!==-1)t[I].references++,t[I].updater(v);else{var i=n(v,o);o.byIndex=d,t.splice(d,0,{identifier:u,updater:i,references:1})}l.push(u)}return l}function n(_,o){var s=o.domAPI(o);s.update(_);var l=function(a){if(a){if(a.css===_.css&&a.media===_.media&&a.sourceMap===_.sourceMap&&a.supports===_.supports&&a.layer===_.layer)return;s.update(_=a)}else s.remove()};return l}m.exports=function(_,o){o=o||{},_=_||[];var s=r(_,o);return function(d){d=d||[];for(var a=0;a<s.length;a++){var p=s[a],y=e(p);t[y].references--}for(var u=r(d,o),I=0;I<s.length;I++){var v=s[I],i=e(v);t[i].references===0&&(t[i].updater(),t.splice(i,1))}s=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"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 r(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(_)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function t(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}m.exports=t},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,t,e)=>{"use strict";function r(n){var _=e.nc;_&&n.setAttribute("nonce",_)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"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 r(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var _=n.insertStyleElement(n);return{update:function(s){t(_,n,s)},remove:function(){e(_)}}}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function t(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}m.exports=t}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[740],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":v=>{"use strict";v.exports=function(s){var a=[];return a.toString=function(){return this.map(function(n){var o="",e=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=s(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},a.i=function(n,o,e,r,U){typeof n=="string"&&(n=[[null,n,void 0]]);var y={};if(e)for(var u=0;u<this.length;u++){var b=this[u][0];b!=null&&(y[b]=!0)}for(var k=0;k<n.length;k++){var l=[].concat(n[k]);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),o&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=o),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),a.push(l))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":v=>{"use strict";v.exports=function(s){return s[1]}},"./stories/UIButton.story.tsx":function(v,s,a){"use strict";var d=Object.defineProperty,n=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,y=(f,m,I)=>m in f?d(f,m,{enumerable:!0,configurable:!0,writable:!0,value:I}):f[m]=I,u=(f,m)=>{for(var I in m||(m={}))r.call(m,I)&&y(f,I,m[I]);if(e)for(var I of e(m))U.call(m,I)&&y(f,I,m[I]);return f},b=(f,m)=>n(f,o(m)),k=this&&this.__createBinding||(Object.create?function(f,m,I,P){P===void 0&&(P=I);var g=Object.getOwnPropertyDescriptor(m,I);(!g||("get"in g?!m.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return m[I]}}),Object.defineProperty(f,P,g)}:function(f,m,I,P){P===void 0&&(P=I),f[P]=m[I]}),l=this&&this.__setModuleDefault||(Object.create?function(f,m){Object.defineProperty(f,"default",{enumerable:!0,value:m})}:function(f,m){f.default=m}),x=this&&this.__importStar||function(f){if(f&&f.__esModule)return f;var m={};if(f!=null)for(var I in f)I!=="default"&&Object.prototype.hasOwnProperty.call(f,I)&&k(m,f,I);return l(m,f),m};Object.defineProperty(s,"__esModule",{value:!0}),s.defaultUsage=void 0;const t=x(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=a("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),i=a("./src/components/UIButton/index.tsx"),S=a("./src/components/UIContextualMenu/index.tsx"),p=a("./src/components/Icons.tsx"),B=a("./src/components/UITreeDropdown/index.tsx");(0,p.initIcons)(),s.default={title:"Basic Inputs/Buttons"};const h={childrenGap:40},w=()=>{const[f,m]=(0,t.useState)(""),[I,P]=(0,t.useState)({btn1:!0,btn2:!0,btn3:!0}),g=E=>{m(E)},M=E=>{const C=b(u({},I),{[E]:!I[E]});P(C)},_=(E,C,N)=>{const D={key:E,text:C};return N&&(D.iconProps={iconName:p.UiIcons.GuidedDevelopment}),D},A=_("option1","option 1"),H=[_("option2","option 2"),_("option3","option 3")],T=H.map(E=>b(u({},E),{iconProps:{iconName:p.UiIcons.GuidedDevelopment}})),j=[T[0],b(u({},T[1]),{iconProps:void 0})],O=()=>[_("option1","option 1"),_("rename","Simulate rename"),{key:"",itemType:S.UIContextualMenuItemType.Divider},_("option3","option 3"),_("option4","option 4"),_("option5","option 5"),{key:"",itemType:S.UIContextualMenuItemType.Header,text:"Dummy header"},_("option6","option 6"),_("option7","option 7"),_("option8","option 8"),_("option10","option 10"),_("option11","option 11"),_("option12","option 12")],[R,z]=(0,t.useState)(O());return t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIDefaultButton,{primary:!0},"Primary button"),t.default.createElement(i.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),t.default.createElement(i.UIDefaultButton,{primary:!0,iconProps:{iconName:p.UiIcons.Calendar}},"Primary button with icon"),t.default.createElement(i.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIDefaultButton,null,"Secondary button"),t.default.createElement(i.UIDefaultButton,{disabled:!0},"Secondary disabled button"),t.default.createElement(i.UIDefaultButton,{iconProps:{iconName:p.UiIcons.Calendar}},"Secondary button with icon"),t.default.createElement(i.UIDefaultButton,{checked:!0},"Secondary checked button"))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIDefaultButton,{transparent:!0},"Transparent button"),t.default.createElement(i.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),t.default.createElement(i.UIDefaultButton,{transparent:!0,iconProps:{iconName:p.UiIcons.Calendar}},"Transparent button with icon"),t.default.createElement(i.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UISplitButton,{id:"test",callback:g.bind(this),menuItems:H,button:A}),t.default.createElement(i.UISplitButton,{id:"test2",callback:g.bind(this),menuItems:T,button:A}),t.default.createElement(i.UISplitButton,{id:"test3",callback:E=>{if(E==="rename"){const C=O(),N=C.find(D=>D.key==="rename");N&&(N.text="Renamed"),z(C)}g(E)},menuItems:R,button:A}),t.default.createElement("span",null,"selection: ",f))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIIconButton,{id:"undo-button-action",iconProps:{iconName:p.UiIcons.Undo},title:"Undo"}),t.default.createElement(i.UIIconButton,{id:"add-button-action",iconProps:{iconName:p.UiIcons.Add},title:"Undo"}),t.default.createElement(i.UIIconButton,{id:"wide-button-action",sizeType:i.UIIconButtonSizes.Wide,iconProps:{iconName:p.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),t.default.createElement(i.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:p.UiIcons.Source},disabled:!0,title:"Undo"}))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIIconButton,{id:"btn1",iconProps:{iconName:p.UiIcons.Undo},checked:I.btn1,onClick:M.bind(window,"btn1"),title:"Undo"}),t.default.createElement(i.UIIconButton,{id:"btn2",checked:I.btn2,iconProps:{iconName:p.UiIcons.LayoutLeft},onClick:M.bind(window,"btn2"),title:"LayoutLeft"}),t.default.createElement(i.UIIconButton,{id:"btn3",sizeType:i.UIIconButtonSizes.Wide,checked:I.btn3,iconProps:{iconName:p.UiIcons.QuestionMarkWithChevron},onClick:M.bind(window,"btn3"),title:"Wide"}))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIActionButton,{iconProps:{iconName:p.UiIcons.Calendar}},"Standard Action"),t.default.createElement(i.UIActionButton,{disabled:!0,iconProps:{iconName:p.UiIcons.Calendar}},"Standard Action - disabled"),t.default.createElement(i.UIActionButton,{iconProps:{iconName:p.UiIcons.Bulb}},"Icon with color"),t.default.createElement(i.UIActionButton,{disabled:!0,iconProps:{iconName:p.UiIcons.Bulb}},"Icon with color - disabled")),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIActionButton,{iconProps:{iconName:p.UiIcons.Bulb},menuProps:{directionalHint:B.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:T}},"Button with menu"),t.default.createElement(i.UIActionButton,{iconProps:{iconName:p.UiIcons.Bulb},menuProps:{directionalHint:B.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:j}},"Button with mixture menu"))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UISmallButton,{primary:!0},"Clear All"))),t.default.createElement(c.Stack,{tokens:h},t.default.createElement(c.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),t.default.createElement(c.Stack,{horizontal:!0,tokens:h},t.default.createElement(i.UIIconButton,{iconProps:{iconName:p.UiIcons.Add},menuProps:{directionalHint:B.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:H}}),t.default.createElement(i.UIIconButton,{iconProps:{iconName:p.UiIcons.Add},menuProps:{directionalHint:B.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:T}}),t.default.createElement(i.UIIconButton,{iconProps:{iconName:p.UiIcons.Add},menuProps:{directionalHint:B.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:R}}))))};s.defaultUsage=w},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":v=>{"use strict";var s=[];function a(o){for(var e=-1,r=0;r<s.length;r++)if(s[r].identifier===o){e=r;break}return e}function d(o,e){for(var r={},U=[],y=0;y<o.length;y++){var u=o[y],b=e.base?u[0]+e.base:u[0],k=r[b]||0,l="".concat(b," ").concat(k);r[b]=k+1;var x=a(l),t={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(x!==-1)s[x].references++,s[x].updater(t);else{var c=n(t,e);e.byIndex=y,s.splice(y,0,{identifier:l,updater:c,references:1})}U.push(l)}return U}function n(o,e){var r=e.domAPI(e);r.update(o);var U=function(u){if(u){if(u.css===o.css&&u.media===o.media&&u.sourceMap===o.sourceMap&&u.supports===o.supports&&u.layer===o.layer)return;r.update(o=u)}else r.remove()};return U}v.exports=function(o,e){e=e||{},o=o||[];var r=d(o,e);return function(y){y=y||[];for(var u=0;u<r.length;u++){var b=r[u],k=a(b);s[k].references--}for(var l=d(y,e),x=0;x<r.length;x++){var t=r[x],c=a(t);s[c].references===0&&(s[c].updater(),s.splice(c,1))}r=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":v=>{"use strict";var s={};function a(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}s[n]=o}return s[n]}function d(n,o){var e=a(n);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}v.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":v=>{"use strict";function s(a){var d=document.createElement("style");return a.setAttributes(d,a.attributes),a.insert(d,a.options),d}v.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(v,s,a)=>{"use strict";function d(n){var o=a.nc;o&&n.setAttribute("nonce",o)}v.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":v=>{"use strict";function s(n,o,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var U=typeof e.layer!="undefined";U&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,U&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var y=e.sourceMap;y&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(y))))," */")),o.styleTagTransform(r,n,o.options)}function a(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(r){s(o,n,r)},remove:function(){a(o)}}}v.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":v=>{"use strict";function s(a,d){if(d.styleSheet)d.styleSheet.cssText=a;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(a))}}v.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(v,s,a)=>{var d=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=d,o.v4=n,v.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":v=>{for(var s=[],a=0;a<256;++a)s[a]=(a+256).toString(16).substr(1);function d(n,o){var e=o||0,r=s;return[r[n[e++]],r[n[e++]],r[n[e++]],r[n[e++]],"-",r[n[e++]],r[n[e++]],"-",r[n[e++]],r[n[e++]],"-",r[n[e++]],r[n[e++]],"-",r[n[e++]],r[n[e++]],r[n[e++]],r[n[e++]],r[n[e++]],r[n[e++]]].join("")}v.exports=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":v=>{var s=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(s){var a=new Uint8Array(16);v.exports=function(){return s(a),a}}else{var d=new Array(16);v.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),d[o]=e>>>((o&3)<<3)&255;return d}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(v,s,a)=>{var d=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,r=0,U=0;function y(u,b,k){var l=b&&k||0,x=b||[];u=u||{};var t=u.node||o,c=u.clockseq!==void 0?u.clockseq:e;if(t==null||c==null){var i=d();t==null&&(t=o=[i[0]|1,i[1],i[2],i[3],i[4],i[5]]),c==null&&(c=e=(i[6]<<8|i[7])&16383)}var S=u.msecs!==void 0?u.msecs:new Date().getTime(),p=u.nsecs!==void 0?u.nsecs:U+1,B=S-r+(p-U)/1e4;if(B<0&&u.clockseq===void 0&&(c=c+1&16383),(B<0||S>r)&&u.nsecs===void 0&&(p=0),p>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=S,U=p,e=c,S+=122192928e5;var h=((S&268435455)*1e4+p)%4294967296;x[l++]=h>>>24&255,x[l++]=h>>>16&255,x[l++]=h>>>8&255,x[l++]=h&255;var w=S/4294967296*1e4&268435455;x[l++]=w>>>8&255,x[l++]=w&255,x[l++]=w>>>24&15|16,x[l++]=w>>>16&255,x[l++]=c>>>8|128,x[l++]=c&255;for(var f=0;f<6;++f)x[l+f]=t[f];return b||n(x)}v.exports=y},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(v,s,a)=>{var d=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=a("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,r,U){var y=r&&U||0;typeof e=="string"&&(r=e==="binary"?new Array(16):null,e=null),e=e||{};var u=e.random||(e.rng||d)();if(u[6]=u[6]&15|64,u[8]=u[8]&63|128,r)for(var b=0;b<16;++b)r[y+b]=u[b];return r||n(u)}v.exports=o}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(h,o,s)=>{var p=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(p);n.push([h.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)}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{"use strict";h.exports=function(o){var s=[];return s.toString=function(){return this.map(function(l){var n="",e=typeof l[5]!="undefined";return l[4]&&(n+="@supports (".concat(l[4],") {")),l[2]&&(n+="@media ".concat(l[2]," {")),e&&(n+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),n+=o(l),e&&(n+="}"),l[2]&&(n+="}"),l[4]&&(n+="}"),n}).join("")},s.i=function(l,n,e,t,d){typeof l=="string"&&(l=[[null,l,void 0]]);var i={};if(e)for(var _=0;_<this.length;_++){var v=this[_][0];v!=null&&(i[v]=!0)}for(var g=0;g<l.length;g++){var r=[].concat(l[g]);e&&i[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),n&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=n),t&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=t):r[4]="".concat(t)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{"use strict";h.exports=function(o){return o[1]}},"./src/components/UICallout/CalloutCollisionTransform.ts":(h,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class l{constructor(e,t,d=s){this.originalStyle={},this.source=e,this.callout=t,this.props=d,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 d=t==null?void 0:t.querySelector(this.props.target);if(d){const i={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:d,rect:d.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},_=this.callout.current;return _&&(i.callout={dom:_,rect:_.getBoundingClientRect()}),i}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:d,callout:i,source:_}=e;if(i){const v=window.innerHeight-s.minPagePadding,g=i.rect.height,r=_.rect.bottom;let a=r+g-d.rect.top,u=r+i.rect.height;if(a<=0||u>=v)return;if(u+=d.rect.height,u<=v&&(a+=p),this.props.absolute){const c=t.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${t.rect.top}px`,c.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(a),d.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:d}=e;for(const i in this.originalStyle){const _=this.originalStyle[i];typeof _=="string"&&(t.dom.style[i]=_)}this.originalStyle={},this.placeholder&&(d.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=l},"./src/components/UICallout/UICallout.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,i=(m,y,O)=>y in m?p(m,y,{enumerable:!0,configurable:!0,writable:!0,value:O}):m[y]=O,_=(m,y)=>{for(var O in y||(y={}))t.call(y,O)&&i(m,O,y[O]);if(e)for(var O of e(y))d.call(y,O)&&i(m,O,y[O]);return m},v=(m,y)=>l(m,n(y)),g=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=g(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=s("./src/utilities/index.ts");s("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var c;(function(m){m.None="None",m.Standard="Standard"})(c||(o.UICalloutContentPadding=c={}));const b=new Map([[c.Standard,8]]),f=(m,y)=>typeof m=="object"&&typeof m[y]=="object"?m[y]:{},S=m=>{var y,O;return{root:_({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},f(m.styles,"root")),beak:_({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},f(m.styles,"beak")),beakCurtain:_({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},f(m.styles,"beakCurtain")),calloutMain:_({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(y=m.calloutMinWidth)!=null?y:300,boxSizing:"border-box",padding:b.get((O=m.contentPadding)!=null?O:c.None)},f(m.styles,"calloutMain")),container:f(m.styles,"container")}};o.getCalloutStyle=S;class E extends r.default.Component{constructor(y){super(y),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(y){const{onKeyDown:O,focusTargetSiblingOnTabPress:T,target:C}=this.props;if(T&&y.key==="Tab"&&C){let P=null;if(typeof C=="string"){const I=(0,a.getDocument)();P=I==null?void 0:I.querySelector(C)}else"getBoundingClientRect"in C&&(0,u.isHTMLElement)(C)&&(P=C);P&&(0,u.focusToSibling)(P,!y.shiftKey)&&(y.stopPropagation(),y.preventDefault())}O==null||O(y)}render(){return r.default.createElement(a.Callout,v(_({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=E},"./src/components/UICallout/index.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(n,e,t,d){d===void 0&&(d=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,d,i)}:function(n,e,t,d){d===void 0&&(d=t),n[d]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(s("./src/components/UICallout/CalloutCollisionTransform.ts"),o),l(s("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,u)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):r[a]=u,d=(r,a)=>{for(var u in a||(a={}))n.call(a,u)&&t(r,u,a[u]);if(l)for(var u of l(a))e.call(a,u)&&t(r,u,a[u]);return r},i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const _=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 g extends _.default.Component{constructor(a){super(a)}render(){return _.default.createElement(v.FocusTrapZone,d({},this.props),this.props.children)}}o.UIFocusTrapZone=g},"./src/components/UIFocusZone/UIFocusZone.tsx":function(h,o,s){"use strict";var p=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(r,a,u)=>a in r?p(r,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):r[a]=u,d=(r,a)=>{for(var u in a||(a={}))n.call(a,u)&&t(r,u,a[u]);if(l)for(var u of l(a))e.call(a,u)&&t(r,u,a[u]);return r},i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const _=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 v.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return v.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return v.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return v.FocusZoneTabbableElements}});class g extends _.default.Component{constructor(a){super(a)}render(){return _.default.createElement(v.FocusZone,d({},this.props),this.props.children)}}o.UIFocusZone=g},"./src/components/UIFocusZone/index.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(n,e,t,d){d===void 0&&(d=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,d,i)}:function(n,e,t,d){d===void 0&&(d=t),n[d]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&p(e,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),l(s("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),l(s("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(h,o,s){"use strict";var p=this&&this.__createBinding||(Object.create?function(a,u,c,b){b===void 0&&(b=c);var f=Object.getOwnPropertyDescriptor(u,c);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[c]}}),Object.defineProperty(a,b,f)}:function(a,u,c,b){b===void 0&&(b=c),a[b]=u[c]}),l=this&&this.__setModuleDefault||(Object.create?function(a,u){Object.defineProperty(a,"default",{enumerable:!0,value:u})}:function(a,u){a.default=u}),n=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var u={};if(a!=null)for(var c in a)c!=="default"&&Object.prototype.hasOwnProperty.call(a,c)&&p(u,a,c);return l(u,a),u};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=n(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("./src/components/UIButton/index.tsx"),d=s("./src/components/UICallout/index.tsx"),i=s("./src/components/UIFocusZone/index.tsx"),_=s("./src/components/Icons.tsx");(0,_.initIcons)(),o.default={title:"Dropdowns/Callout"};const v=a=>{const{id:u}=a,[c,b]=(0,e.useState)(!1),f=()=>{b(!c)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:u,iconProps:{iconName:_.UiIcons.Bulb},checked:c,onClick:f}),c&&e.default.createElement(d.UICallout,{target:`#${u}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.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")))},g=a=>{const{id:u}=a,[c,b]=(0,e.useState)(!1),f=()=>{b(!c)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:u,iconProps:{iconName:_.UiIcons.Bulb},checked:c,onClick:f},"Open"),c&&e.default.createElement(d.UICallout,{target:`#${u}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>f(),calloutWidth:300,calloutMinWidth:300,contentPadding:d.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(i.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:f},"Option 3")))))},r=()=>e.default.createElement("div",null,e.default.createElement(v,{id:"callout-with-text-id"}),e.default.createElement(g,{id:"callout-with-items-1-id"}),e.default.createElement(g,{id:"callout-with-items-2-id"}));o.Callout=r},"./src/styles/_shadows.scss":(h,o,s)=>{"use strict";s.r(o),s.d(o,{default:()=>E});var p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(p),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(n),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(t),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=s.n(i),v=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=s.n(v),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),a=s.n(r),u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),c=s.n(u),b={};for(const m in u)m!=="default"&&(b[m]=()=>u[m]);s.d(o,b);var f={};f.styleTagTransform=a(),f.setAttributes=_(),f.insert=d().bind(null,"head"),f.domAPI=e(),f.insertStyleElement=g();var S=l()(c(),f);const E=c()&&c().locals?c().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":h=>{"use strict";var o=[];function s(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function p(n,e){for(var t={},d=[],i=0;i<n.length;i++){var _=n[i],v=e.base?_[0]+e.base:_[0],g=t[v]||0,r="".concat(v," ").concat(g);t[v]=g+1;var a=s(r),u={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(a!==-1)o[a].references++,o[a].updater(u);else{var c=l(u,e);e.byIndex=i,o.splice(i,0,{identifier:r,updater:c,references:1})}d.push(r)}return d}function l(n,e){var t=e.domAPI(e);t.update(n);var d=function(_){if(_){if(_.css===n.css&&_.media===n.media&&_.sourceMap===n.sourceMap&&_.supports===n.supports&&_.layer===n.layer)return;t.update(n=_)}else t.remove()};return d}h.exports=function(n,e){e=e||{},n=n||[];var t=p(n,e);return function(i){i=i||[];for(var _=0;_<t.length;_++){var v=t[_],g=s(v);o[g].references--}for(var r=p(i,e),a=0;a<t.length;a++){var u=t[a],c=s(u);o[c].references===0&&(o[c].updater(),o.splice(c,1))}t=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":h=>{"use strict";var o={};function s(l){if(typeof o[l]=="undefined"){var n=document.querySelector(l);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}o[l]=n}return o[l]}function p(l,n){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":h=>{"use strict";function o(s){var p=document.createElement("style");return s.setAttributes(p,s.attributes),s.insert(p,s.options),p}h.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(h,o,s)=>{"use strict";function p(l){var n=s.nc;n&&l.setAttribute("nonce",n)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":h=>{"use strict";function o(l,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,d&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleTagTransform(t,l,n.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function p(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=l.insertStyleElement(l);return{update:function(t){o(n,l,t)},remove:function(){s(n)}}}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":h=>{"use strict";function o(s,p){if(p.styleSheet)p.styleSheet.cssText=s;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(s))}}h.exports=o}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[294],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(y,a,s)=>{var i=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=o(i);e.push([y.id,".ts-icon{fill:var(--vscode-foreground)}",""]),y.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(y,a,s)=>{var i=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=o(i);e.push([y.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}",""]),y.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":y=>{"use strict";y.exports=function(a){var s=[];return s.toString=function(){return this.map(function(o){var e="",t=typeof o[5]!="undefined";return o[4]&&(e+="@supports (".concat(o[4],") {")),o[2]&&(e+="@media ".concat(o[2]," {")),t&&(e+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),e+=a(o),t&&(e+="}"),o[2]&&(e+="}"),o[4]&&(e+="}"),e}).join("")},s.i=function(o,e,t,r,d){typeof o=="string"&&(o=[[null,o,void 0]]);var n={};if(t)for(var c=0;c<this.length;c++){var f=this[c][0];f!=null&&(n[f]=!0)}for(var h=0;h<o.length;h++){var l=[].concat(o[h]);t&&n[l[0]]||(typeof d!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=d),e&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=e),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),s.push(l))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":y=>{"use strict";y.exports=function(a){return a[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(y,a,s){"use strict";var i=Object.defineProperty,o=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,n=(m,_,u)=>_ in m?i(m,_,{enumerable:!0,configurable:!0,writable:!0,value:u}):m[_]=u,c=(m,_)=>{for(var u in _||(_={}))r.call(_,u)&&n(m,u,_[u]);if(t)for(var u of t(_))d.call(_,u)&&n(m,u,_[u]);return m},f=(m,_)=>o(m,e(_)),h=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(a,"__esModule",{value:!0}),a.UICheckbox=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),b=s("./src/helper/ValidationMessage/index.tsx");class p extends l.default.Component{constructor(_){super(_),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(u,g)=>({root:[!g.disabled&&[!g.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[v.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,[v.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[v.HighContrastSelector]:{color:g.disabled?"GrayText":"WindowText"}}}],g.checked&&!g.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:g.disabled?"":"var(--vscode-checkbox-background)",borderColor:g.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[v.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"}}},u.message&&{marginBottom:2}],input:{[`.${v.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[v.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:g.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:g.disabled?.4:void 0}})}render(){const _=(0,b.getMessageInfo)(this.props),u=l.default.createElement(v.Checkbox,f(c({},this.props),{styles:g=>c(c({},this.setStyle(_,g)),this.props.styles)}));return _.message?l.default.createElement(b.MessageWrapper,{message:_},u):u}}a.UICheckbox=p},"./src/components/UICheckbox/index.tsx":function(y,a,s){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,r,d){d===void 0&&(d=r);var n=Object.getOwnPropertyDescriptor(t,r);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,d,n)}:function(e,t,r,d){d===void 0&&(d=r),e[d]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&i(t,e,r)};Object.defineProperty(a,"__esModule",{value:!0}),o(s("./src/components/UICheckbox/UICheckbox.tsx"),a)},"./src/components/UIIcon/UIIcon.tsx":function(y,a,s){"use strict";var i=Object.defineProperty,o=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,n=(p,m,_)=>m in p?i(p,m,{enumerable:!0,configurable:!0,writable:!0,value:_}):p[m]=_,c=(p,m)=>{for(var _ in m||(m={}))r.call(m,_)&&n(p,_,m[_]);if(t)for(var _ of t(m))d.call(m,_)&&n(p,_,m[_]);return p},f=(p,m)=>o(p,e(m)),h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIIcon=void 0;const l=h(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class b extends l.default.Component{constructor(m){super(m),this.setStyle=()=>({})}render(){const m=this.props.className?` ${this.props.className}`:"";return l.default.createElement(v.Icon,f(c({},this.props),{className:`ts-icon${m}`,styles:this.setStyle()}))}}a.UIIcon=b},"./src/components/UIIcon/index.tsx":function(y,a,s){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,r,d){d===void 0&&(d=r);var n=Object.getOwnPropertyDescriptor(t,r);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,d,n)}:function(e,t,r,d){d===void 0&&(d=r),e[d]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&i(t,e,r)};Object.defineProperty(a,"__esModule",{value:!0}),o(s("./src/components/UIIcon/UIIcon.tsx"),a)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(y,a,s){"use strict";var i=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(a,"__esModule",{value:!0}),a.MessageWrapper=a.MESSAGE_ICONS_MAP=void 0;const o=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("./src/helper/ValidationMessage/utils.ts"),t=s("./src/components/Icons.tsx"),r=s("./src/components/UIIcon/index.tsx");s("./src/helper/ValidationMessage/MessageWrapper.scss"),a.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[e.ErrorMessageType.Error,t.UiIcons.Error],[e.ErrorMessageType.Warning,t.UiIcons.Warning],[e.ErrorMessageType.Info,t.UiIcons.Info]]);function d(n){const{children:c,message:f}=n,h=f.message?e.MESSAGE_TYPES_CLASSNAME_MAP.get(f.type):void 0,l=a.MESSAGE_ICONS_MAP.get(f.type);return o.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${h}`},o.default.createElement("div",{className:"ts-message-target"},c),o.default.createElement("div",{className:"ts-message-body"},o.default.createElement(r.UIIcon,{iconName:l}),o.default.createElement("span",null,f.message)))}a.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(y,a,s){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,t,r,d){d===void 0&&(d=r);var n=Object.getOwnPropertyDescriptor(t,r);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,d,n)}:function(e,t,r,d){d===void 0&&(d=r),e[d]=t[r]}),o=this&&this.__exportStar||function(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&i(t,e,r)};Object.defineProperty(a,"__esModule",{value:!0}),o(s("./src/helper/ValidationMessage/MessageWrapper.tsx"),a),o(s("./src/helper/ValidationMessage/utils.ts"),a)},"./src/helper/ValidationMessage/utils.ts":(y,a)=>{"use strict";var s=Object.defineProperty,i=Object.defineProperties,o=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,d=(_,u,g)=>u in _?s(_,u,{enumerable:!0,configurable:!0,writable:!0,value:g}):_[u]=g,n=(_,u)=>{for(var g in u||(u={}))t.call(u,g)&&d(_,g,u[g]);if(e)for(var g of e(u))r.call(u,g)&&d(_,g,u[g]);return _},c=(_,u)=>i(_,o(u));Object.defineProperty(a,"__esModule",{value:!0}),a.getMessageInfo=a.MESSAGE_TYPES_CLASSNAME_MAP=a.ErrorMessageType=void 0;var f;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(f||(a.ErrorMessageType=f={}));const h=(_,u)=>{const g=`1px solid ${u}`;return{backgroundColor:_,borderLeft:g,borderRight:g,borderBottom:g,borderColor:u}},l={error:c(n({color:"var(--vscode-input-foreground)"},h("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};l.warning=n(n({},l.error),h("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),l.info=n(n({},l.error),h("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),a.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[f.Error,"error"],[f.Warning,"warning"],[f.Info,"info"]]);const v=_=>{let u;switch(_){case f.Warning:{u=l.warning;break}case f.Info:{u=l.info;break}default:{u=l.error;break}}return u},b=_=>{if(_){if(_.errorMessage)return f.Error;if(_.warningMessage)return f.Warning;if(_.infoMessage)return f.Info}return f.Error},p=_=>{const u=["errorMessage","warningMessage","infoMessage"];for(const g of u)if(_!=null&&_[g])return _[g]},m=_=>{const u=b(_);return{type:u,style:v(u),message:p(_)}};a.getMessageInfo=m},"./stories/UICheckbox.story.tsx":function(y,a,s){"use strict";var i=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(a,"__esModule",{value:!0}),a.defaultUsage=void 0;const o=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/UICheckbox/index.tsx");(0,s("./src/components/Icons.tsx").initIcons)(),a.default={title:"Basic Inputs/Checkbox"};const d={childrenGap:40},n=()=>{const c="Dummy message",f={width:"300px",marginBottom:"25px"};return o.default.createElement(e.Stack,{tokens:d,style:{width:300}},o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox"),o.default.createElement(t.UICheckbox,{label:"check"})),o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),o.default.createElement(t.UICheckbox,{label:"Error",errorMessage:c})),o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),o.default.createElement(t.UICheckbox,{label:"Warning",warningMessage:c})),o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),o.default.createElement(t.UICheckbox,{label:"Info",infoMessage:c})),o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),o.default.createElement(t.UICheckbox,{label:"Info",disabled:!0})),o.default.createElement(e.Stack,{tokens:{childrenGap:16}},o.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),o.default.createElement(t.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};a.defaultUsage=n},"./src/components/UIIcon/UIIcon.scss":(y,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>g});var i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=s.n(i),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(r),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(n),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=s.n(b),m={};for(const E in b)E!=="default"&&(m[E]=()=>b[E]);s.d(a,m);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var u=o()(p(),_);const g=p()&&p().locals?p().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(y,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>g});var i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=s.n(i),e=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(e),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(r),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(n),f=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),h=s.n(f),l=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=s.n(l),b=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),p=s.n(b),m={};for(const E in b)E!=="default"&&(m[E]=()=>b[E]);s.d(a,m);var _={};_.styleTagTransform=v(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=t(),_.insertStyleElement=h();var u=o()(p(),_);const g=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":y=>{"use strict";var a=[];function s(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function i(e,t){for(var r={},d=[],n=0;n<e.length;n++){var c=e[n],f=t.base?c[0]+t.base:c[0],h=r[f]||0,l="".concat(f," ").concat(h);r[f]=h+1;var v=s(l),b={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(v!==-1)a[v].references++,a[v].updater(b);else{var p=o(b,t);t.byIndex=n,a.splice(n,0,{identifier:l,updater:p,references:1})}d.push(l)}return d}function o(e,t){var r=t.domAPI(t);r.update(e);var d=function(c){if(c){if(c.css===e.css&&c.media===e.media&&c.sourceMap===e.sourceMap&&c.supports===e.supports&&c.layer===e.layer)return;r.update(e=c)}else r.remove()};return d}y.exports=function(e,t){t=t||{},e=e||[];var r=i(e,t);return function(n){n=n||[];for(var c=0;c<r.length;c++){var f=r[c],h=s(f);a[h].references--}for(var l=i(n,t),v=0;v<r.length;v++){var b=r[v],p=s(b);a[p].references===0&&(a[p].updater(),a.splice(p,1))}r=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":y=>{"use strict";var a={};function s(o){if(typeof a[o]=="undefined"){var e=document.querySelector(o);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}a[o]=e}return a[o]}function i(o,e){var t=s(o);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}y.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":y=>{"use strict";function a(s){var i=document.createElement("style");return s.setAttributes(i,s.attributes),s.insert(i,s.options),i}y.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(y,a,s)=>{"use strict";function i(o){var e=s.nc;e&&o.setAttribute("nonce",e)}y.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":y=>{"use strict";function a(o,e,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var d=typeof t.layer!="undefined";d&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,d&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var n=t.sourceMap;n&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),e.styleTagTransform(r,o,e.options)}function s(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function i(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=o.insertStyleElement(o);return{update:function(r){a(e,o,r)},remove:function(){s(e)}}}y.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":y=>{"use strict";function a(s,i){if(i.styleSheet)i.styleSheet.cssText=s;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(s))}}y.exports=a}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[900],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx":function(O,n,_){var m=Object.defineProperty,h=Object.defineProperties,s=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,l=(r,o,c)=>o in r?m(r,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[o]=c,f=(r,o)=>{for(var c in o||(o={}))t.call(o,c)&&l(r,c,o[c]);if(a)for(var c of a(o))i.call(o,c)&&l(r,c,o[c]);return r},v=(r,o)=>h(r,s(o)),g=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIChoiceGroup=void 0;const u=g(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=_("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),y=_("./src/components/UILabel/index.tsx"),d={fontSize:13,family:"var(--vscode-font-family)",disableOpacity:.4},e={label:v(f({},d),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:v(f({},d),{color:"var(--vscode-foreground)"})}};class p extends u.default.Component{constructor(o){super(o),this.setStyles=()=>f({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:f(f(f({},y.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return u.default.createElement(b.ChoiceGroup,f({styles:this.setStyles},this.props))}}n.UIChoiceGroup=p},"./src/components/UIChoiceGroup/index.tsx":function(O,n,_){var m=this&&this.__createBinding||(Object.create?function(s,a,t,i){i===void 0&&(i=t);var l=Object.getOwnPropertyDescriptor(a,t);(!l||("get"in l?!a.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return a[t]}}),Object.defineProperty(s,i,l)}:function(s,a,t,i){i===void 0&&(i=t),s[i]=a[t]}),h=this&&this.__exportStar||function(s,a){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(a,t)&&m(a,s,t)};Object.defineProperty(n,"__esModule",{value:!0}),h(_("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),n)},"./src/components/UILabel/UILabel.tsx":function(O,n,_){var m=Object.defineProperty,h=Object.defineProperties,s=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,l=(d,e,p)=>e in d?m(d,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):d[e]=p,f=(d,e)=>{for(var p in e||(e={}))t.call(e,p)&&l(d,p,e[p]);if(a)for(var p of a(e))i.call(e,p)&&l(d,p,e[p]);return d},v=(d,e)=>h(d,s(e)),g=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILabel=n.labelGlobalStyle=void 0;const u=g(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=_("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class y extends u.default.Component{constructor(e){super(e)}render(){const e=p=>f({},{root:[f({marginTop:25},n.labelGlobalStyle),p.disabled&&{opacity:"0.4"},p.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return u.default.createElement(b.Label,v(f({},this.props),{styles:e}))}}n.UILabel=y},"./src/components/UILabel/index.tsx":function(O,n,_){var m=this&&this.__createBinding||(Object.create?function(s,a,t,i){i===void 0&&(i=t);var l=Object.getOwnPropertyDescriptor(a,t);(!l||("get"in l?!a.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return a[t]}}),Object.defineProperty(s,i,l)}:function(s,a,t,i){i===void 0&&(i=t),s[i]=a[t]}),h=this&&this.__exportStar||function(s,a){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(a,t)&&m(a,s,t)};Object.defineProperty(n,"__esModule",{value:!0}),h(_("./src/components/UILabel/UILabel.tsx"),n)},"./stories/UIChoiceGroup.story.tsx":function(O,n,_){var m=Object.defineProperty,h=Object.defineProperties,s=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,l=(r,o,c)=>o in r?m(r,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[o]=c,f=(r,o)=>{for(var c in o||(o={}))t.call(o,c)&&l(r,c,o[c]);if(a)for(var c of a(o))i.call(o,c)&&l(r,c,o[c]);return r},v=(r,o)=>h(r,s(o)),g=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChoiceGroup=void 0;const u=g(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=_("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),y=_("./src/components/UIChoiceGroup/index.tsx");(0,_("./src/components/Icons.tsx").initIcons)(),n.default={title:"Basic Inputs/ChoiceGroup"};const e={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(r,o)=>{console.log(o.text)}},p=()=>u.default.createElement(b.Stack,null,u.default.createElement(b.Stack,null,u.default.createElement(b.Text,{variant:"large",block:!0},"ChoiceGroup"),u.default.createElement(b.Stack,null,u.default.createElement(y.UIChoiceGroup,f({},e))),u.default.createElement(b.Stack,null,u.default.createElement(y.UIChoiceGroup,v(f({},e),{title:"Disabled",disabled:!0}))),u.default.createElement(b.Stack,null,u.default.createElement(y.UIChoiceGroup,v(f({},e),{title:"Required",required:!0}))),u.default.createElement(b.Stack,null,u.default.createElement(y.UIChoiceGroup,v(f({},e),{title:"Inline",inline:!0})))));n.ChoiceGroup=p}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[295],{"./stories/UICombobox.story.tsx":function(I,t,c){var b=Object.defineProperty,f=Object.defineProperties,y=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,C=(a,n,l)=>n in a?b(a,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[n]=l,m=(a,n)=>{for(var l in n||(n={}))g.call(n,l)&&C(a,l,n[l]);if(p)for(var l of p(n))x.call(n,l)&&C(a,l,n[l]);return a},h=(a,n)=>f(a,y(n)),B=this&&this.__createBinding||(Object.create?function(a,n,l,d){d===void 0&&(d=l);var i=Object.getOwnPropertyDescriptor(n,l);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[l]}}),Object.defineProperty(a,d,i)}:function(a,n,l,d){d===void 0&&(d=l),a[d]=n[l]}),S=this&&this.__setModuleDefault||(Object.create?function(a,n){Object.defineProperty(a,"default",{enumerable:!0,value:n})}:function(a,n){a.default=n}),U=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var n={};if(a!=null)for(var l in a)l!=="default"&&Object.prototype.hasOwnProperty.call(a,l)&&B(n,a,l);return S(n,a),n};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=U(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=c("./src/components/UIComboBox/index.tsx"),w=c("./src/components/UICheckbox/index.tsx"),r=c("./test/__mock__/select-data.ts");(0,c("./src/components/Icons.tsx").initIcons)(),t.default={title:"Dropdowns/Combobox"};const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=A;const _=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=_;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300}));t.WithoutSearch=O;const v=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=v;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=D;const W=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=W;const P=()=>{const[a,n]=(0,e.useState)([]);function l(d,i,s,M){if(i){const u=[...a,i.key].filter(E=>i.selected?!0:E!==i.key);n(u)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,selectedKey:a,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=P;const R=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=R;const L=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=L;const T=()=>{const[a,n]=e.default.useState(!1),[l,d]=e.default.useState("EE"),i={childrenGap:40},s={options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(M,u)=>{if(Array.isArray(l)){const E=[...l,u==null?void 0:u.key].filter(H=>u!=null&&u.selected?!0:H!==(u==null?void 0:u.key));d(E)}else u&&d(u.key)}};return e.default.createElement("div",null,e.default.createElement(k.Stack,{horizontal:!0,tokens:i},e.default.createElement(w.UICheckbox,{label:"Multi Select",checked:a,onChange:(M,u)=>{u&&!Array.isArray(l)?d([l]):!u&&Array.isArray(l)&&d(l[0]),n(u)}})),e.default.createElement(k.Stack,{horizontal:!0,tokens:i},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},s),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=T;const F=()=>{const a=[...r.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=F},"./test/__mock__/select-data.ts":(I,t,c)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const b=c("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const f={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const y in f){t.groupsData.push({key:y,text:y.charAt(0).toUpperCase()+y.slice(1),itemType:b.UISelectableOptionMenuItemType.Header});const p=f[y];for(const g of p){const x=t.data.find(C=>C.key===g);x&&t.groupsData.push(x)}}}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[778],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.exports=function(r){var o=[];return o.toString=function(){return this.map(function(t){var e="",n=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),n&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=r(t),n&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},o.i=function(t,e,n,a,f){typeof t=="string"&&(t=[[null,t,void 0]]);var c={};if(n)for(var s=0;s<this.length;s++){var m=this[s][0];m!=null&&(c[m]=!0)}for(var i=0;i<t.length;i++){var u=[].concat(t[i]);n&&c[u[0]]||(typeof f!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=f),e&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=e),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"./stories/UIContextualMenu.story.tsx":function(d,r,o){var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const t=l(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=o("./src/components/UIContextualMenu/index.tsx"),a=o("./src/components/UIButton/index.tsx"),f=o("./src/components/Icons.tsx");(0,f.initIcons)(),r.default={title:"Dropdowns/ContextualMenu"};const c={childrenGap:40},s=[{key:"item1",text:"menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"menu item 2",subMenuProps:{items:[{key:"submenuitem1",text:"submenu item 1"},{key:"submenuitem2",text:"submenu item 2",split:!0,subMenuProps:{items:[{key:"submenuitem21",text:"submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"submenu item 22",canCheck:!0}]}},{key:"submenuitem3",text:"submenu item 3"},{key:"submenuitem4",text:"submenu item 1"},{key:"submenuitem5",text:"submenu item 2"},{key:"submenuitem6",text:"submenu item 3"}]}}],m=()=>{const i=t.default.useRef(null),[u,p]=t.default.useState(!1),y=t.default.useCallback(()=>{p(!0)},[]),v=t.default.useCallback(()=>p(!1),[]);return t.default.createElement(e.Stack,{tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),t.default.createElement("span",{ref:i,onClick:y},"Click for ContextualMenu"),t.default.createElement(n.UIContextualMenu,{hidden:!u,target:i,items:s,onDismiss:v})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),t.default.createElement(e.Stack,{horizontal:!0,tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:8}},t.default.createElement(e.Text,{variant:"small",block:!0},"UIDefaultButton"),t.default.createElement(a.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:s}})))),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),t.default.createElement(e.Stack,{horizontal:!0,tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:8}},t.default.createElement(e.Text,{variant:"small",block:!0},"UIIconButton"),t.default.createElement(a.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:s}})))))};r.ContextualMenu=m},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{var r=[];function o(e){for(var n=-1,a=0;a<r.length;a++)if(r[a].identifier===e){n=a;break}return n}function l(e,n){for(var a={},f=[],c=0;c<e.length;c++){var s=e[c],m=n.base?s[0]+n.base:s[0],i=a[m]||0,u="".concat(m," ").concat(i);a[m]=i+1;var p=o(u),y={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(p!==-1)r[p].references++,r[p].updater(y);else{var v=t(y,n);n.byIndex=c,r.splice(c,0,{identifier:u,updater:v,references:1})}f.push(u)}return f}function t(e,n){var a=n.domAPI(n);a.update(e);var f=function(s){if(s){if(s.css===e.css&&s.media===e.media&&s.sourceMap===e.sourceMap&&s.supports===e.supports&&s.layer===e.layer)return;a.update(e=s)}else a.remove()};return f}d.exports=function(e,n){n=n||{},e=e||[];var a=l(e,n);return function(c){c=c||[];for(var s=0;s<a.length;s++){var m=a[s],i=o(m);r[i].references--}for(var u=l(c,n),p=0;p<a.length;p++){var y=a[p],v=o(y);r[v].references===0&&(r[v].updater(),r.splice(v,1))}a=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{var r={};function o(t){if(typeof r[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}r[t]=e}return r[t]}function l(t,e){var n=o(t);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(e)}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(o){var l=document.createElement("style");return o.setAttributes(l,o.attributes),o.insert(l,o.options),l}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,o)=>{function l(t){var e=o.nc;e&&t.setAttribute("nonce",e)}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(t,e,n){var a="";n.supports&&(a+="@supports (".concat(n.supports,") {")),n.media&&(a+="@media ".concat(n.media," {"));var f=typeof n.layer!="undefined";f&&(a+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),a+=n.css,f&&(a+="}"),n.media&&(a+="}"),n.supports&&(a+="}");var c=n.sourceMap;c&&typeof btoa!="undefined"&&(a+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleTagTransform(a,t,e.options)}function o(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(a){r(e,t,a)},remove:function(){o(e)}}}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function r(o,l){if(l.styleSheet)l.styleSheet.cssText=o;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(o))}}d.exports=r}}]);})();
|