@sap-ux/ui-components 1.17.9 → 1.18.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/UITable/UITable-helper.d.ts.map +1 -1
- package/dist/components/UITable/UITable-helper.js +5 -2
- package/dist/components/UITable/UITable-helper.js.map +1 -1
- package/dist/components/UITable/UITable.js +2 -2
- package/dist/components/UITable/UITable.js.map +1 -1
- package/dist/components/UITable/UITable.scss +27 -4
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts.map +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
- package/package.json +1 -1
- package/storybook/104.3220da33.iframe.bundle.js +7 -0
- package/storybook/{336.0ca2c0c2.iframe.bundle.js → 180.22849a6c.iframe.bundle.js} +3 -3
- package/storybook/{491.1e9a71cc.iframe.bundle.js → 285.bf9307d0.iframe.bundle.js} +1 -1
- package/storybook/{454.55edec77.iframe.bundle.js → 300.a05a6f07.iframe.bundle.js} +1 -1
- package/storybook/{988.4df720d2.iframe.bundle.js → 320.85bdbeab.iframe.bundle.js} +1 -1
- package/storybook/{690.a9a4c8e4.iframe.bundle.js → 487.c3c24fa1.iframe.bundle.js} +1 -1
- package/storybook/{589.16ed4444.iframe.bundle.js → 586.38f48d45.iframe.bundle.js} +1 -1
- package/storybook/{871.d9443863.iframe.bundle.js → 604.2d7e915d.iframe.bundle.js} +1 -1
- package/storybook/{125.3024b9fd.iframe.bundle.js → 756.3c27bb9b.iframe.bundle.js} +1 -1
- package/storybook/{217.3bc5280e.iframe.bundle.js → 820.b173e04b.iframe.bundle.js} +1 -1
- package/storybook/{921.c3493bef.iframe.bundle.js → 871.4a80e026.iframe.bundle.js} +1 -1
- package/storybook/{416.52140987.iframe.bundle.js → 961.ad3b4320.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.df76393e.iframe.bundle.js → UIActionCallout-story.6c94d001.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.a53c1f9f.iframe.bundle.js → UIButton-story.179b29e1.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.b156f05e.iframe.bundle.js → UICallout-story.c34aa62d.iframe.bundle.js} +2 -2
- package/storybook/{UICheckbox-story.90038183.iframe.bundle.js → UICheckbox-story.9bd978c7.iframe.bundle.js} +2 -2
- package/storybook/{UIContextualMenu-story.6d856534.iframe.bundle.js → UIContextualMenu-story.c7989db7.iframe.bundle.js} +2 -2
- package/storybook/{UICreateSelect-story.5a135e51.iframe.bundle.js → UICreateSelect-story.d419277e.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.bfccc5b9.iframe.bundle.js → UIDatePicker-story.d5c4fa07.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.8df9c941.iframe.bundle.js → UIDialog-story.8520b2ad.iframe.bundle.js} +2 -2
- package/storybook/{UIIcon-story.486ce230.iframe.bundle.js → UIIcon-story.8026f717.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.cdfa7187.iframe.bundle.js → UILoader-story.0ed5ba9f.iframe.bundle.js} +2 -2
- package/storybook/{UISections-story.a296e3d5.iframe.bundle.js → UISections-story.c2a9778c.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.9c625be5.iframe.bundle.js → UITextInput-story.5e67604d.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.dc500461.iframe.bundle.js → UIToggle-story.6e43072c.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.c0fec5ff.iframe.bundle.js → UIToggleGroup-story.3a542445.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.8c1914ad.iframe.bundle.js → UITooltip-story.489faa74.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.ab9a5e90.iframe.bundle.js → UITreedropdown-story.8b18cd66.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +2 -2
- package/storybook/main.8a631790.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.8ee4df58.iframe.bundle.js → runtime~main.b59654a0.iframe.bundle.js} +2 -2
- package/storybook/vscode-dark.css +1 -1
- package/storybook/vscode-hcb.css +1 -1
- package/storybook/vscode-light.css +1 -1
- package/storybook/930.4fff9aba.iframe.bundle.js +0 -7
- package/storybook/main.63a7de26.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o||(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[491],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.default.Component{constructor(n){super(n),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),r=e("./src/components/Icons.tsx"),n="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:n},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:n,color:"var(--vscode-button-secondaryForeground)"},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const i="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=s=>{const{primary:b,transparent:v}=s,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f(f({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:h.root,rootHovered:h.root,icon:f(f({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:f(f({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,s,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var s;const a=(s=this.props.menuProps)!=null&&s.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(i){super(i),this.setStyle=B=>{var s;const a=((s=B.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:a},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(i){return`var(${i}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends c.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=n=>({root:m(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},n.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,n){return`var(${r}, ${n})`}render(){return c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(d,a,s,b){b===void 0&&(b=s);var v=Object.getOwnPropertyDescriptor(a,s);(!v||("get"in v?!a.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(d,b,v)}:function(d,a,s,b){b===void 0&&(b=s),d[b]=a[s]}),c=this&&this.__setModuleDefault||(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar||function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var s in d)s!=="default"&&Object.prototype.hasOwnProperty.call(d,s)&&u(a,d,s);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),r=e("./src/components/UIContextualMenu/index.tsx"),n=e("./src/components/Icons.tsx"),i=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,i.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,s){return{menu:{items:a.menuItems,onItemClick:s.menu.onItemClick}}}render(){return l.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:n.UiIcons.ArrowDown},menuAs:r.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B},"./src/components/UIButton/index.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(l,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,i)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar||function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,r)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return S.IButton}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLInputElement=o.isHTMLElement=void 0;function e(c){return"title"in c}o.isHTMLElement=e;function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}o.isHTMLInputElement=u},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.focusToSibling=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}o.focusToSibling=c},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n||("get"in n?!l.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar||function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();
|
|
1
|
+
"use strict";(()=>{var E=Object.defineProperty,y=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var p=(g,o,e)=>o in g?E(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,f=(g,o)=>{for(var e in o||(o={}))k.call(o,e)&&p(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&p(g,e,o[e]);return g},m=(g,o)=>y(g,I(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[285],{"./src/components/UIButton/UIActionButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");class t extends c.default.Component{constructor(n){super(n),this.setStyle=()=>({root:{minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,color:"var(--vscode-foreground)",borderRadius:0,whiteSpace:"nowrap",backgroundColor:"transparent",selectors:{"&:active":{textDecoration:"underline"},".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},label:{marginLeft:0,marginRight:0,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)"},rootDisabled:{backgroundColor:"transparent",color:"var(--vscode-foreground)",opacity:"0.4",pointerEvents:"none"},rootHovered:{color:"var(--vscode-foreground)",textDecoration:"underline",backgroundColor:"transparent",selectors:{color:"var(--vscode-foreground)"}},icon:{height:16,lineHeight:16,marginLeft:-3,position:"relative",top:1},menuIcon:{position:"relative",top:1}})}render(){return c.default.createElement(S.ActionButton,m(f({},this.props),{styles:this.setStyle(),menuAs:l.UIContextualMenu}))}}o.UIActionButton=t},"./src/components/UIButton/UIDefaultButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/UIInput/index.tsx"),r=e("./src/components/Icons.tsx"),n="var(--vscode-button-border, transparent)";o.BASE_STYLES={color:"var(--vscode-button-foreground)",checkedBorderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",primary:{backgroundColor:"var(--vscode-button-background)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-hoverBackground)",hoverBorderColor:n},secondary:{backgroundColor:"var(--vscode-button-secondaryBackground)",disabledBorderColor:n,borderColor:n,hoverBackgroundColor:"var(--vscode-button-secondaryHoverBackground)",hoverBorderColor:n,color:"var(--vscode-button-secondaryForeground)"},transparent:{backgroundColor:"transparent",disabledBorderColor:"transparent",borderColor:"transparent",hoverBackgroundColor:"var(--vscode-toolbar-hoverBackground, var(--vscode-menubar-selectionBackground))",hoverBorderColor:"var(--vscode-contrastActiveBorder, transparent)",hoverBorderStyle:"dashed",color:"var(--vscode-foreground)",checkedBackgroundColor:"var(--vscode-button-background)",checkedColor:"var(--vscode-button-foreground)",checkedBorderStyle:"solid"}};const i="svg > path, svg > rect";class B extends c.default.Component{constructor(a){super(a),this.setStyle=s=>{const{primary:b,transparent:v}=s,_={position:"absolute",width:1,right:21,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},h={root:this.getInteractionStyle(!1,b,v),checked:this.getInteractionStyle(!0,b,v)};return{root:m(f(f({minWidth:"initial",height:22,fontSize:"13px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:t.COMMON_INPUT_STYLES.borderRadius,paddingLeft:13,paddingRight:13,backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.borderColor,color:o.BASE_STYLES.secondary.color},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.borderColor,color:o.BASE_STYLES.transparent.color}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),flexContainer:{height:18},label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:20,whiteSpace:"nowrap"},rootDisabled:f(f({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),v&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:h.root,rootHovered:h.root,icon:f(f({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},b&&{color:o.BASE_STYLES.color,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),v&&{color:o.BASE_STYLES.transparent.color,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:f({"svg > path":{fill:o.BASE_STYLES.secondary.color}},b&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:f(f({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},b&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),v&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:h.checked,rootCheckedPressed:h.checked,splitButtonMenuButton:{padding:6,height:22,boxSizing:"border-box",borderRadius:`0 ${t.COMMON_INPUT_STYLES.borderRadius}px ${t.COMMON_INPUT_STYLES.borderRadius}px 0 !important`,borderLeft:"none",outline:"transparent",userSelect:"none",display:"inline-block",textDecoration:"none",textAlign:"center",cursor:"pointer",verticalAlign:"top",width:22,marginLeft:-1,marginTop:0,marginRight:0,marginBottom:0,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color,selectors:{"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},b&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),splitButtonMenuFocused:{selectors:{"&:focus":{color:"red"}}},splitButtonMenuButtonExpanded:{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color},"&:hover":{color:o.BASE_STYLES.color,backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{[i]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(a,s,b){let v=f(f({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.secondary.color}}},s&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.hoverBackgroundColor,borderColor:o.BASE_STYLES.primary.hoverBorderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}),a&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(a?v=m(f({},v),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[i]:{fill:o.BASE_STYLES.color}}}):v=m(f({},v),{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.hoverBackgroundColor,borderColor:o.BASE_STYLES.transparent.hoverBorderColor,borderStyle:o.BASE_STYLES.transparent.hoverBorderStyle,selectors:{[i]:{fill:o.BASE_STYLES.transparent.color}}})),a&&(v=m(f({},v),{borderColor:o.BASE_STYLES.checkedBorderColor})),v}render(){var s;const a=(s=this.props.menuProps)!=null&&s.items?{iconName:r.UiIcons.ArrowDown}:void 0;return c.default.createElement(S.DefaultButton,m(f({menuIconProps:a},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIDefaultButton=B},"./src/components/UIButton/UIIconButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=e("./src/components/UIContextualMenu/index.tsx");var t;(function(n){n.Default="Default",n.Wide="Wide"})(t||(o.UIIconButtonSizes=t={}));class r extends c.default.Component{constructor(i){super(i),this.setStyle=B=>{var s;const a=((s=B.sizeType)!=null?s:t.Default)===t.Default?16:26;return{root:{minWidth:"initial",height:16,width:a,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:a},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:a},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:a,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(i){return`var(${i}, var(--vscode-menubar-selectionBackground))`}render(){return c.default.createElement(S.IconButton,m(f({},this.props),{styles:this.setStyle(this.props),menuAs:l.UIContextualMenu}))}}o.UIIconButton=r},"./src/components/UIButton/UISmallButton.tsx":function(g,o,e){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const c=u(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class l extends c.default.Component{constructor(r){super(r),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=n=>({root:m(f({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,fontFamily:"var(--vscode-font-family)",borderRadius:20,paddingLeft:13,paddingRight:13,backgroundColor:"var(--vscode-button-secondaryBackground, #5f6a79)",borderColor:"var(--vscode-contrastBorder, var(--vscode-button-secondaryBackground, #5f6a79))",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{backgroundColor:this.getColor("--vscode-button-background"),borderColor:"var(--vscode-contrastBorder, var(--vscode-button-background))",color:this.getColor("--vscode-button-foreground")}),{selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outlineColor:"var(--vscode-focusBorder)",inset:-3}}}),label:{marginLeft:0,marginRight:0,fontWeight:400,lineHeight:11,whiteSpace:"nowrap"},rootDisabled:f({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:"var(--vscode-button-secondaryBackground, #5f6a79)",color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")},n.primary&&{opacity:"0.5 !important",color:this.getColor("--vscode-button-foreground"),backgroundColor:"var(--vscode-button-background)",borderColor:"var(--vscode-button-background)"}),rootHovered:f({color:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff"),backgroundColor:"var(--vscode-button-secondaryHoverBackground, #4c5561)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-secondaryHoverBackground, #4c5561))",selectors:{"svg > path, svg > rect":{fill:this.getColorwithFallback(this.buttonSecondaryForeground,"#ffffff")}}},n.primary&&{color:"var(--vscode-button-foreground)",backgroundColor:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))",selectors:{"svg > path, svg > rect":{fill:"var(--vscode-button-foreground)"}}})})}getColor(r){return`var(${r})`}getColorwithFallback(r,n){return`var(${r}, ${n})`}render(){return c.default.createElement(S.DefaultButton,m(f({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=l},"./src/components/UIButton/UISplitButton.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(d,a,s,b){b===void 0&&(b=s);var v=Object.getOwnPropertyDescriptor(a,s);(!v||("get"in v?!a.__esModule:v.writable||v.configurable))&&(v={enumerable:!0,get:function(){return a[s]}}),Object.defineProperty(d,b,v)}:function(d,a,s,b){b===void 0&&(b=s),d[b]=a[s]}),c=this&&this.__setModuleDefault||(Object.create?function(d,a){Object.defineProperty(d,"default",{enumerable:!0,value:a})}:function(d,a){d.default=a}),S=this&&this.__importStar||function(d){if(d&&d.__esModule)return d;var a={};if(d!=null)for(var s in d)s!=="default"&&Object.prototype.hasOwnProperty.call(d,s)&&u(a,d,s);return c(a,d),a};Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const l=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("./src/components/UIButton/UIDefaultButton.tsx"),r=e("./src/components/UIContextualMenu/index.tsx"),n=e("./src/components/Icons.tsx"),i=e("./src/utilities/index.ts");class B extends l.Component{constructor(a){super(a),this.id=this.props.id?this.props.id:(0,i.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(s,b)=>{b!=null&&b.key&&this.props.callback(b.key)},this.state={menu:{items:a.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(a,s){return{menu:{items:a.menuItems,onItemClick:s.menu.onItemClick}}}render(){return l.createElement(t.UIDefaultButton,{ariaLabel:this.props.ariaLabel,ariaDescription:this.props.ariaDescription,id:this.id,className:"ui-split-button",primary:!0,split:!0,onClick:this.onClick.bind(this),menuProps:this.state.menu,menuIconProps:{iconName:n.UiIcons.ArrowDown},menuAs:r.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=B},"./src/components/UIButton/index.tsx":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(l,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(l,n,i)}:function(l,t,r,n){n===void 0&&(n=r),l[n]=t[r]}),c=this&&this.__exportStar||function(l,t){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&u(t,l,r)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const S=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIButtonInterface",{enumerable:!0,get:function(){return S.IButton}}),c(e("./src/components/UIButton/UIActionButton.tsx"),o),c(e("./src/components/UIButton/UIDefaultButton.tsx"),o),c(e("./src/components/UIButton/UIIconButton.tsx"),o),c(e("./src/components/UIButton/UISplitButton.tsx"),o),c(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Dom.ts":(g,o)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLInputElement=o.isHTMLElement=void 0;function e(c){return"title"in c}o.isHTMLElement=e;function u(c){return"value"in c&&"tagName"in c&&c.tagName==="INPUT"}o.isHTMLInputElement=u},"./src/utilities/Focus.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.focusToSibling=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return u.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return u.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return u.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return u.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return u.getPreviousElement}});function c(S,l){const t=(0,u.getDocument)();if(t){let r=null;if(l?r=(0,u.getNextElement)(t.body,S,!1,!1,!0,!0):r=(0,u.getPreviousElement)(t.body,S,!1,!1,!0,!0),r)return r.focus(),r}return null}o.focusToSibling=c},"./src/utilities/Id.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return u.getId}})},"./src/utilities/Keys.ts":(g,o,e)=>{Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=void 0;const u=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return u.KeyCodes}})},"./src/utilities/index.ts":function(g,o,e){var u=this&&this.__createBinding||(Object.create?function(S,l,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(l,t);(!n||("get"in n?!l.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(S,r,n)}:function(S,l,t,r){r===void 0&&(r=t),S[r]=l[t]}),c=this&&this.__exportStar||function(S,l){for(var t in S)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,S,t)};Object.defineProperty(o,"__esModule",{value:!0}),c(e("./src/utilities/Dom.ts"),o),c(e("./src/utilities/Focus.ts"),o),c(e("./src/utilities/Id.ts"),o),c(e("./src/utilities/Keys.ts"),o)}}]);})();
|