@sap-ux/ui-components 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/UIButton/UIActionButton.js +1 -1
- package/dist/components/UIButton/UIActionButton.js.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +1 -1
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- package/dist/components/UIButton/UIIconButton.js +2 -2
- package/dist/components/UIButton/UIIconButton.js.map +1 -1
- package/dist/components/UIButton/UISmallButton.js +1 -1
- package/dist/components/UIButton/UISmallButton.js.map +1 -1
- package/dist/components/UICallout/UICallout.d.ts +1 -1
- package/dist/components/UICallout/UICallout.js +1 -1
- package/dist/components/UICallout/UICallout.js.map +1 -1
- package/dist/components/UIDialog/UIDialog.d.ts +1 -1
- package/dist/components/UIDialog/UIDialog.js +1 -1
- package/dist/components/UIDialog/UIDialog.js.map +1 -1
- package/dist/components/UIInput/UITextInput.d.ts +1 -1
- package/dist/components/UIInput/UITextInput.js +1 -1
- package/dist/components/UIInput/UITextInput.js.map +1 -1
- package/dist/components/UIToggle/UIToggle.d.ts.map +1 -1
- package/dist/components/UIToggle/UIToggle.js +1 -0
- package/dist/components/UIToggle/UIToggle.js.map +1 -1
- package/package.json +1 -1
- package/storybook/{286.132e3dcf.iframe.bundle.js → 286.7d47e798.iframe.bundle.js} +1 -1
- package/storybook/{33.71c40cbf.iframe.bundle.js → 33.fa940823.iframe.bundle.js} +1 -1
- package/storybook/{416.f50bd5c3.iframe.bundle.js → 416.4440d19e.iframe.bundle.js} +1 -1
- package/storybook/{7.4fcb7e45.iframe.bundle.js → 7.256734ca.iframe.bundle.js} +5 -5
- package/storybook/{882.3e14d778.iframe.bundle.js → 882.443faf9f.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.b98b4b91.iframe.bundle.js → UIActionCallout-story.67c915a8.iframe.bundle.js} +5 -5
- package/storybook/{UICallout-story.76cd265e.iframe.bundle.js → UICallout-story.9e0e7165.iframe.bundle.js} +1 -1
- package/storybook/{UIContextualMenu-story.50590557.iframe.bundle.js → UIContextualMenu-story.dddf517e.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.87ab3155.iframe.bundle.js → UIToggle-story.20ab1279.iframe.bundle.js} +1 -1
- package/storybook/{UITooltip-story.529b65bb.iframe.bundle.js → UITooltip-story.1f969fb5.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.60f2fd3a.iframe.bundle.js → UITreedropdown-story.2fe0c2c0.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.8ce1d604.iframe.bundle.js → runtime~main.821cb82b.iframe.bundle.js} +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,I=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(
|
|
1
|
+
"use strict";(()=>{var C=Object.defineProperty,I=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(m,o,e)=>o in m?C(m,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):m[o]=e,d=(m,o)=>{for(var e in o||(o={}))k.call(o,e)&&y(m,e,o[e]);if(_)for(var e of _(o))L.call(o,e)&&y(m,e,o[e]);return m},v=(m,o)=>I(m,T(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[7],{"./src/components/UIButton/UIActionButton.tsx"(m,o,e){var i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class a extends c.default.Component{constructor(f){super(f),this.setStyle=()=>({root:{minWidth:"initial",minHeight:r.BASE_STYLES.height,height:r.BASE_STYLES.height,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},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:"var(--vscode-cornerRadius-small, 4px)",textDecoration:"none",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:0,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(b.ActionButton,v(d({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=a,a.__docgenInfo={description:`UIActionButton component
|
|
2
2
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
3
3
|
|
|
4
4
|
@exports
|
|
5
5
|
@class UIActionButton
|
|
6
|
-
@extends {React.Component<IButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIActionButton",props:{menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIDefaultButton.tsx"(
|
|
6
|
+
@extends {React.Component<IButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIActionButton",props:{menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIDefaultButton.tsx"(m,o,e){var i=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),a=e("./src/components/Icons.tsx"),t="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:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:t},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:t,color:"var(--vscode-button-secondaryForeground)"},alert:{backgroundColor:"var(--vscode-errorForeground)",disabledBorderColor:t,borderColor:t,hoverBackgroundColor:"var(--vscode-editorError-foreground)",hoverBorderColor:t},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"},height:26};const f="svg > path, svg > rect";class B extends c.default.Component{constructor(n){super(n),this.setStyle=u=>{const{primary:s,alert:S,transparent:p}=u,E={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,s,S,p),checked:this.getInteractionStyle(!0,s,S,p)};return{root:v(d(d(d({minWidth:"initial",minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,fontSize:"13px",fontWeight:400,borderRadius:r.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},s&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),p&&{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:this.getRootDisabledStyles(s,S,p),rootPressed:h.root,rootHovered:h.root,icon:this.getIconStyleOverrides(s,S,p),menuIcon:this.getMenuIconStyleOverrides(s,S),rootChecked:d(d(d({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},s&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),S&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),p&&{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,minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,boxSizing:"border-box",borderRadius:`0 ${r.COMMON_INPUT_STYLES.borderRadius} ${r.COMMON_INPUT_STYLES.borderRadius} 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:o.BASE_STYLES.height,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:{[f]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:d(d({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),S&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.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:{[f]:{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:{[f]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:E,splitButtonDividerDisabled:E,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(n,u,s,S){let p=d(d(d({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[f]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[f]:{fill:o.BASE_STYLES.color}}}),s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[f]:{fill:o.BASE_STYLES.color}}}),n&&{borderColor:o.BASE_STYLES.checkedBorderColor});return S&&(n?p=v(d({},p),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[f]:{fill:o.BASE_STYLES.color}}}):p=v(d({},p),{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:{[f]:{fill:o.BASE_STYLES.transparent.color}}})),n&&(p=v(d({},p),{borderColor:o.BASE_STYLES.checkedBorderColor})),p}getRootDisabledStyles(n,u,s){return d(d(d({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},n&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),s&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor})}getIconStyleOverrides(n,u,s){return d(d(d({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[f]:{fill:o.BASE_STYLES.secondary.color}}},n&&{color:o.BASE_STYLES.color,selectors:{[f]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,selectors:{[f]:{fill:o.BASE_STYLES.color}}}),s&&{color:o.BASE_STYLES.transparent.color,selectors:{[f]:{fill:o.BASE_STYLES.transparent.color}}})}getMenuIconStyleOverrides(n,u){return{selectors:d(d({"svg > path":{fill:o.BASE_STYLES.secondary.color}},n&&{"svg > path":{fill:o.BASE_STYLES.color}}),u&&{"svg > path":{fill:o.BASE_STYLES.color}})}}render(){var u;const n=(u=this.props.menuProps)!=null&&u.items?{iconName:a.UiIcons.ArrowDown}:void 0;return c.default.createElement(b.DefaultButton,v(d({menuIconProps:n},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B,B.__docgenInfo={description:`UIDefaultButton component
|
|
7
7
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
8
8
|
|
|
9
9
|
@exports
|
|
@@ -13,13 +13,13 @@ based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
|
13
13
|
@param props Button props.
|
|
14
14
|
@returns Styles of root button element.`,modifiers:[],params:[{name:"props",description:"Button props.",optional:!1,type:{name:"UIDefaultButtonProps",alias:"UIDefaultButtonProps"}}],returns:{description:"Styles of root button element.",type:{name:"IButtonStyles"}},description:"Method returns styles of root button element."}],displayName:"UIDefaultButton",props:{transparent:{required:!1,tsType:{name:"boolean"},description:`Changes the visual presentation of the button to be transparent.
|
|
15
15
|
|
|
16
|
-
@default false`},alert:{required:!1,tsType:{name:"boolean"},description:""},primary:{required:!1,tsType:{name:"boolean"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIIconButton.tsx"(
|
|
16
|
+
@default false`},alert:{required:!1,tsType:{name:"boolean"},description:""},primary:{required:!1,tsType:{name:"boolean"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IButtonProps"]}},"./src/components/UIButton/UIIconButton.tsx"(m,o,e){var i=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class a extends c.default.Component{constructor(f){super(f),this.setStyle=B=>{var u;const n=((u=B.sizeType)!=null?u:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:n,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:"var(--vscode-cornerRadius-small, 4px)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:n},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:"var(--vscode-cornerRadius-small, 4px)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:n},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:n,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(f){return`var(${f}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(b.IconButton,v(d({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=a,a.__docgenInfo={description:`UIIconButton component.
|
|
17
17
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
18
18
|
|
|
19
19
|
@exports
|
|
20
20
|
@class UIIconButton
|
|
21
|
-
@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./src/components/UIButton/UISmallButton.tsx"(
|
|
21
|
+
@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./src/components/UIButton/UISmallButton.tsx"(m,o,e){var i=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=i(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends c.default.Component{constructor(a){super(a),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:v(d({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,borderRadius:"var(--vscode-cornerRadius-circle, 9999px)",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")},t.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:d({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},t.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:d({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")}}},t.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(a){return`var(${a})`}getColorwithFallback(a,t){return`var(${a}, ${t})`}render(){return c.default.createElement(b.DefaultButton,v(d({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l,l.__docgenInfo={description:"",methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"IButtonProps",alias:"IButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UISmallButton"}},"./src/components/UIButton/UISplitButton.tsx"(m,o,e){var i=this&&this.__createBinding||(Object.create?(function(g,n,u,s){s===void 0&&(s=u);var S=Object.getOwnPropertyDescriptor(n,u);(!S||("get"in S?!n.__esModule:S.writable||S.configurable))&&(S={enumerable:!0,get:function(){return n[u]}}),Object.defineProperty(g,s,S)}):(function(g,n,u,s){s===void 0&&(s=u),g[s]=n[u]})),c=this&&this.__setModuleDefault||(Object.create?(function(g,n){Object.defineProperty(g,"default",{enumerable:!0,value:n})}):function(g,n){g.default=n}),b=this&&this.__importStar||(function(){var g=function(n){return g=Object.getOwnPropertyNames||function(u){var s=[];for(var S in u)Object.prototype.hasOwnProperty.call(u,S)&&(s[s.length]=S);return s},g(n)};return function(n){if(n&&n.__esModule)return n;var u={};if(n!=null)for(var s=g(n),S=0;S<s.length;S++)s[S]!=="default"&&i(u,n,s[S]);return c(u,n),u}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),a=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),f=e("./src/utilities/index.ts");class B extends l.Component{constructor(n){super(n),this.id=this.props.id?this.props.id:(0,f.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(u,s)=>{s!=null&&s.key&&this.props.callback(s.key)},this.state={menu:{items:n.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(n,u){return{menu:{items:n.menuItems,onItemClick:u.menu.onItemClick}}}render(){return l.createElement(r.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:t.UiIcons.ArrowDown},menuAs:a.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B,B.__docgenInfo={description:`UISplitButton component
|
|
22
22
|
|
|
23
23
|
@exports
|
|
24
24
|
@class UISplitButton
|
|
25
|
-
@extends {React.Component<UISplitButtonProps, UISplitButtonState>}`,methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"onMenuItemClick",docblock:null,modifiers:[],params:[{name:"ev",optional:!0,type:{name:"union",raw:"React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>",elements:[{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLElement>",elements:[{name:"HTMLElement"}]}]}},{name:"item",optional:!0,type:{name:"UIContextualMenuItem",alias:"UIContextualMenuItem"}}],returns:{type:{name:"void"}}}],displayName:"UISplitButton",props:{button:{required:!0,tsType:{name:"UIContextualMenuItem"},description:""},menuItems:{required:!0,tsType:{name:"Array",elements:[{name:"UIContextualMenuItem"}],raw:"UIContextualMenuItem[]"},description:""},callback:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"void"}}},description:""},id:{required:!1,tsType:{name:"string"},description:""},ariaLabel:{required:!1,tsType:{name:"string"},description:""},ariaDescription:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/UIButton/index.tsx"(
|
|
25
|
+
@extends {React.Component<UISplitButtonProps, UISplitButtonState>}`,methods:[{name:"onClick",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"onMenuItemClick",docblock:null,modifiers:[],params:[{name:"ev",optional:!0,type:{name:"union",raw:"React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>",elements:[{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}]},{name:"ReactKeyboardEvent",raw:"React.KeyboardEvent<HTMLElement>",elements:[{name:"HTMLElement"}]}]}},{name:"item",optional:!0,type:{name:"UIContextualMenuItem",alias:"UIContextualMenuItem"}}],returns:{type:{name:"void"}}}],displayName:"UISplitButton",props:{button:{required:!0,tsType:{name:"UIContextualMenuItem"},description:""},menuItems:{required:!0,tsType:{name:"Array",elements:[{name:"UIContextualMenuItem"}],raw:"UIContextualMenuItem[]"},description:""},callback:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{type:{name:"string"},name:"key"}],return:{name:"void"}}},description:""},id:{required:!1,tsType:{name:"string"},description:""},ariaLabel:{required:!1,tsType:{name:"string"},description:""},ariaDescription:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}}}},"./src/components/UIButton/index.tsx"(m,o,e){var i=this&&this.__createBinding||(Object.create?(function(b,l,r,a){a===void 0&&(a=r);var t=Object.getOwnPropertyDescriptor(l,r);(!t||("get"in t?!l.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(b,a,t)}):(function(b,l,r,a){a===void 0&&(a=r),b[a]=l[r]})),c=this&&this.__exportStar||function(b,l){for(var r in b)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&i(l,b,r)};Object.defineProperty(o,"__esModule",{value:!0}),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/Debounce.ts"(m,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(i,c){let b;return(...l)=>{clearTimeout(b),b=window.setTimeout(()=>{i(...l)},c)}}},"./src/utilities/Dom.ts"(m,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=i;function e(c){return"title"in c}function i(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}},"./src/utilities/Focus.ts"(m,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 i=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return i.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return i.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return i.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return i.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return i.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return i.isElementTabbable}});function c(b,l){const r=(0,i.getDocument)();if(r){let a=null;if(l?a=(0,i.getNextElement)(r.body,b,!1,!1,!0,!0):a=(0,i.getPreviousElement)(r.body,b,!1,!1,!0,!0),a)return a.focus(),a}return null}},"./src/utilities/Id.ts"(m,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const i=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return i.getId}})},"./src/utilities/Keys.ts"(m,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const i=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return i.KeyCodes}})},"./src/utilities/index.ts"(m,o,e){var i=this&&this.__createBinding||(Object.create?(function(b,l,r,a){a===void 0&&(a=r);var t=Object.getOwnPropertyDescriptor(l,r);(!t||("get"in t?!l.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return l[r]}}),Object.defineProperty(b,a,t)}):(function(b,l,r,a){a===void 0&&(a=r),b[a]=l[r]})),c=this&&this.__exportStar||function(b,l){for(var r in b)r!=="default"&&!Object.prototype.hasOwnProperty.call(l,r)&&i(l,b,r)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Debounce.ts"),o),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)}}]);})();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var j=Object.defineProperty,R=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var S=(d,e,t)=>e in d?j(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t,p=(d,e)=>{for(var t in e||(e={}))x.call(e,t)&&S(d,t,e[t]);if(D)for(var t of D(e))O.call(e,t)&&S(d,t,e[t]);return d},M=(d,e)=>R(d,U(e));var L=(d,e)=>{var t={};for(var a in d)x.call(d,a)&&e.indexOf(a)<0&&(t[a]=d[a]);if(d!=null&&D)for(var a of D(d))e.indexOf(a)<0&&O.call(d,a)&&(t[a]=d[a]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[882],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"(d,e,t){var a=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=l(a);n.push([d.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:var(--vscode-cornerRadius-small, 4px);color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),d.exports=n},"./src/components/UILoader/UILoader.scss"(d,e,t){"use strict";t.r(e),t.d(e,{default:()=>b});var a=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(a),n=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(n),o=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),r=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(r),c=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=t.n(c),m=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(m),h=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),y=t.n(h),w={};for(const E in h)E!=="default"&&(w[E]=()=>h[E]);t.d(e,w);var f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=_(),f.insertStyleElement=i();var v=l()(y(),f);const b=y()&&y().locals?y().locals:void 0},"./src/components/UIDialog/UIDialog.tsx"(d,e,t){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const l=a(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),_=t("./src/components/UIButton/index.tsx"),o=t("./src/utilities/DeepMerge.ts");t("./src/styles/_shadows.scss"),e.DIALOG_MAX_HEIGHT_OFFSET=32,e.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)"},modalOverlay:{background:"var(--vscode-editor-background)",opacity:.8}};var s;(function(u){u.Content="Content",u.Dialog="Dialog"})(s||(e.UIDialogScrollArea=s={}));class r extends l.default.Component{constructor(c){super(c),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(c){const{scrollArea:i}=this.props;c.scrollArea!==i&&(i===s.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-e.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let c;const{acceptButtonText:i,cancelButtonText:m,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:w,footer:f}=this.props,v={styles:{actionsRight:{width:"100%",textAlign:"center",justifyContent:"center",margin:"0px"},actions:{margin:`${e.DIALOG_STYLES.vPaddingHalf}px 0 ${e.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return f?c=l.default.createElement(n.DialogFooter,p({},v),f):(g||h)&&(c=l.default.createElement(n.DialogFooter,p({},v),g?l.default.createElement(_.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},i):"",h?l.default.createElement(_.UIDefaultButton,{onClick:h,style:{height:"26px"},id:w},m):"")),c}onHeaderMouseDown(c){var m;if(!((m=this.props.modalProps)!=null&&m.dragOptions))return;const i=c.target.closest(".ms-Dialog-main");i!=null&&i.firstChild&&i.firstChild.focus()}render(){const I=this.props,{acceptButtonText:c,cancelButtonText:i,onAccept:m,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:w,closeButtonVisible:f,multiLineTitle:v,scrollArea:b=s.Content,children:E}=I,T=L(I,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount},overlay:{styles:{root:{background:e.DIALOG_STYLES.modalOverlay.background,opacity:e.DIALOG_STYLES.modalOverlay.opacity}}}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:p({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},b===s.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:p({padding:`${e.DIALOG_STYLES.vPadding}px 0 5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!v&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:f?void 0:"none"},inner:p({padding:"0"},b===s.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:p({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:p(p({},e.DIALOG_STYLES.contentText),b===s.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:p({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},b===s.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},P=(0,o.deepMerge)(A,T);return l.default.createElement(n.Dialog,p({},P),E,this.getFooter())}}e.UIDialog=r,r.defaultProps={isOpenAnimated:!0},r.__docgenInfo={description:`UIDialog component.
|
|
1
|
+
(()=>{var R=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var S=(d,e,t)=>e in d?R(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t,p=(d,e)=>{for(var t in e||(e={}))x.call(e,t)&&S(d,t,e[t]);if(D)for(var t of D(e))O.call(e,t)&&S(d,t,e[t]);return d},M=(d,e)=>j(d,U(e));var L=(d,e)=>{var t={};for(var a in d)x.call(d,a)&&e.indexOf(a)<0&&(t[a]=d[a]);if(d!=null&&D)for(var a of D(d))e.indexOf(a)<0&&O.call(d,a)&&(t[a]=d[a]);return t};(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[882],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"(d,e,t){var a=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=l(a);n.push([d.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:var(--vscode-cornerRadius-small, 4px);color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),d.exports=n},"./src/components/UILoader/UILoader.scss"(d,e,t){"use strict";t.r(e),t.d(e,{default:()=>b});var a=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(a),n=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=t.n(n),o=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=t.n(o),r=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(r),c=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),i=t.n(c),m=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),g=t.n(m),h=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),y=t.n(h),v={};for(const E in h)E!=="default"&&(v[E]=()=>h[E]);t.d(e,v);var f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=_(),f.insertStyleElement=i();var w=l()(y(),f);const b=y()&&y().locals?y().locals:void 0},"./src/components/UIDialog/UIDialog.tsx"(d,e,t){"use strict";var a=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIDialog=e.UIDialogScrollArea=e.DIALOG_STYLES=e.DIALOG_MAX_HEIGHT_OFFSET=void 0;const l=a(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),_=t("./src/components/UIButton/index.tsx"),o=t("./src/utilities/DeepMerge.ts");t("./src/styles/_shadows.scss"),e.DIALOG_MAX_HEIGHT_OFFSET=32,e.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:"var(--vscode-cornerRadius-small, 4px)",vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)"},modalOverlay:{background:"var(--vscode-editor-background)",opacity:.8}};var s;(function(u){u.Content="Content",u.Dialog="Dialog"})(s||(e.UIDialogScrollArea=s={}));class r extends l.default.Component{constructor(c){super(c),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(c){const{scrollArea:i}=this.props;c.scrollArea!==i&&(i===s.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-e.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let c;const{acceptButtonText:i,cancelButtonText:m,onAccept:g,onCancel:h,acceptButtonId:y,cancelButtonId:v,footer:f}=this.props,w={styles:{actionsRight:{width:"100%",textAlign:"center",justifyContent:"center",margin:"0px"},actions:{margin:`${e.DIALOG_STYLES.vPaddingHalf}px 0 ${e.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return f?c=l.default.createElement(n.DialogFooter,p({},w),f):(g||h)&&(c=l.default.createElement(n.DialogFooter,p({},w),g?l.default.createElement(_.UIDefaultButton,{onClick:g,primary:!0,style:{height:"26px"},id:y},i):"",h?l.default.createElement(_.UIDefaultButton,{onClick:h,style:{height:"26px"},id:v},m):"")),c}onHeaderMouseDown(c){var m;if(!((m=this.props.modalProps)!=null&&m.dragOptions))return;const i=c.target.closest(".ms-Dialog-main");i!=null&&i.firstChild&&i.firstChild.focus()}render(){const I=this.props,{acceptButtonText:c,cancelButtonText:i,onAccept:m,onCancel:g,acceptButtonId:h,cancelButtonId:y,footer:v,closeButtonVisible:f,multiLineTitle:w,scrollArea:b=s.Content,children:E}=I,T=L(I,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),A={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount},overlay:{styles:{root:{background:e.DIALOG_STYLES.modalOverlay.background,opacity:e.DIALOG_STYLES.modalOverlay.opacity}}}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:p({backgroundColor:e.DIALOG_STYLES.background,border:`1px solid ${e.DIALOG_STYLES.borderColor}`,boxShadow:e.DIALOG_STYLES.boxShadow,borderRadius:e.DIALOG_STYLES.borderRadius,minHeight:100},b===s.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:p({padding:`${e.DIALOG_STYLES.vPadding}px 0 5px`,textAlign:"center",color:e.DIALOG_STYLES.title.color},!w&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${e.DIALOG_STYLES.vPadding}px ${e.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:f?void 0:"none"},inner:p({padding:"0"},b===s.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:p({margin:"0",lineHeight:18},e.DIALOG_STYLES.contentText),content:p(p({},e.DIALOG_STYLES.contentText),b===s.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:p({padding:`${e.DIALOG_STYLES.vPaddingHalf}px ${e.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},b===s.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},P=(0,o.deepMerge)(A,T);return l.default.createElement(n.Dialog,p({},P),E,this.getFooter())}}e.UIDialog=r,r.defaultProps={isOpenAnimated:!0},r.__docgenInfo={description:`UIDialog component.
|
|
2
2
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
|
|
3
3
|
and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
|
|
4
4
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
(()=>{var T=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var P=(c,_,e)=>_ in c?T(c,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[_]=e,I=(c,_)=>{for(var e in _||(_={}))j.call(_,e)&&P(c,e,_[e]);if(v)for(var e of v(_))S.call(_,e)&&P(c,e,_[e]);return c},C=(c,_)=>O(c,A(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=n(r);o.push([c.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=n(r);o.push([c.id,".ts-icon{fill:var(--vscode-foreground)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=n(r);o.push([c.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)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(_){var e=[];return e.toString=function(){return this.map(function(n){var o="",t=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),t&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=_(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},e.i=function(n,o,t,s,l){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(d[m]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&d[a[0]]||(typeof l!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=l),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),s&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=s):a[4]="".concat(s)),e.push(a))}},e}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(_){return _[1]}},"./src/components/UIActionCallout/UIActionCallout.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=n()(p(),b);const E=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=n()(p(),b);const E=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=n()(p(),b);const E=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var _=[];function e(o){for(var t=-1,s=0;s<_.length;s++)if(_[s].identifier===o){t=s;break}return t}function r(o,t){for(var s={},l=[],d=0;d<o.length;d++){var i=o[d],m=t.base?i[0]+t.base:i[0],u=s[m]||0,a="".concat(m," ").concat(u);s[m]=u+1;var f=e(a),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(f!==-1)_[f].references++,_[f].updater(h);else{var p=n(h,t);t.byIndex=d,_.splice(d,0,{identifier:a,updater:p,references:1})}l.push(a)}return l}function n(o,t){var s=t.domAPI(t);s.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;s.update(o=i)}else s.remove()};return l}c.exports=function(o,t){t=t||{},o=o||[];var s=r(o,t);return function(d){d=d||[];for(var i=0;i<s.length;i++){var m=s[i],u=e(m);_[u].references--}for(var a=r(d,t),f=0;f<s.length;f++){var h=s[f],p=e(h);_[p].references===0&&(_[p].updater(),_.splice(p,1))}s=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var _={};function e(n){if(typeof _[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}_[n]=o}return _[n]}function r(n,o){var t=e(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}c.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function _(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}c.exports=_},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,_,e){"use strict";function r(n){var o=e.nc;o&&n.setAttribute("nonce",o)}c.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function _(n,o,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,l&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var d=t.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(s,
|
|
3
|
-
Note: This is not a bound property and cannot be used to dynamically change the positon of the component`},actionDetail:{required:!0,tsType:{name:"IActionCalloutDetail"},description:"The action details that will be rendered in the component"},icon:{required:!1,tsType:{name:"UIIcon"},description:"The icon to use if provided, otherwise a default icon is applied"},isError:{required:!1,tsType:{name:"boolean"},description:"Border colour"}}}},"./src/components/UIActionCallout/index.ts"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,
|
|
1
|
+
(()=>{var T=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var P=(c,_,e)=>_ in c?T(c,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[_]=e,I=(c,_)=>{for(var e in _||(_={}))j.call(_,e)&&P(c,e,_[e]);if(v)for(var e of v(_))S.call(_,e)&&P(c,e,_[e]);return c},C=(c,_)=>O(c,A(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[449],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([c.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([c.id,".ts-icon{fill:var(--vscode-foreground)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,_,e){var r=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=l(r);o.push([c.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)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(_){var e=[];return e.toString=function(){return this.map(function(l){var o="",t=typeof l[5]!="undefined";return l[4]&&(o+="@supports (".concat(l[4],") {")),l[2]&&(o+="@media ".concat(l[2]," {")),t&&(o+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),o+=_(l),t&&(o+="}"),l[2]&&(o+="}"),l[4]&&(o+="}"),o}).join("")},e.i=function(l,o,t,s,n){typeof l=="string"&&(l=[[null,l,void 0]]);var d={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(d[m]=!0)}for(var u=0;u<l.length;u++){var a=[].concat(l[u]);t&&d[a[0]]||(typeof n!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=n),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),s&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=s):a[4]="".concat(s)),e.push(a))}},e}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(_){return _[1]}},"./src/components/UIActionCallout/UIActionCallout.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=l()(p(),b);const E=p()&&p().locals?p().locals:void 0},"./src/components/UIIcon/UIIcon.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=l()(p(),b);const E=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss"(c,_,e){"use strict";e.r(_),e.d(_,{default:()=>E});var r=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=e.n(r),o=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(o),s=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(s),d=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=e.n(d),m=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=e.n(m),a=e("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=e.n(a),h=e("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=e.n(h),y={};for(const w in h)w!=="default"&&(y[w]=()=>h[w]);e.d(_,y);var b={};b.styleTagTransform=f(),b.setAttributes=i(),b.insert=n().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=u();var g=l()(p(),b);const E=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var _=[];function e(o){for(var t=-1,s=0;s<_.length;s++)if(_[s].identifier===o){t=s;break}return t}function r(o,t){for(var s={},n=[],d=0;d<o.length;d++){var i=o[d],m=t.base?i[0]+t.base:i[0],u=s[m]||0,a="".concat(m," ").concat(u);s[m]=u+1;var f=e(a),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(f!==-1)_[f].references++,_[f].updater(h);else{var p=l(h,t);t.byIndex=d,_.splice(d,0,{identifier:a,updater:p,references:1})}n.push(a)}return n}function l(o,t){var s=t.domAPI(t);s.update(o);var n=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;s.update(o=i)}else s.remove()};return n}c.exports=function(o,t){t=t||{},o=o||[];var s=r(o,t);return function(d){d=d||[];for(var i=0;i<s.length;i++){var m=s[i],u=e(m);_[u].references--}for(var a=r(d,t),f=0;f<s.length;f++){var h=s[f],p=e(h);_[p].references===0&&(_[p].updater(),_.splice(p,1))}s=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var _={};function e(l){if(typeof _[l]=="undefined"){var o=document.querySelector(l);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}_[l]=o}return _[l]}function r(l,o){var t=e(l);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}c.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function _(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}c.exports=_},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,_,e){"use strict";function r(l){var o=e.nc;o&&l.setAttribute("nonce",o)}c.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function _(l,o,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var n=typeof t.layer!="undefined";n&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,n&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var d=t.sourceMap;d&&typeof btoa!="undefined"&&(s+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),o.styleTagTransform(s,l,o.options)}function e(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=l.insertStyleElement(l);return{update:function(s){_(o,l,s)},remove:function(){e(o)}}}c.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function _(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}c.exports=_},"./src/components/UIActionCallout/UIActionCallout.tsx"(c,_,e){"use strict";var r=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIActionCallout=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/Icons.tsx"),s=e("./src/components/UICallout/index.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/components/UIActionCallout/UIActionCallout.scss");class d extends o.default.Component{constructor(m){var u;super(m),this.actionDetail=m.actionDetail,this.commandAction=m.commandAction,this.targetElementId=m.targetElementId,this.showInline=m.showInline,this.anchor=o.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=m.icon,this.onClick=m.onClick,this.anchorClicked=!1,this.isError=(u=m.isError)!=null?u:!1}onCalloutClick(){var m;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((m=this.anchor.current)==null||m.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){var m,u;return o.default.createElement(s.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:l.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},(u=(m=this.icon)==null?void 0:m.render())!=null?u:o.default.createElement(n.UIIcon,{iconName:t.UiIcons.HelpAction}),o.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),o.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}_.UIActionCallout=d,d.__docgenInfo={description:"",methods:[],displayName:"UIActionCallout",props:{targetElementId:{required:!0,tsType:{name:"string"},description:"The id of the element to which this GA box will point"},showInline:{required:!1,tsType:{name:"boolean"},description:`If true (default) the callout will be placed relative to the target element instead of floating using position absolute
|
|
3
|
+
Note: This is not a bound property and cannot be used to dynamically change the positon of the component`},actionDetail:{required:!0,tsType:{name:"IActionCalloutDetail"},description:"The action details that will be rendered in the component"},icon:{required:!1,tsType:{name:"UIIcon"},description:"The icon to use if provided, otherwise a default icon is applied"},isError:{required:!1,tsType:{name:"boolean"},description:"Border colour"}}}},"./src/components/UIActionCallout/index.ts"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIActionCallout/UIActionCallout.tsx"),_)},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},r=20;class l{constructor(t,s,n=e){this.originalStyle={},this.source=t,this.callout=s,this.props=n,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const s=document.createElement("div");return s.classList.add("ts-Callout-transformation"),s.style.height=`${t}px`,s}getElements(){const t=this.source.current,s=t==null?void 0:t.closest(this.props.container);if(s&&t){const n=s==null?void 0:s.querySelector(this.props.target);if(n){const d={container:{dom:s,rect:s.getBoundingClientRect()},target:{dom:n,rect:n.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(d.callout={dom:i,rect:i.getBoundingClientRect()}),d}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:s,target:n,callout:d,source:i}=t;if(d){const m=window.innerHeight-e.minPagePadding,u=d.rect.height,a=i.rect.bottom;let f=a+u-n.rect.top,h=a+d.rect.height;if(f<=0||h>=m)return;if(h+=n.rect.height,h<=m&&(f+=r),this.props.absolute){const p=s.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${s.rect.top}px`,p.left=`${s.rect.left}px`}this.placeholder=this.createPlaceholder(f),n.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:s}=t;for(const n in this.originalStyle){const d=this.originalStyle[n];typeof d=="string"&&(s.dom.style[n]=d)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const s=this.getElements();return!!(t.type==="focus"&&(s!=null&&s.target.dom.contains(t.target)))}}_.CalloutCollisionTransform=l},"./src/components/UICallout/UICallout.tsx"(c,_,e){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICallout=_.getCalloutStyle=_.UICalloutContentPadding=_.CALLOUT_STYLES=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),_.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:"var(--vscode-cornerRadius-small, 4px)"};var s;(function(u){u.None="None",u.Standard="Standard"})(s||(_.UICalloutContentPadding=s={}));const n=new Map([[s.Standard,8]]),d=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,f;return{root:I({boxShadow:_.CALLOUT_STYLES.boxShadow,backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius,border:`1px solid ${_.CALLOUT_STYLES.borderColor}`},d(u.styles,"root")),beak:I({backgroundColor:_.CALLOUT_STYLES.background,boxShadow:_.CALLOUT_STYLES.boxShadow},d(u.styles,"beak")),beakCurtain:I({backgroundColor:_.CALLOUT_STYLES.background,borderRadius:_.CALLOUT_STYLES.borderRadius},d(u.styles,"beakCurtain")),calloutMain:I({backgroundColor:"transparent",color:_.CALLOUT_STYLES.text,borderRadius:_.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:n.get((f=u.contentPadding)!=null?f:s.None)},d(u.styles,"calloutMain")),container:d(u.styles,"container")}};_.getCalloutStyle=i;class m extends l.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:f,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&a.key==="Tab"&&p){let y=null;if(typeof p=="string"){const b=(0,o.getDocument)();y=b==null?void 0:b.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(y=p);y&&(0,t.focusToSibling)(y,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}f==null||f(a)}render(){return l.default.createElement(o.Callout,C(I({},this.props),{onKeyDown:this.onKeyDown,styles:(0,_.getCalloutStyle)(this.props)}),this.props.children)}}_.UICallout=m,m.__docgenInfo={description:`UICallout component.
|
|
4
4
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
|
|
5
5
|
|
|
6
6
|
@exports
|
|
7
7
|
@class UICallout
|
|
8
|
-
@extends {React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,
|
|
8
|
+
@extends {React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UICallout/CalloutCollisionTransform.ts"),_),l(e("./src/components/UICallout/UICallout.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx"(c,_,e){"use strict";var r=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const l=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class t extends l.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return l.default.createElement(o.Icon,C(I({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t,t.__docgenInfo={description:`UIIcon component
|
|
9
9
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
10
10
|
|
|
11
11
|
@exports
|
|
12
12
|
@class UIIcon
|
|
13
|
-
@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,
|
|
13
|
+
@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/utilities/Debounce.ts"(c,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.debounce=e;function e(r,l){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{r(...t)},l)}}},"./src/utilities/Dom.ts"(c,_){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isHTMLElement=e,_.isHTMLInputElement=r;function e(l){return"title"in l}function r(l){return"value"in l&&"tagName"in l&&l.tagName==="INPUT"}},"./src/utilities/Focus.ts"(c,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.isElementTabbable=_.getPreviousElement=_.getNextElement=_.setUIFocusVisibility=_.getUILastFocusable=_.getUIFirstFocusable=void 0,_.focusToSibling=l;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIFirstFocusable",{enumerable:!0,get:function(){return r.getFirstFocusable}}),Object.defineProperty(_,"getUILastFocusable",{enumerable:!0,get:function(){return r.getLastFocusable}}),Object.defineProperty(_,"setUIFocusVisibility",{enumerable:!0,get:function(){return r.setFocusVisibility}}),Object.defineProperty(_,"getNextElement",{enumerable:!0,get:function(){return r.getNextElement}}),Object.defineProperty(_,"getPreviousElement",{enumerable:!0,get:function(){return r.getPreviousElement}}),Object.defineProperty(_,"isElementTabbable",{enumerable:!0,get:function(){return r.isElementTabbable}});function l(o,t){const s=(0,r.getDocument)();if(s){let n=null;if(t?n=(0,r.getNextElement)(s.body,o,!1,!1,!0,!0):n=(0,r.getPreviousElement)(s.body,o,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(c,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getUIId=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"getUIId",{enumerable:!0,get:function(){return r.getId}})},"./src/utilities/Keys.ts"(c,_,e){"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.UIKeyCodes=void 0;const r=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIKeyCodes",{enumerable:!0,get:function(){return r.KeyCodes}})},"./src/utilities/index.ts"(c,_,e){"use strict";var r=this&&this.__createBinding||(Object.create?(function(o,t,s,n){n===void 0&&(n=s);var d=Object.getOwnPropertyDescriptor(t,s);(!d||("get"in d?!t.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,n,d)}):(function(o,t,s,n){n===void 0&&(n=s),o[n]=t[s]})),l=this&&this.__exportStar||function(o,t){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&r(t,o,s)};Object.defineProperty(_,"__esModule",{value:!0}),l(e("./src/utilities/Debounce.ts"),_),l(e("./src/utilities/Dom.ts"),_),l(e("./src/utilities/Focus.ts"),_),l(e("./src/utilities/Id.ts"),_),l(e("./src/utilities/Keys.ts"),_)},"./stories/UIActionCallout.story.tsx"(c,_,e){"use strict";var r=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const l=e("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=r(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIActionCallout/index.ts"),s=e("./src/components/UIIcon/index.tsx"),n=e("./src/components/Icons.tsx");_.default={title:"Utilities/ActionCallout"};const d={childrenGap:40},i={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},m={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},u=()=>o.default.createElement(l.Stack,{tokens:d,style:{width:300}},o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),o.default.createElement(t.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:i,isError:!0})),o.default.createElement(l.Stack,{tokens:d},o.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),o.default.createElement(t.UIActionCallout,{icon:new s.UIIcon({iconName:n.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:m,isError:!1})));_.defaultUsage=u}}]);})();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(()=>{var E=Object.defineProperty,S=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var C=(i,s,o)=>s in i?E(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o,g=(i,s)=>{for(var o in s||(s={}))O.call(s,o)&&C(i,o,s[o]);if(v)for(var o of v(s))U.call(s,o)&&C(i,o,s[o]);return i},I=(i,s)=>S(i,P(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(i,s,o){var u=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),n=_(u);n.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=n},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(s){var o=[];return o.toString=function(){return this.map(function(_){var n="",e=typeof _[5]!="undefined";return _[4]&&(n+="@supports (".concat(_[4],") {")),_[2]&&(n+="@media ".concat(_[2]," {")),e&&(n+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),n+=s(_),e&&(n+="}"),_[2]&&(n+="}"),_[4]&&(n+="}"),n}).join("")},o.i=function(_,n,e,t,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(e)for(var p=0;p<this.length;p++){var y=this[p][0];y!=null&&(l[y]=!0)}for(var m=0;m<_.length;m++){var a=[].concat(_[m]);e&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),n&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=n),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),o.push(a))}},o}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,o){"use strict";o.r(s),o.d(s,{default:()=>T});var u=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(u),n=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=o.n(n),t=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=o.n(t),l=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(l),y=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=o.n(y),a=o("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=o.n(a),c=o("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),d=o.n(c),b={};for(const w in c)w!=="default"&&(b[w]=()=>c[w]);o.d(s,b);var h={};h.styleTagTransform=f(),h.setAttributes=p(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=m();var D=_()(d(),h);const T=d()&&d().locals?d().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var s=[];function o(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function u(n,e){for(var t={},r=[],l=0;l<n.length;l++){var p=n[l],y=e.base?p[0]+e.base:p[0],m=t[y]||0,a="".concat(y," ").concat(m);t[y]=m+1;var f=o(a),c={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(f!==-1)s[f].references++,s[f].updater(c);else{var d=_(c,e);e.byIndex=l,s.splice(l,0,{identifier:a,updater:d,references:1})}r.push(a)}return r}function _(n,e){var t=e.domAPI(e);t.update(n);var r=function(p){if(p){if(p.css===n.css&&p.media===n.media&&p.sourceMap===n.sourceMap&&p.supports===n.supports&&p.layer===n.layer)return;t.update(n=p)}else t.remove()};return r}i.exports=function(n,e){e=e||{},n=n||[];var t=u(n,e);return function(l){l=l||[];for(var p=0;p<t.length;p++){var y=t[p],m=o(y);s[m].references--}for(var a=u(l,e),f=0;f<t.length;f++){var c=t[f],d=o(c);s[d].references===0&&(s[d].updater(),s.splice(d,1))}t=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var s={};function o(_){if(typeof s[_]=="undefined"){var n=document.querySelector(_);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[_]=n}return s[_]}function u(_,n){var e=o(_);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function s(o){var u=document.createElement("style");return o.setAttributes(u,o.attributes),o.insert(u,o.options),u}i.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,s,o){"use strict";function u(_){var n=o.nc;n&&_.setAttribute("nonce",n)}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function s(_,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function u(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(o,u){if(u.styleSheet)u.styleSheet.cssText=o;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},u=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,m=l.rect.height,a=p.rect.bottom;let f=a+m-r.rect.top,c=a+l.rect.height;if(f<=0||c>=y)return;if(c+=r.rect.height,c<=y&&(f+=u),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(f),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function u(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function s(o,u){if(u.styleSheet)u.styleSheet.cssText=o;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},u=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,m=l.rect.height,a=p.rect.bottom;let f=a+m-r.rect.top,c=a+l.rect.height;if(f<=0||c>=y)return;if(c+=r.rect.height,c<=y&&(f+=u),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(f),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var u=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=u(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:"var(--vscode-cornerRadius-small, 4px)"};var t;(function(m){m.None="None",m.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(m,a)=>typeof m=="object"&&typeof m[a]=="object"?m[a]:{},p=m=>{var a,f;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(m.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(m.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(m.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=m.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((f=m.contentPadding)!=null?f:t.None)},l(m.styles,"calloutMain")),container:l(m.styles,"container")}};s.getCalloutStyle=p;class y extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:f,focusTargetSiblingOnTabPress:c,target:d}=this.props;if(c&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,n.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}f==null||f(a)}render(){return _.default.createElement(n.Callout,I(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y,y.__docgenInfo={description:`UICallout component.
|
|
3
3
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
|
|
4
4
|
|
|
5
5
|
@exports
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var _=Object.defineProperty,L=Object.defineProperties;var
|
|
1
|
+
"use strict";(()=>{var _=Object.defineProperty,L=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var E=(i,r,o)=>r in i?_(i,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[r]=o,g=(i,r)=>{for(var o in r||(r={}))D.call(r,o)&&E(i,o,r[o]);if(w)for(var o of w(r))j.call(r,o)&&E(i,o,r[o]);return i},f=(i,r)=>L(i,R(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"./src/components/UIToggle/UIToggle.tsx"(i,r,o){var k=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=k(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=k(o("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),s=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),d=o("./src/helper/ValidationMessage/index.tsx"),m=o("./src/components/UIIcon/index.tsx"),h=o("./src/components/Icons.tsx");var y;(function(c){c.Standard="Standard",c.Small="Small"})(y||(r.UIToggleSize=y={}));const U={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},v={display:"flex"},p=.4,a={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class T extends e.default.Component{constructor(u){super(u),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var u;this.replaceThumbWithIcon((u=this.props.checked)!=null?u:this.props.defaultChecked)}shouldComponentUpdate(u){return u.checked!==this.props.checked&&this.replaceThumbWithIcon(u.checked),!0}handleChange(u,b){var l,t;this.replaceThumbWithIcon(b),(t=(l=this.props).onChange)==null||t.call(l,u,b)}replaceThumbWithIcon(u=!1){var b;if(this.toggleRootRef.current){const l=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");l&&n.default.render(e.default.createElement(m.UIIcon,{iconName:u?h.UiIcons.SwitchOn:h.UiIcons.SwitchOff,style:v}),l)}}getMarginBottom(u){const{inlineLabel:b}=this.props;if(u)return b?0:4}render(){const{inlineLabelLeft:u,labelFlexGrow:b,inlineLabel:l}=this.props,t=U,C=(0,d.getMessageInfo)(this.props),S=x=>({root:f(g({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:t==null?void 0:t.margin,marginBottom:this.getMarginBottom(C.message)}),label:f(g(g({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:t==null?void 0:t.label.fontSize,padding:t==null?void 0:t.label.padding},l&&{marginLeft:10}),u&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?p:"inherit"}),pill:f(g({height:t==null?void 0:t.height,width:t==null?void 0:t.width,padding:t==null?void 0:t.padding,borderRadius:"var(--vscode-cornerRadius-circle, 9999px)",background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor},":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":disabled":{background:a.pill.checked.background,borderColor:a.pill.checked.borderColor,opacity:p}},!x.checked&&{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:a.thumb.unchecked.hover.background,borderColor:a.thumb.unchecked.hover.borderColor},":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.unchecked.borderColor,opacity:p}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:f(g({height:t==null?void 0:t.circle.height,width:t==null?void 0:t.circle.width,borderWidth:t==null?void 0:t.circle.borderWidth,backgroundPosition:"center",borderColor:a.thumb.checked.borderColor,backgroundColor:a.thumb.checked.background,":hover":{background:a.thumb.checked.hover.background,borderColor:a.thumb.checked.hover.borderColor}},!x.checked&&{borderColor:a.thumb.unchecked.borderColor,backgroundColor:a.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:x.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),I=e.default.createElement(s.Toggle,f(g({},this.props),{styles:S,ref:this.toggleRootRef,onChange:this.handleChange}));return C.message?e.default.createElement(d.MessageWrapper,{message:C},I):I}}r.UIToggle=T,T.__docgenInfo={description:`UIToggle component.
|
|
2
2
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
|
|
3
3
|
|
|
4
4
|
@exports
|
|
@@ -10,4 +10,4 @@ based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
|
|
|
10
10
|
@returns {void} This method does not return a value.`,modifiers:[],params:[{name:"event",description:"The mouse event object associated with the interaction.",type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"},optional:!1},{name:"checked",optional:!0,type:{name:"boolean"}}],returns:null,description:"Handles the change event triggered by the user interaction."},{name:"replaceThumbWithIcon",docblock:"Replaces the thumb element of a toggle switch with an icon based on the toggle's state.\n\n@param {boolean} [checked] Optional. Represents the state of the toggle switch. If not provided, it checks `defaultChecked` prop or defaults to `false`.\n@returns {void} Does not return a value.",modifiers:[],params:[{name:"checked",optional:!0}],returns:{type:{name:"void"}},description:"Replaces the thumb element of a toggle switch with an icon based on the toggle's state."},{name:"getMarginBottom",docblock:`Method returns size of margin bottom for root container depending on current props state.
|
|
11
11
|
|
|
12
12
|
@param {string} [message] Validation message.
|
|
13
|
-
@returns {number | undefined} Value for margin bottom.`,modifiers:[],params:[{name:"message",optional:!0,type:{name:"string"}}],returns:{type:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]}},description:"Method returns size of margin bottom for root container depending on current props state."}],displayName:"UIToggle",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},inlineLabelLeft:{required:!1,tsType:{name:"boolean"},description:""},labelFlexGrow:{required:!1,tsType:{name:"boolean"},description:""},size:{required:!1,tsType:{name:"UIToggleSize"},description:""}},composes:["IToggleProps"]}},"./src/components/UIToggle/index.tsx"(i,r,o){var k=this&&this.__createBinding||(Object.create?(function(n,
|
|
13
|
+
@returns {number | undefined} Value for margin bottom.`,modifiers:[],params:[{name:"message",optional:!0,type:{name:"string"}}],returns:{type:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]}},description:"Method returns size of margin bottom for root container depending on current props state."}],displayName:"UIToggle",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},inlineLabelLeft:{required:!1,tsType:{name:"boolean"},description:""},labelFlexGrow:{required:!1,tsType:{name:"boolean"},description:""},size:{required:!1,tsType:{name:"UIToggleSize"},description:""}},composes:["IToggleProps"]}},"./src/components/UIToggle/index.tsx"(i,r,o){var k=this&&this.__createBinding||(Object.create?(function(n,s,d,m){m===void 0&&(m=d);var h=Object.getOwnPropertyDescriptor(s,d);(!h||("get"in h?!s.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return s[d]}}),Object.defineProperty(n,m,h)}):(function(n,s,d,m){m===void 0&&(m=d),n[m]=s[d]})),e=this&&this.__exportStar||function(n,s){for(var d in n)d!=="default"&&!Object.prototype.hasOwnProperty.call(s,d)&&k(s,n,d)};Object.defineProperty(r,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),r)},"./stories/UIContextualMenu.story.tsx"(i,r,o){var k=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const e=k(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=o("./src/components/UIContextualMenu/index.tsx"),d=o("./src/components/UIButton/index.tsx"),m=o("./src/components/UITreeDropdown/index.tsx"),h=o("./src/components/Icons.tsx"),y=o("./src/components/UIDropdown/index.tsx"),U=o("./src/components/UIToggle/index.tsx");r.default={title:"Dropdowns/ContextualMenu"};const v={childrenGap:40};function p(c=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:f(g({},c&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:f(g({},c&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const a=[s.UIContextualMenuLayoutType.ContextualMenu,s.UIContextualMenuLayoutType.DropdownMenu].map(c=>({key:c.toString(),text:c.toString()})),T=()=>{const c=e.default.useRef(null),[u,b]=e.default.useState(s.UIContextualMenuLayoutType.ContextualMenu),[l,t]=e.default.useState(!0),[C,S]=e.default.useState(!1),I=e.default.useCallback(()=>{S(!0)},[]),x=e.default.useCallback(()=>S(!1),[]);return e.default.createElement(n.Stack,{tokens:v},e.default.createElement(y.UIDropdown,{label:"Layout",options:a,selectedKey:u.toString(),onChange:(B,M)=>{M&&b(s.UIContextualMenuLayoutType[M.key])}}),e.default.createElement(U.UIToggle,{checked:l,label:"showSubmenuBeneath",onChange:(B,M)=>{t(!!M)}}),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:c,onClick:I},"Click for ContextualMenu"),e.default.createElement(s.UIContextualMenu,{hidden:!C,target:c,items:p(),onDismiss:x,layoutType:u,showSubmenuBeneath:l})),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(d.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:p(),layoutType:u,showSubmenuBeneath:l}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:h.UiIcons.Undo},menuProps:{items:p(),layoutType:u,showSubmenuBeneath:l}})))),e.default.createElement(n.Stack,{tokens:{childrenGap:16}},e.default.createElement(n.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(n.Stack,{horizontal:!0,tokens:v,horizontalAlign:"center"},e.default.createElement(n.Stack,{tokens:{childrenGap:8}},e.default.createElement(n.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(d.UIIconButton,{iconProps:{iconName:h.UiIcons.ArrowLeft},menuProps:{items:p(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:u,showSubmenuBeneath:l}})))))};r.ContextualMenu=T}}]);})();
|