@sap-ux/ui-components 1.24.3 → 1.24.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/UIButton/UIActionButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIActionButton.js +6 -3
- package/dist/components/UIButton/UIActionButton.js.map +1 -1
- package/package.json +1 -1
- package/storybook/479.51bb592d.iframe.bundle.js +1 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.19a39625.iframe.bundle.js → runtime~main.20b8868e.iframe.bundle.js} +1 -1
- package/storybook/479.f0e81446.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/UIButton/UIActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAInE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,UAAU,aAAc,SAAQ,YAAY;IACxC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;IAClE;;;;OAIG;gBACgB,KAAK,EAAE,aAAa;IAIvC,SAAS,CAAC,QAAQ,QAAO,aAAa,
|
|
1
|
+
{"version":3,"file":"UIActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/UIButton/UIActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAInE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,UAAU,aAAc,SAAQ,YAAY;IACxC,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;IAClE;;;;OAIG;gBACgB,KAAK,EAAE,aAAa;IAIvC,SAAS,CAAC,QAAQ,QAAO,aAAa,CAyDpC;IAEF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAGxB"}
|
|
@@ -34,9 +34,10 @@ class UIActionButton extends react_1.default.Component {
|
|
|
34
34
|
borderRadius: 0,
|
|
35
35
|
whiteSpace: 'nowrap',
|
|
36
36
|
backgroundColor: 'transparent',
|
|
37
|
+
textDecoration: 'underline',
|
|
37
38
|
selectors: {
|
|
38
39
|
'&:active': {
|
|
39
|
-
textDecoration: '
|
|
40
|
+
textDecoration: 'none'
|
|
40
41
|
},
|
|
41
42
|
// Focus through tab navigation
|
|
42
43
|
'.ms-Fabric--isFocusVisible &:focus:after': {
|
|
@@ -59,8 +60,10 @@ class UIActionButton extends react_1.default.Component {
|
|
|
59
60
|
},
|
|
60
61
|
rootHovered: {
|
|
61
62
|
color: 'var(--vscode-foreground)',
|
|
62
|
-
|
|
63
|
-
|
|
63
|
+
backgroundColor: 'var(--vscode-menubar-selectionBackground)',
|
|
64
|
+
outline: '1px solid var(--vscode-contrastActiveBorder)',
|
|
65
|
+
borderRadius: 3,
|
|
66
|
+
textDecoration: 'none',
|
|
64
67
|
selectors: {
|
|
65
68
|
color: 'var(--vscode-foreground)'
|
|
66
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIActionButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIActionButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA+C;AAE/C,0DAAuD;AAOvD;;;;;;;GAOG;AACH,MAAa,cAAe,SAAQ,eAAK,CAAC,SAA4B;IAClE;;;;OAIG;IACH,YAAmB,KAAoB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,aAAQ,GAAG,GAAkB,EAAE;YACrC,OAAO;gBACH,IAAI,EAAE;oBACF,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,0BAA0B;oBACjC,YAAY,EAAE,CAAC;oBACf,UAAU,EAAE,QAAQ;oBACpB,eAAe,EAAE,aAAa;oBAC9B,SAAS,EAAE;wBACP,UAAU,EAAE;4BACR,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"UIActionButton.js","sourceRoot":"","sources":["../../../src/components/UIButton/UIActionButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAA+C;AAE/C,0DAAuD;AAOvD;;;;;;;GAOG;AACH,MAAa,cAAe,SAAQ,eAAK,CAAC,SAA4B;IAClE;;;;OAIG;IACH,YAAmB,KAAoB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,aAAQ,GAAG,GAAkB,EAAE;YACrC,OAAO;gBACH,IAAI,EAAE;oBACF,QAAQ,EAAE,SAAS;oBACnB,MAAM,EAAE,EAAE;oBACV,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,0BAA0B;oBACjC,YAAY,EAAE,CAAC;oBACf,UAAU,EAAE,QAAQ;oBACpB,eAAe,EAAE,aAAa;oBAC9B,cAAc,EAAE,WAAW;oBAC3B,SAAS,EAAE;wBACP,UAAU,EAAE;4BACR,cAAc,EAAE,MAAM;yBACzB;wBACD,+BAA+B;wBAC/B,0CAA0C,EAAE;4BACxC,OAAO,EAAE,qCAAqC;yBACjD;qBACJ;iBACJ;gBACD,KAAK,EAAE;oBACH,UAAU,EAAE,CAAC;oBACb,WAAW,EAAE,CAAC;oBACd,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,2BAA2B;iBAC1C;gBACD,YAAY,EAAE;oBACV,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,0BAA0B;oBACjC,OAAO,EAAE,KAAK;oBACd,aAAa,EAAE,MAAM;iBACxB;gBACD,WAAW,EAAE;oBACT,KAAK,EAAE,0BAA0B;oBACjC,eAAe,EAAE,2CAA2C;oBAC5D,OAAO,EAAE,8CAA8C;oBACvD,YAAY,EAAE,CAAC;oBACf,cAAc,EAAE,MAAM;oBACtB,SAAS,EAAE;wBACP,KAAK,EAAE,0BAA0B;qBACpC;iBACJ;gBACD,IAAI,EAAE;oBACF,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,EAAE;oBACd,UAAU,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;iBACT;gBACD,QAAQ,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;iBACT;aACJ,CAAC;QACN,CAAC,CAAC;IA3DF,CAAC;IA6DD;;OAEG;IACH,MAAM;QACF,OAAO,8BAAC,oBAAY,OAAK,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,mCAAgB,GAAI,CAAC;IAC/F,CAAC;CACJ;AA3ED,wCA2EC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var p=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o||(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))A.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[479],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.default.Component{constructor(n){super(n),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",textDecoration:"underline",selectors:{"&:active":{textDecoration:"none"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",backgroundColor:"var(--vscode-menubar-selectionBackground)",outline:"1px solid var(--vscode-contrastActiveBorder)",borderRadius:3,textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),r=e("./src/components/Icons.tsx"),n="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:n},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:n,color:"var(--vscode-button-secondaryForeground)"},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const i="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=s=>{const{primary:b,transparent:v}=s,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f(f({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:h.root,rootHovered:h.root,icon:f(f({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:f(f({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,s,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var s;const a=(s=this.props.menuProps)!=null&&s.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(i){super(i),this.setStyle=B=>{var s;const a=((s=B.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:a},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(i){return`var(${i}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends c.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=n=>({root:m(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},n.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,n){return`var(${r}, ${n})`}render(){return c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(d,a,s,b){b===void 0&&(b=s);var v=Object.getOwnPropertyDescriptor(a,s);(!v||("get"in v?!a.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(d,b,v)}:function(d,a,s,b){b===void 0&&(b=s),d[b]=a[s]}),c=this&&this.__setModuleDefault||(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar||function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var s in d)s!=="default"&&Object.prototype.hasOwnProperty.call(d,s)&&u(a,d,s);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),r=e("./src/components/UIContextualMenu/index.tsx"),n=e("./src/components/Icons.tsx"),i=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,i.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,s){return{menu:{items:a.menuItems,onItemClick:s.menu.onItemClick}}}render(){return l.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:n.UiIcons.ArrowDown},menuAs:r.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B},"./src/components/UIButton/index.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(l,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,i)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar||function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,r)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return S.IButton}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=u;function e(c){return"title"in c}function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=c;const u=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,"getUIFirstFocusable",{enumerable:!0,get:function(){return u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return u.isElementTabbable}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=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,"getUIId",{enumerable:!0,get:function(){return u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=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,"UIKeyCodes",{enumerable:!0,get:function(){return u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n||("get"in n?!l.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar||function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();
|
package/storybook/iframe.html
CHANGED
|
@@ -518,7 +518,7 @@
|
|
|
518
518
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
519
519
|
|
|
520
520
|
|
|
521
|
-
import './runtime~main.
|
|
521
|
+
import './runtime~main.20b8868e.iframe.bundle.js';
|
|
522
522
|
|
|
523
523
|
import './536.df88f467.iframe.bundle.js';
|
|
524
524
|
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1739878013061,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.4.2"},"@storybook/react-webpack5":{"version":"8.4.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.4.2"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.19a39625.iframe.bundle.js → runtime~main.20b8868e.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",20:"26e2be61",43:"160ba753",57:"4c037a1e",69:"0455922f",104:"383f63fc",170:"486d6398",177:"0a680624",191:"5d2ae767",218:"c5e34577",222:"7968349b",239:"89069029",271:"6cdb6313",289:"4005639f",390:"77520f0c",393:"2aeb882a",406:"1f98cce1",424:"e770ebd9",449:"1bc699d2",479:"
|
|
1
|
+
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",20:"26e2be61",43:"160ba753",57:"4c037a1e",69:"0455922f",104:"383f63fc",170:"486d6398",177:"0a680624",191:"5d2ae767",218:"c5e34577",222:"7968349b",239:"89069029",271:"6cdb6313",289:"4005639f",390:"77520f0c",393:"2aeb882a",406:"1f98cce1",424:"e770ebd9",449:"1bc699d2",479:"51bb592d",501:"8ce2c34d",525:"5a757001",530:"61827811",558:"54609f03",568:"64f789ef",627:"c6c76096",632:"e0156dc1",644:"1ffba626",652:"9bd6d697",660:"b145ceb4",673:"2c8d6e30",680:"3111e6e0",685:"49b13dae",733:"13a6dea2",812:"81441f28",825:"d50c7306",841:"078b561e",930:"a27b46f7",932:"ab0c2991",937:"4173109f",939:"4787bd39",949:"d16c6e7f",967:"2c0ccae1",994:"d90c504e"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
2
|
(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(d,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,d]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(d)var b=d(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var p=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o||(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))A.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[479],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.default.Component{constructor(n){super(n),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),r=e("./src/components/Icons.tsx"),n="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:n},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:n,color:"var(--vscode-button-secondaryForeground)"},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const i="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=s=>{const{primary:b,transparent:v}=s,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f(f({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:h.root,rootHovered:h.root,icon:f(f({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:f(f({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,s,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var s;const a=(s=this.props.menuProps)!=null&&s.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(i){super(i),this.setStyle=B=>{var s;const a=((s=B.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:a},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(i){return`var(${i}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends c.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=n=>({root:m(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},n.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,n){return`var(${r}, ${n})`}render(){return c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(d,a,s,b){b===void 0&&(b=s);var v=Object.getOwnPropertyDescriptor(a,s);(!v||("get"in v?!a.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(d,b,v)}:function(d,a,s,b){b===void 0&&(b=s),d[b]=a[s]}),c=this&&this.__setModuleDefault||(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar||function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var s in d)s!=="default"&&Object.prototype.hasOwnProperty.call(d,s)&&u(a,d,s);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),r=e("./src/components/UIContextualMenu/index.tsx"),n=e("./src/components/Icons.tsx"),i=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,i.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,s){return{menu:{items:a.menuItems,onItemClick:s.menu.onItemClick}}}render(){return l.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:n.UiIcons.ArrowDown},menuAs:r.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B},"./src/components/UIButton/index.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(l,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,i)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar||function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,r)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return S.IButton}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=u;function e(c){return"title"in c}function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=c;const u=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,"getUIFirstFocusable",{enumerable:!0,get:function(){return u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return u.isElementTabbable}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=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,"getUIId",{enumerable:!0,get:function(){return u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=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,"UIKeyCodes",{enumerable:!0,get:function(){return u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n||("get"in n?!l.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar||function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();
|