@sap-ux/ui-components 1.27.5 → 1.27.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/UIComboBox/UIComboBox.scss +0 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.scss +0 -1
- package/dist/components/UIContextualMenu/_variables.scss +2 -2
- package/package.json +6 -6
- package/storybook/113.2ed5a39a.iframe.bundle.js +1 -0
- package/storybook/{837.1ed4f2bd.iframe.bundle.js → 236.ff5a9ad4.iframe.bundle.js} +1 -1
- package/storybook/{802.1ba71a69.iframe.bundle.js → 368.8390c74e.iframe.bundle.js} +1 -1
- package/storybook/{971.b45c4cd4.iframe.bundle.js → 441.f7312395.iframe.bundle.js} +2 -2
- package/storybook/{594.68038794.iframe.bundle.js → 460.2c9fba65.iframe.bundle.js} +1 -1
- package/storybook/{990.02fc7a41.iframe.bundle.js → 514.2cdee17d.iframe.bundle.js} +1 -1
- package/storybook/{369.0575aa41.iframe.bundle.js → 623.88aaf0f1.iframe.bundle.js} +1 -1
- package/storybook/{58.06ea1319.iframe.bundle.js → 731.79239106.iframe.bundle.js} +17 -17
- package/storybook/769.791688c7.iframe.bundle.js +1 -0
- package/storybook/875.dfaefbad.iframe.bundle.js +1 -0
- package/storybook/{UIActionCallout-story.88e1aec9.iframe.bundle.js → UIActionCallout-story.771fe34d.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.715ddb2e.iframe.bundle.js → UIButton-story.07594ca6.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.5ac8b92e.iframe.bundle.js → UICallout-story.af71a034.iframe.bundle.js} +2 -2
- package/storybook/{UICheckbox-story.bb5c66b5.iframe.bundle.js → UICheckbox-story.874b293e.iframe.bundle.js} +2 -2
- package/storybook/{UIContextualMenu-story.3f2c4d23.iframe.bundle.js → UIContextualMenu-story.a900805c.iframe.bundle.js} +2 -2
- package/storybook/{UICreateSelect-story.755a7e1d.iframe.bundle.js → UICreateSelect-story.da65729d.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.c1e523bc.iframe.bundle.js → UIDatePicker-story.af195695.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.1a0619ad.iframe.bundle.js → UIDialog-story.a4c932c6.iframe.bundle.js} +2 -2
- package/storybook/{UILink-story.9f120d92.iframe.bundle.js → UILink-story.6ae036dc.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.f3ea60f2.iframe.bundle.js → UILoader-story.5a15bac7.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.db4b3f34.iframe.bundle.js → UITextInput-story.1c528e90.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.cd48879b.iframe.bundle.js → UIToggle-story.c0e3f858.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.b001504f.iframe.bundle.js → UIToggleGroup-story.9b0cdf62.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.64c80bb3.iframe.bundle.js → UITooltip-story.b37f3d3f.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.fcfaaf97.iframe.bundle.js → UITreedropdown-story.84d30e6c.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +2 -2
- package/storybook/{main.279517df.iframe.bundle.js → main.9c9dd782.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.bdd1833e.iframe.bundle.js +2 -0
- package/storybook/15.61d09d58.iframe.bundle.js +0 -1
- package/storybook/253.bdcb2255.iframe.bundle.js +0 -1
- package/storybook/569.982cfaea.iframe.bundle.js +0 -1
- package/storybook/runtime~main.d89b841f.iframe.bundle.js +0 -2
|
@@ -266,7 +266,6 @@ $layout-contextual-menu-item-focus-color: $layout-contextual-menu-item-hover-col
|
|
|
266
266
|
color: $menu-item-header-color;
|
|
267
267
|
font-size: $menu-item-header-font-size;
|
|
268
268
|
font-weight: $menu-item-header-font-weight;
|
|
269
|
-
text-transform: $menu-item-header-text-transform;
|
|
270
269
|
}
|
|
271
270
|
.ms-ContextualMenu-linkContent,
|
|
272
271
|
.ms-ContextualMenu-itemText {
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
$menu-background: var(--vscode-menu-background, var(--vscode-input-background));
|
|
5
5
|
$menu-color: var(--vscode-editorSuggestWidget-foreground);
|
|
6
|
+
$menu-header-color: var(--vscode-editorSuggestWidget-highlightForeground);
|
|
6
7
|
$menu-border-color: var(--vscode-focusBorder);
|
|
7
8
|
$menu-border-radius: 2px;
|
|
8
9
|
|
|
@@ -31,6 +32,5 @@ $menu-item-border-offset: -1px;
|
|
|
31
32
|
$menu-item-disabled-opacity: 0.4;
|
|
32
33
|
$menu-item-divider-color: var(--vscode-editorWidget-border);
|
|
33
34
|
$menu-item-header-font-size: 11px;
|
|
34
|
-
$menu-item-header-color: $menu-color;
|
|
35
|
+
$menu-item-header-color: $menu-header-color;
|
|
35
36
|
$menu-item-header-font-weight: bold;
|
|
36
|
-
$menu-item-header-text-transform: uppercase;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sap-ux/ui-components",
|
|
3
|
-
"version": "1.27.
|
|
3
|
+
"version": "1.27.6",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "SAP UI Components Library",
|
|
6
6
|
"repository": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"react-movable": "2.5.4",
|
|
24
24
|
"react-select": "5.8.0",
|
|
25
25
|
"react-virtualized": "9.22.5",
|
|
26
|
-
"sanitize-html": "2.17.
|
|
26
|
+
"sanitize-html": "2.17.1",
|
|
27
27
|
"uuid": "3.4.0"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
"react-dom": ">=16.14.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@babel/core": "7.
|
|
34
|
+
"@babel/core": "7.29.0",
|
|
35
35
|
"@babel/helper-define-map": "7.18.6",
|
|
36
|
-
"@babel/preset-env": "7.
|
|
37
|
-
"@babel/preset-react": "7.
|
|
38
|
-
"@babel/preset-typescript": "7.
|
|
36
|
+
"@babel/preset-env": "7.29.0",
|
|
37
|
+
"@babel/preset-react": "7.28.5",
|
|
38
|
+
"@babel/preset-typescript": "7.28.5",
|
|
39
39
|
"@storybook/react": "8.4.2",
|
|
40
40
|
"@storybook/react-webpack5": "8.4.2",
|
|
41
41
|
"@testing-library/jest-dom": "5.17.0",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,s,e)=>s in a?j(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,y=(a,s)=>{for(var e in s||(s={}))C.call(s,e)&&P(a,e,s[e]);if(v)for(var e of v(s))A.call(s,e)&&P(a,e,s[e]);return a},I=(a,s)=>h(a,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[113],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":((a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=n}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":((a,s,e)=>{var i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),n=d(i);n.push([a.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}",""]),a.exports=n}),"./src/components/UIIcon/UIIcon.scss":((a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0}),"./src/helper/ValidationMessage/MessageWrapper.scss":((a,s,e)=>{"use strict";e.r(s),e.d(s,{default:()=>O});var i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(i),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(n),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=e.n(o),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=e.n(_),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),g=e.n(m),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=e.n(c),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(p),M={};for(const E in p)E!=="default"&&(M[E]=()=>p[E]);e.d(s,M);var f={};f.styleTagTransform=u(),f.setAttributes=l(),f.insert=r().bind(null,"head"),f.domAPI=t(),f.insertStyleElement=g();var S=d()(b(),f);const O=b()&&b().locals?b().locals:void 0}),"./src/components/UIIcon/UIIcon.tsx":(function(a,s,e){"use strict";var i=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends d.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return d.default.createElement(n.Icon,I(y({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}s.UIIcon=t}),"./src/components/UIIcon/index.tsx":(function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?(function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}):(function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]})),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),s)}),"./src/components/UIInput/UITextInput.tsx":(function(a,s,e){"use strict";var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITextInput=s.COMMON_INPUT_STYLES=s.ITextFieldProps=s.ITextField=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),r=e("./src/components/types.ts");var _=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"ITextField",{enumerable:!0,get:function(){return _.ITextField}}),Object.defineProperty(s,"ITextFieldProps",{enumerable:!0,get:function(){return _.ITextFieldProps}}),s.COMMON_INPUT_STYLES={borderRadius:2};const l={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class m extends d.default.Component{constructor(c){super(c),this.getStyles=u=>{const p=(0,t.getMessageInfo)(this.props);return{root:{height:"auto"},fieldGroup:[{backgroundColor:l.regular.backgroundColor,borderWidth:1,borderStyle:l.regular.borderStyle,borderColor:l.regular.borderColor,color:l.regular.color,borderRadius:s.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!u.multiline&&{height:24,maxHeight:24,minHeight:24},!u.disabled&&{selectors:{"&:hover":{borderColor:l.hover.borderColor}}},u.disabled&&{backgroundColor:l.disabled.backgroundColor,opacity:l.disabled.opacity,borderRadius:s.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:l.readOnly.borderStyle,backgroundColor:l.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},u.hasErrorMessage&&{borderColor:p.style.borderColor},u.focused&&{selectors:{":after":{border:this.getFocusBorder(p),borderRadius:s.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:l.regular.backgroundColor,color:l.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:s.COMMON_INPUT_STYLES.borderRadius,selectors:{"::placeholder":{fontSize:13,color:"var(--vscode-input-placeholderForeground)"}}},!u.multiline&&{lineHeight:"normal"},u.multiline&&{minHeight:"60px",height:"auto",display:"flex"},u.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:l.readOnly.backgroundColor},u.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[y({marginTop:25},o.labelGlobalStyle),u.disabled&&{opacity:l.disabled.opacity},u.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[p.style],icon:[{bottom:2}]}},this.onRenderInput=this.onRenderInput.bind(this)}getFocusBorder(c){let u=l.focus.borderColor;return this.props.errorMessage&&c.style.borderColor&&(u=`var(${c.style.borderColor})`),`1px ${l.regular.borderStyle} ${u}`}onRenderDisabledInput(c,u){const p=this.props.disabled?I(y({},c),{disabled:void 0,readOnly:!0,"aria-disabled":!0}):c;return(u==null?void 0:u(p))||null}onRenderInput(c,u){return this.props.onRenderInput?this.props.onRenderInput(c,p=>this.onRenderDisabledInput(p,u)):this.onRenderDisabledInput(c,u)}render(){const c=(0,t.getMessageInfo)(this.props),u=this.getStyles;return d.default.createElement(n.TextField,I(y({},this.props),{onRenderInput:this.onRenderInput,errorMessage:c.message,styles:u}))}}s.UITextInput=m}),"./src/components/UIInput/index.tsx":(function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?(function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}):(function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]})),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),s)}),"./src/components/UILabel/UILabel.tsx":(function(a,s,e){"use strict";var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/components/types.ts");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends d.default.Component{constructor(_){super(_)}render(){const _=l=>({root:[y({marginTop:25},s.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(n.Label,I(y({},this.props),{styles:_}))}}s.UILabel=o}),"./src/components/UILabel/index.tsx":(function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?(function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}):(function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]})),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),s)}),"./src/components/types.ts":((a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.REQUIRED_LABEL_INDICATOR=void 0,s.REQUIRED_LABEL_INDICATOR="' *' / ''"}),"./src/helper/ValidationMessage/MessageWrapper.tsx":(function(a,s,e){"use strict";var i=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(s,"__esModule",{value:!0}),s.MESSAGE_ICONS_MAP=void 0,s.MessageWrapper=r;const d=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),s.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[n.ErrorMessageType.Error,t.UiIcons.Error],[n.ErrorMessageType.Warning,t.UiIcons.Warning],[n.ErrorMessageType.Info,t.UiIcons.Info]]);function r(_){const{children:l,message:m}=_,g=m.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,c=s.MESSAGE_ICONS_MAP.get(m.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${g}`},d.default.createElement("div",{className:"ts-message-target"},l),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:c}),d.default.createElement("span",null,m.message)))}}),"./src/helper/ValidationMessage/index.tsx":(function(a,s,e){"use strict";var i=this&&this.__createBinding||(Object.create?(function(n,t,o,r){r===void 0&&(r=o);var _=Object.getOwnPropertyDescriptor(t,o);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(n,r,_)}):(function(n,t,o,r){r===void 0&&(r=o),n[r]=t[o]})),d=this&&this.__exportStar||function(n,t){for(var o in n)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&i(t,n,o)};Object.defineProperty(s,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),s),d(e("./src/helper/ValidationMessage/utils.ts"),s)}),"./src/helper/ValidationMessage/utils.ts":((a,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getMessageInfo=s.MESSAGE_TYPES_CLASSNAME_MAP=s.ErrorMessageType=void 0;var e;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(e||(s.ErrorMessageType=e={}));const i=(_,l)=>{const m=`1px solid ${l}`;return{backgroundColor:_,borderLeft:m,borderRight:m,borderBottom:m,borderColor:l}},d={error:I(y({color:"var(--vscode-input-foreground)"},i("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=y(y({},d.error),i("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=y(y({},d.error),i("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),s.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const n=_=>{let l;switch(_){case e.Warning:{l=d.warning;break}case e.Info:{l=d.info;break}default:{l=d.error;break}}return l},t=_=>{if(_){if(_.errorMessage)return e.Error;if(_.warningMessage)return e.Warning;if(_.infoMessage)return e.Info}return e.Error},o=_=>{const l=["errorMessage","warningMessage","infoMessage"];for(const m of l)if(_!=null&&_[m])return _[m]},r=_=>{const l=t(_);return{type:l,style:n(l),message:o(_)}};s.getMessageInfo=r})}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var U=(p,o,e)=>o in p?M(p,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[o]=e,b=(p,o)=>{for(var e in o||(o={}))B.call(o,e)&&U(p,e,o[e]);if(P)for(var e of P(o))C.call(o,e)&&U(p,e,o[e]);return p},h=(p,o)=>D(p,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[837],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":((p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.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}",""]),p.exports=l}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":((p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.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}',""]),p.exports=l}),"./src/components/UIToggleGroup/UIToggleGroup.scss":((p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":((p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0}),"./src/components/UIFocusZone/UIFocusTrapZone.tsx":(function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=n}),"./src/components/UIFocusZone/UIFocusZone.tsx":(function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return l.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return l.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return l.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return l.FocusZoneTabbableElements}});class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=n}),"./src/components/UIFocusZone/index.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)}),"./src/components/UIToggleGroup/UIToggleGroup.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,s,_,u){u===void 0&&(u=_);var i=Object.getOwnPropertyDescriptor(s,_);(!i||("get"in i?!s.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(r,u,i)}):(function(r,s,_,u){u===void 0&&(u=_),r[u]=s[_]})),m=this&&this.__setModuleDefault||(Object.create?(function(r,s){Object.defineProperty(r,"default",{enumerable:!0,value:s})}):function(r,s){r.default=s}),l=this&&this.__importStar||(function(){var r=function(s){return r=Object.getOwnPropertyNames||function(_){var u=[];for(var i in _)Object.prototype.hasOwnProperty.call(_,i)&&(u[u.length]=i);return u},r(s)};return function(s){if(s&&s.__esModule)return s;var _={};if(s!=null)for(var u=r(s),i=0;i<u.length;i++)u[i]!=="default"&&g(_,s,u[i]);return m(_,s),_}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),c=e("./src/components/UIFocusZone/index.tsx"),f=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class a extends n.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,f.getUIId)("ui-toggle-group-option-"),this.onClick=(_,u)=>{let i=!1;u!=null&&u.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,v)=>O.key===u.itemKey?(i=!v[j].selected,h(b({},O),{selected:i,focused:v[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,u.itemKey,i)),y})},this.onFocus=(_,u)=>{u!=null&&u.itemKey&&this.setState(i=>({options:i.options.map(I=>I.key===u.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(_,u)=>{this.setState(i=>({options:i.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(_=>_.key===this.props.selectedKey?h(b({},_),{selected:!0}):b({},_))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(d.UILabel,h(b({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(c.UIFocusZone,{as:"div",direction:c.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>n.createElement(t.UIToggleGroupOption,h(b({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled||this.props.disabled})))))}}o.UIToggleGroup=a}),"./src/components/UIToggleGroup/UIToggleGroup.types.ts":((p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(f,a,r,s){s===void 0&&(s=r);var _=Object.getOwnPropertyDescriptor(a,r);(!_||("get"in _?!a.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(f,s,_)}):(function(f,a,r,s){s===void 0&&(s=r),f[s]=a[r]})),m=this&&this.__setModuleDefault||(Object.create?(function(f,a){Object.defineProperty(f,"default",{enumerable:!0,value:a})}):function(f,a){f.default=a}),l=this&&this.__importStar||(function(){var f=function(a){return f=Object.getOwnPropertyNames||function(r){var s=[];for(var _ in r)Object.prototype.hasOwnProperty.call(r,_)&&(s[s.length]=_);return s},f(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var s=f(a),_=0;_<s.length;_++)s[_]!=="default"&&g(r,a,s[_]);return m(r,a),r}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class c extends n.Component{constructor(a){super(a),this.onClick=r=>{var s,_;(_=(s=this.props).onClick)==null||_.call(s,r,this.props)},this.onBlur=r=>{var s,_;(_=(s=this.props).onBlur)==null||_.call(s,r,this.props)},this.onFocus=r=>{var s,_;(_=(s=this.props).onFocus)==null||_.call(s,r,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const a=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return n.createElement("button",h(b(h(b({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(r=>!!r).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":a}),{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",b({id:a,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(t.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=c}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":((p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})}),"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)}),"./src/components/UIToggleGroup/index.ts":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)})}]);})();
|
|
1
|
+
(()=>{var M=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var U=(p,o,e)=>o in p?M(p,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):p[o]=e,b=(p,o)=>{for(var e in o||(o={}))B.call(o,e)&&U(p,e,o[e]);if(P)for(var e of P(o))C.call(o,e)&&U(p,e,o[e]);return p},h=(p,o)=>D(p,A(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[236],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss":((p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.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}",""]),p.exports=l}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":((p,o,e)=>{var g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),l=m(g);l.push([p.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}',""]),p.exports=l}),"./src/components/UIToggleGroup/UIToggleGroup.scss":((p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroup.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss":((p,o,e)=>{"use strict";e.r(o),e.d(o,{default:()=>E});var g=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=e.n(g),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=e.n(l),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=e.n(t),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),f=e.n(c),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),r=e.n(a),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),_=e.n(s),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss"),i=e.n(u),I={};for(const O in u)O!=="default"&&(I[O]=()=>u[O]);e.d(o,I);var y={};y.styleTagTransform=_(),y.setAttributes=f(),y.insert=d().bind(null,"head"),y.domAPI=n(),y.insertStyleElement=r();var T=m()(i(),y);const E=i()&&i().locals?i().locals:void 0}),"./src/components/UIFocusZone/UIFocusTrapZone.tsx":(function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=n}),"./src/components/UIFocusZone/UIFocusZone.tsx":(function(p,o,e){"use strict";var g=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const m=g(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return l.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return l.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return l.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return l.FocusZoneTabbableElements}});class n extends m.default.Component{constructor(d){super(d)}render(){return m.default.createElement(l.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=n}),"./src/components/UIFocusZone/index.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),m(e("./src/components/UIFocusZone/UIFocusZone.tsx"),o)}),"./src/components/UIToggleGroup/UIToggleGroup.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(r,s,_,u){u===void 0&&(u=_);var i=Object.getOwnPropertyDescriptor(s,_);(!i||("get"in i?!s.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(r,u,i)}):(function(r,s,_,u){u===void 0&&(u=_),r[u]=s[_]})),m=this&&this.__setModuleDefault||(Object.create?(function(r,s){Object.defineProperty(r,"default",{enumerable:!0,value:s})}):function(r,s){r.default=s}),l=this&&this.__importStar||(function(){var r=function(s){return r=Object.getOwnPropertyNames||function(_){var u=[];for(var i in _)Object.prototype.hasOwnProperty.call(_,i)&&(u[u.length]=i);return u},r(s)};return function(s){if(s&&s.__esModule)return s;var _={};if(s!=null)for(var u=r(s),i=0;i<u.length;i++)u[i]!=="default"&&g(_,s,u[i]);return m(_,s),_}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroup=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIToggleGroup/UIToggleGroupOption/index.ts"),d=e("./src/components/UILabel/index.tsx"),c=e("./src/components/UIFocusZone/index.tsx"),f=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroup.scss");class a extends n.Component{constructor(s){super(s),this.labelId=this.props.labelId?this.props.labelId:(0,f.getUIId)("ui-toggle-group-option-"),this.onClick=(_,u)=>{let i=!1;u!=null&&u.itemKey&&this.setState(I=>{var T,E;const y={options:I.options.map((O,j,v)=>O.key===u.itemKey?(i=!v[j].selected,h(b({},O),{selected:i,focused:v[j].focused})):h(b({},O),{selected:!1,focused:!1}))};return this.props.onChange&&((E=(T=this.props).onChange)==null||E.call(T,u.itemKey,i)),y})},this.onFocus=(_,u)=>{u!=null&&u.itemKey&&this.setState(i=>({options:i.options.map(I=>I.key===u.itemKey?h(b({},I),{focused:!0}):h(b({},I),{focused:!1}))}))},this.onBlur=(_,u)=>{this.setState(i=>({options:i.options.map(I=>h(b({},I),{focused:!1}))}))},this.state={options:this.props.options.map(_=>_.key===this.props.selectedKey?h(b({},_),{selected:!0}):b({},_))},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){return n.createElement("div",b({className:"ui-toggle-group",role:"group"},this.props.ariaLabel&&{"aria-labelledby":this.labelId}),this.props.label&&n.createElement(d.UILabel,h(b({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(c.UIFocusZone,{as:"div",direction:c.UIFocusZoneDirection.horizontal,isCircularNavigation:!0,shouldRaiseClicks:!0,className:"ui-toggle-group-container",role:"list"},this.state.options.map(s=>n.createElement(t.UIToggleGroupOption,h(b({itemKey:s.key},s),{key:s.key,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur,selected:s.selected,disabled:s.disabled||this.props.disabled})))))}}o.UIToggleGroup=a}),"./src/components/UIToggleGroup/UIToggleGroup.types.ts":((p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(f,a,r,s){s===void 0&&(s=r);var _=Object.getOwnPropertyDescriptor(a,r);(!_||("get"in _?!a.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(f,s,_)}):(function(f,a,r,s){s===void 0&&(s=r),f[s]=a[r]})),m=this&&this.__setModuleDefault||(Object.create?(function(f,a){Object.defineProperty(f,"default",{enumerable:!0,value:a})}):function(f,a){f.default=a}),l=this&&this.__importStar||(function(){var f=function(a){return f=Object.getOwnPropertyNames||function(r){var s=[];for(var _ in r)Object.prototype.hasOwnProperty.call(r,_)&&(s[s.length]=_);return s},f(a)};return function(a){if(a&&a.__esModule)return a;var r={};if(a!=null)for(var s=f(a),_=0;_<s.length;_++)s[_]!=="default"&&g(r,a,s[_]);return m(r,a),r}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UIToggleGroupOption=void 0;const n=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIIcon/index.tsx"),d=e("./src/utilities/index.ts");e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss");class c extends n.Component{constructor(a){super(a),this.onClick=r=>{var s,_;(_=(s=this.props).onClick)==null||_.call(s,r,this.props)},this.onBlur=r=>{var s,_;(_=(s=this.props).onBlur)==null||_.call(s,r,this.props)},this.onFocus=r=>{var s,_;(_=(s=this.props).onFocus)==null||_.call(s,r,this.props)},this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this)}render(){const a=this.props.labelId?this.props.labelId:(0,d.getUIId)("ui-toggle-group-option-");return n.createElement("button",h(b(h(b({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(r=>!!r).join(" ")}),this.props.ariaLabel&&{"aria-labelledby":a}),{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",b({id:a,className:"ui-toggle-group-option-content-text"},this.props.ariaLabel&&{"aria-label":this.props.ariaLabel}),this.props.text),this.props.icon&&n.createElement(t.UIIcon,{className:"ui-toggle-group-option-content-icon",iconName:this.props.icon})))}}o.UIToggleGroupOption=c}),"./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts":((p,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0})}),"./src/components/UIToggleGroup/UIToggleGroupOption/index.ts":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.ts"),o)}),"./src/components/UIToggleGroup/index.ts":(function(p,o,e){"use strict";var g=this&&this.__createBinding||(Object.create?(function(l,n,t,d){d===void 0&&(d=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(l,d,c)}):(function(l,n,t,d){d===void 0&&(d=t),l[d]=n[t]})),m=this&&this.__exportStar||function(l,n){for(var t in l)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&g(n,l,t)};Object.defineProperty(o,"__esModule",{value:!0}),m(e("./src/components/UIToggleGroup/UIToggleGroup.tsx"),o),m(e("./src/components/UIToggleGroup/UIToggleGroup.types.ts"),o)})}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var w=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(y,t,e)=>t in y?w(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,b=(y,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(y,e,t[e]);if(P)for(var e of P(t))M.call(t,e)&&v(y,e,t[e]);return y},O=(y,t)=>C(y,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[802],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":((y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),y.exports=a}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":((y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.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)}",""]),y.exports=a}),"./src/components/UIDropdown/UIDropdown.scss":((y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0}),"./src/styles/_shadows.scss":((y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0}),"./src/components/UICallout/CalloutCollisionTransform.ts":((y,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},h=20;class i{constructor(r,n,o=e){this.originalStyle={},this.source=r,this.callout=n,this.props=o,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const n=document.createElement("div");return n.classList.add("ts-Callout-transformation"),n.style.height=`${r}px`,n}getElements(){const r=this.source.current,n=r==null?void 0:r.closest(this.props.container);if(n&&r){const o=n==null?void 0:n.querySelector(this.props.target);if(o){const _={container:{dom:n,rect:n.getBoundingClientRect()},target:{dom:o,rect:o.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},c=this.callout.current;return c&&(_.callout={dom:c,rect:c.getBoundingClientRect()}),_}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o,callout:_,source:c}=r;if(_){const D=window.innerHeight-e.minPagePadding,l=_.rect.height,m=c.rect.bottom;let p=m+l-o.rect.top,u=m+_.rect.height;if(p<=0||u>=D)return;if(u+=o.rect.height,u<=D&&(p+=h),this.props.absolute){const s=n.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${n.rect.top}px`,s.left=`${n.rect.left}px`}this.placeholder=this.createPlaceholder(p),o.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:n}=r;for(const o in this.originalStyle){const _=this.originalStyle[o];typeof _=="string"&&(n.dom.style[o]=_)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const n=this.getElements();return!!(r.type==="focus"&&(n!=null&&n.target.dom.contains(r.target)))}}t.CalloutCollisionTransform=i}),"./src/components/UICallout/UICallout.tsx":(function(y,t,e){"use strict";var h=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var n;(function(l){l.None="None",l.Standard="Standard"})(n||(t.UICalloutContentPadding=n={}));const o=new Map([[n.Standard,8]]),_=(l,m)=>typeof l=="object"&&typeof l[m]=="object"?l[m]:{},c=l=>{var m,p;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},_(l.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},_(l.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},_(l.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(m=l.calloutMinWidth)!=null?m:300,boxSizing:"border-box",padding:o.get((p=l.contentPadding)!=null?p:n.None)},_(l.styles,"calloutMain")),container:_(l.styles,"container")}};t.getCalloutStyle=c;class D extends i.default.Component{constructor(m){super(m),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(m){const{onKeyDown:p,focusTargetSiblingOnTabPress:u,target:s}=this.props;if(u&&m.key==="Tab"&&s){let d=null;if(typeof s=="string"){const f=(0,a.getDocument)();d=f==null?void 0:f.querySelector(s)}else"getBoundingClientRect"in s&&(0,r.isHTMLElement)(s)&&(d=s);d&&(0,r.focusToSibling)(d,!m.shiftKey)&&(m.stopPropagation(),m.preventDefault())}p==null||p(m)}render(){return i.default.createElement(a.Callout,O(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=D}),"./src/components/UICallout/index.tsx":(function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?(function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}):(function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]})),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),i(e("./src/components/UICallout/UICallout.tsx"),t)}),"./src/components/UIDropdown/UIDropdown.tsx":(function(y,t,e){"use strict";var h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),n=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),_=e("./src/components/UIDropdown/utils.ts"),c=e("./src/components/UICallout/index.tsx"),D=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const l="var(--vscode-inputValidation-errorBorder)";class m extends i.default.Component{constructor(u){super(u),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new c.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=s=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(s);{const{multiSelectDelimiter:d=", "}=this.props;if(s){const f=s.map(S=>S.text).join(d);return i.default.createElement(i.default.Fragment,null,f)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(s=>({isOpen:!s.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(s=>({isOpen:!s.isOpen})),this.props.onHandleOpen())})},this.onChange=(s,d,f)=>{this.props.multiSelect&&this.props.onHandleChange&&d&&f&&this.props.onHandleChange(d,f)},this.stopEventPropagation=s=>{s.stopPropagation()},this._onRenderOption=(s,d)=>i.default.createElement(i.default.Fragment,null,d==null?void 0:d(s),(s==null?void 0:s.itemType)!==a.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(s,d)=>this.props.onRenderOption?this.props.onRenderOption(s,this._onRenderOption.bind(this,s,d)):this._onRenderOption(s,d),this._onRenderItem=(s,d)=>d&&s?(s.title===void 0&&(s.title=s.text),d(s)):null,this.onRenderItem=(s,d)=>this.props.onRenderItem?this.props.onRenderItem(s,this._onRenderItem.bind(this,s,d)):this._onRenderItem(s,d),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:s,readOnly:d,disabled:f}=this.props,S=u.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let g=`ts-SelectBox${u.message?" ts-SelectBox--"+S:""}`;return d&&!f&&(g+=" ts-SelectBox--readonly"),f&&(g+=" ts-SelectBox--disabled"),s&&(g+=` ${s}`),(0,_.isDropdownEmpty)(this.props)&&(g+=" ts-SelectBox--empty"),g}getAccessibilityProps(){const{readOnly:u,disabled:s}=this.props,d={};return u&&!s?(d.tabIndex=0,d["data-is-focusable"]=!0,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.tabIndex=0,d["data-is-focusable"]=!0),d}render(){const u=(0,n.getMessageInfo)(this.props),s=this.getAccessibilityProps(),d=()=>({label:b(b(b({},o.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:D.REQUIRED_LABEL_INDICATOR,color:l,paddingRight:12}}}),errorMessage:[u.style]});return i.default.createElement(a.Dropdown,O(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},s),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,_.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:d,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=m}),"./src/components/UIDropdown/index.tsx":(function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?(function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}):(function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]})),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),t),i(e("./src/components/UIDropdown/utils.ts"),t)}),"./src/components/UIDropdown/utils.ts":((y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=h,t.getCalloutCollisionTransformationPropsForDropdown=n;function e(o){var c;const{selectedKey:_}=o;return Array.isArray(_)?_.length===0:"text"in o&&o.text||"selectedKeys"in o&&((c=o.selectedKeys)!=null&&c.length)?!1:!_}function h(o,_,c){if(_&&c)return{preventDismissOnEvent:o.preventDismissOnEvent,layerProps:{onLayerDidMount:o.applyTransformation,onLayerWillUnmount:o.resetTransformation}}}function i(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerDidMount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerDidMount()),c!=null&&c.onLayerDidMount&&c.onLayerDidMount()}}function a(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerWillUnmount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerWillUnmount()),c!=null&&c.onLayerWillUnmount&&c.onLayerWillUnmount()}}function r(o,_){return c=>{var l,m;let D=!1;if((l=o.props.calloutProps)!=null&&l.preventDismissOnEvent&&(D=o.props.calloutProps.preventDismissOnEvent(c)),!D){const{preventDismissOnEvent:p}=(m=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?m:{};if(p)return p(c)}return D}}function n(o,_){if(o.props.multiSelect&&o.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(o,_),layerProps:{onLayerDidMount:i(o,_),onLayerWillUnmount:a(o,_)}}}})}]);})();
|
|
1
|
+
(()=>{var w=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(y,t,e)=>t in y?w(y,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):y[t]=e,b=(y,t)=>{for(var e in t||(t={}))I.call(t,e)&&v(y,e,t[e]);if(P)for(var e of P(t))M.call(t,e)&&v(y,e,t[e]);return y},O=(y,t)=>C(y,T(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[368],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":((y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),y.exports=a}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":((y,t,e)=>{var h=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),a=i(h);a.push([y.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)}",""]),y.exports=a}),"./src/components/UIDropdown/UIDropdown.scss":((y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0}),"./src/styles/_shadows.scss":((y,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>g});var h=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(h),a=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),o=e.n(n),_=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(_),D=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),l=e.n(D),m=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(m),u=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),s=e.n(u),d={};for(const E in u)E!=="default"&&(d[E]=()=>u[E]);e.d(t,d);var f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=o().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=l();var S=i()(s(),f);const g=s()&&s().locals?s().locals:void 0}),"./src/components/UICallout/CalloutCollisionTransform.ts":((y,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},h=20;class i{constructor(r,n,o=e){this.originalStyle={},this.source=r,this.callout=n,this.props=o,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const n=document.createElement("div");return n.classList.add("ts-Callout-transformation"),n.style.height=`${r}px`,n}getElements(){const r=this.source.current,n=r==null?void 0:r.closest(this.props.container);if(n&&r){const o=n==null?void 0:n.querySelector(this.props.target);if(o){const _={container:{dom:n,rect:n.getBoundingClientRect()},target:{dom:o,rect:o.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},c=this.callout.current;return c&&(_.callout={dom:c,rect:c.getBoundingClientRect()}),_}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:n,target:o,callout:_,source:c}=r;if(_){const D=window.innerHeight-e.minPagePadding,l=_.rect.height,m=c.rect.bottom;let p=m+l-o.rect.top,u=m+_.rect.height;if(p<=0||u>=D)return;if(u+=o.rect.height,u<=D&&(p+=h),this.props.absolute){const s=n.dom.style;this.originalStyle={transform:s.transform,position:s.position,top:s.top,left:s.left},s.transform="",s.position="absolute",s.top=`${n.rect.top}px`,s.left=`${n.rect.left}px`}this.placeholder=this.createPlaceholder(p),o.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:n}=r;for(const o in this.originalStyle){const _=this.originalStyle[o];typeof _=="string"&&(n.dom.style[o]=_)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const n=this.getElements();return!!(r.type==="focus"&&(n!=null&&n.target.dom.contains(r.target)))}}t.CalloutCollisionTransform=i}),"./src/components/UICallout/UICallout.tsx":(function(y,t,e){"use strict";var h=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var n;(function(l){l.None="None",l.Standard="Standard"})(n||(t.UICalloutContentPadding=n={}));const o=new Map([[n.Standard,8]]),_=(l,m)=>typeof l=="object"&&typeof l[m]=="object"?l[m]:{},c=l=>{var m,p;return{root:b({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius,border:`1px solid ${t.CALLOUT_STYLES.borderColor}`},_(l.styles,"root")),beak:b({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},_(l.styles,"beak")),beakCurtain:b({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},_(l.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:t.CALLOUT_STYLES.text,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(m=l.calloutMinWidth)!=null?m:300,boxSizing:"border-box",padding:o.get((p=l.contentPadding)!=null?p:n.None)},_(l.styles,"calloutMain")),container:_(l.styles,"container")}};t.getCalloutStyle=c;class D extends i.default.Component{constructor(m){super(m),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(m){const{onKeyDown:p,focusTargetSiblingOnTabPress:u,target:s}=this.props;if(u&&m.key==="Tab"&&s){let d=null;if(typeof s=="string"){const f=(0,a.getDocument)();d=f==null?void 0:f.querySelector(s)}else"getBoundingClientRect"in s&&(0,r.isHTMLElement)(s)&&(d=s);d&&(0,r.focusToSibling)(d,!m.shiftKey)&&(m.stopPropagation(),m.preventDefault())}p==null||p(m)}render(){return i.default.createElement(a.Callout,O(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=D}),"./src/components/UICallout/index.tsx":(function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?(function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}):(function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]})),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),t),i(e("./src/components/UICallout/UICallout.tsx"),t)}),"./src/components/UIDropdown/UIDropdown.tsx":(function(y,t,e){"use strict";var h=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIDropdown=t.UIDropdownMenuItemType=t.UIDropdownOption=void 0;const i=h(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}}),Object.defineProperty(t,"UIDropdownOption",{enumerable:!0,get:function(){return a.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),n=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx"),_=e("./src/components/UIDropdown/utils.ts"),c=e("./src/components/UICallout/index.tsx"),D=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const l="var(--vscode-inputValidation-errorBorder)";class m extends i.default.Component{constructor(u){super(u),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new c.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=s=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(s);{const{multiSelectDelimiter:d=", "}=this.props;if(s){const f=s.map(S=>S.text).join(d);return i.default.createElement(i.default.Fragment,null,f)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(s=>({isOpen:!s.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(s=>({isOpen:!s.isOpen})),this.props.onHandleOpen())})},this.onChange=(s,d,f)=>{this.props.multiSelect&&this.props.onHandleChange&&d&&f&&this.props.onHandleChange(d,f)},this.stopEventPropagation=s=>{s.stopPropagation()},this._onRenderOption=(s,d)=>i.default.createElement(i.default.Fragment,null,d==null?void 0:d(s),(s==null?void 0:s.itemType)!==a.DropdownMenuItemType.Header&&i.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderOption=(s,d)=>this.props.onRenderOption?this.props.onRenderOption(s,this._onRenderOption.bind(this,s,d)):this._onRenderOption(s,d),this._onRenderItem=(s,d)=>d&&s?(s.title===void 0&&(s.title=s.text),d(s)):null,this.onRenderItem=(s,d)=>this.props.onRenderItem?this.props.onRenderItem(s,this._onRenderItem.bind(this,s,d)):this._onRenderItem(s,d),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(u){return{root:{minWidth:u.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(u){const{className:s,readOnly:d,disabled:f}=this.props,S=u.message?n.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0;let g=`ts-SelectBox${u.message?" ts-SelectBox--"+S:""}`;return d&&!f&&(g+=" ts-SelectBox--readonly"),f&&(g+=" ts-SelectBox--disabled"),s&&(g+=` ${s}`),(0,_.isDropdownEmpty)(this.props)&&(g+=" ts-SelectBox--empty"),g}getAccessibilityProps(){const{readOnly:u,disabled:s}=this.props,d={};return u&&!s?(d.tabIndex=0,d["data-is-focusable"]=!0,d["aria-disabled"]=void 0,d["aria-readonly"]=!0):s&&(d.tabIndex=0,d["data-is-focusable"]=!0),d}render(){const u=(0,n.getMessageInfo)(this.props),s=this.getAccessibilityProps(),d=()=>({label:b(b(b({},o.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:D.REQUIRED_LABEL_INDICATOR,color:l,paddingRight:12}}}),errorMessage:[u.style]});return i.default.createElement(a.Dropdown,O(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},s),this.props),{calloutProps:b(b({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,_.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:d,className:this.getClassNames(u),errorMessage:u.message}))}}t.UIDropdown=m}),"./src/components/UIDropdown/index.tsx":(function(y,t,e){"use strict";var h=this&&this.__createBinding||(Object.create?(function(a,r,n,o){o===void 0&&(o=n);var _=Object.getOwnPropertyDescriptor(r,n);(!_||("get"in _?!r.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(a,o,_)}):(function(a,r,n,o){o===void 0&&(o=n),a[o]=r[n]})),i=this&&this.__exportStar||function(a,r){for(var n in a)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&h(r,a,n)};Object.defineProperty(t,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),t),i(e("./src/components/UIDropdown/utils.ts"),t)}),"./src/components/UIDropdown/utils.ts":((y,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDropdownEmpty=e,t.getCalloutCollisionTransformationProps=h,t.getCalloutCollisionTransformationPropsForDropdown=n;function e(o){var c;const{selectedKey:_}=o;return Array.isArray(_)?_.length===0:"text"in o&&o.text||"selectedKeys"in o&&((c=o.selectedKeys)!=null&&c.length)?!1:!_}function h(o,_,c){if(_&&c)return{preventDismissOnEvent:o.preventDismissOnEvent,layerProps:{onLayerDidMount:o.applyTransformation,onLayerWillUnmount:o.resetTransformation}}}function i(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerDidMount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerDidMount()),c!=null&&c.onLayerDidMount&&c.onLayerDidMount()}}function a(o,_){return()=>{var D,l,m,p,u;const{layerProps:c}=(D=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?D:{};(m=(l=o.props.calloutProps)==null?void 0:l.layerProps)!=null&&m.onLayerWillUnmount&&((u=(p=o.props.calloutProps)==null?void 0:p.layerProps)==null||u.onLayerWillUnmount()),c!=null&&c.onLayerWillUnmount&&c.onLayerWillUnmount()}}function r(o,_){return c=>{var l,m;let D=!1;if((l=o.props.calloutProps)!=null&&l.preventDismissOnEvent&&(D=o.props.calloutProps.preventDismissOnEvent(c)),!D){const{preventDismissOnEvent:p}=(m=h(_,o.props.multiSelect,o.props.calloutCollisionTransformation))!=null?m:{};if(p)return p(c)}return D}}function n(o,_){if(o.props.multiSelect&&o.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(o,_),layerProps:{onLayerDidMount:i(o,_),onLayerWillUnmount:a(o,_)}}}})}]);})();
|