@sap-ux/ui-components 2.1.10 → 2.1.12
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/UIDefaultButton.d.ts +26 -0
- package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +108 -76
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js +13 -18
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +97 -54
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js.map +1 -1
- package/dist/components/UITable/UITable-helper.d.ts.map +1 -1
- package/dist/components/UITable/UITable-helper.js +22 -19
- package/dist/components/UITable/UITable-helper.js.map +1 -1
- package/dist/components/UITable/UITable.d.ts +8 -0
- package/dist/components/UITable/UITable.d.ts.map +1 -1
- package/dist/components/UITable/UITable.js +20 -12
- package/dist/components/UITable/UITable.js.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js.map +1 -1
- package/dist/components/UIToolbar/UIToolbar.d.ts.map +1 -1
- package/dist/components/UIToolbar/UIToolbar.js +15 -36
- package/dist/components/UIToolbar/UIToolbar.js.map +1 -1
- package/package.json +2 -2
- package/storybook/{722.cab24dc6.iframe.bundle.js → 303.27ab8dbf.iframe.bundle.js} +3 -3
- package/storybook/401.ca3cbdba.iframe.bundle.js +7 -0
- package/storybook/{438.2b1dc22a.iframe.bundle.js → 438.7d681b59.iframe.bundle.js} +1 -1
- package/storybook/541.5b112304.iframe.bundle.js +1 -0
- package/storybook/{UITooltip-story.029b6314.iframe.bundle.js → UITooltip-story.8a47915d.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +2 -2
- package/storybook/{main.6fc4eb72.iframe.bundle.js → main.f1843cbf.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.a1ac3662.iframe.bundle.js → runtime~main.89387f54.iframe.bundle.js} +1 -1
- package/storybook/401.2a170b9f.iframe.bundle.js +0 -7
- package/storybook/541.e08f1e5f.iframe.bundle.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{var p=Object.defineProperty,I=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var y=(g,o,e)=>o in g?p(g,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):g[o]=e,i=(g,o)=>{for(var e in o||(o={}))A.call(o,e)&&y(g,e,o[e]);if(C)for(var e of C(o))L.call(o,e)&&y(g,e,o[e]);return g},h=(g,o)=>I(g,k(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[541],{"./src/components/UIButton/UIActionButton.tsx"(g,o,e){var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIActionButton=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=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"),d=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIButton/UIDefaultButton.tsx");class n extends a.default.Component{constructor(s){super(s),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:3,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 a.default.createElement(f.ActionButton,h(i({},this.props),{styles:this.setStyle(),menuAs:d.UIContextualMenu}))}}o.UIActionButton=n},"./src/components/UIButton/UIDefaultButton.tsx"(g,o,e){var l=this&&this.__importDefault||function(v){return v&&v.__esModule?v:{default:v}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDefaultButton=o.BASE_STYLES=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=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"),d=e("./src/components/UIContextualMenu/index.tsx"),r=e("./src/components/UIInput/index.tsx"),n=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 s="svg > path, svg > rect";class E extends a.default.Component{constructor(c){super(c),this.setStyle=S=>{const{primary:u,alert:b,transparent:B}=S,_={position:"absolute",width:1,right:o.BASE_STYLES.height-1,top:0,bottom:0,backgroundColor:"var(--vscode-editor-background)"},m={root:this.getInteractionStyle(!1,u,b,B),checked:this.getInteractionStyle(!0,u,b,B)};return{root:h(i(i(i({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},u&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.borderColor,color:o.BASE_STYLES.color}),B&&{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:i(i(i({opacity:"0.5 !important",backgroundColor:o.BASE_STYLES.secondary.backgroundColor,borderColor:o.BASE_STYLES.secondary.disabledBorderColor,color:o.BASE_STYLES.secondary.color},u&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.disabledBorderColor}),b&&{opacity:"0.5 !important",color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.backgroundColor,borderColor:o.BASE_STYLES.alert.disabledBorderColor}),B&&{color:o.BASE_STYLES.transparent.color,backgroundColor:o.BASE_STYLES.transparent.backgroundColor,borderColor:o.BASE_STYLES.transparent.disabledBorderColor}),rootPressed:m.root,rootHovered:m.root,icon:i(i(i({height:16,lineHeight:16,marginLeft:-3,color:o.BASE_STYLES.secondary.color,selectors:{[s]:{fill:o.BASE_STYLES.secondary.color}}},u&&{color:o.BASE_STYLES.color,selectors:{[s]:{fill:o.BASE_STYLES.color}}}),b&&{color:o.BASE_STYLES.color,selectors:{[s]:{fill:o.BASE_STYLES.color}}}),B&&{color:o.BASE_STYLES.transparent.color,selectors:{[s]:{fill:o.BASE_STYLES.transparent.color}}}),menuIcon:{selectors:i(i({"svg > path":{fill:o.BASE_STYLES.secondary.color}},u&&{"svg > path":{fill:o.BASE_STYLES.color}}),b&&{"svg > path":{fill:o.BASE_STYLES.color}})},rootChecked:i(i(i({backgroundColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color,borderColor:o.BASE_STYLES.checkedBorderColor},u&&{backgroundColor:o.BASE_STYLES.primary.backgroundColor,color:o.BASE_STYLES.color}),b&&{backgroundColor:o.BASE_STYLES.alert.backgroundColor,color:o.BASE_STYLES.color}),B&&{backgroundColor:o.BASE_STYLES.transparent.checkedBackgroundColor,color:o.BASE_STYLES.transparent.checkedColor,borderStyle:o.BASE_STYLES.transparent.checkedBorderStyle}),rootCheckedHovered:m.checked,rootCheckedPressed:m.checked,splitButtonMenuButton:{padding:6,minHeight:o.BASE_STYLES.height,height:o.BASE_STYLES.height,boxSizing:"border-box",borderRadius:`0 ${r.COMMON_INPUT_STYLES.borderRadius}px ${r.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: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:{[s]:{fill:o.BASE_STYLES.color}}}}},splitButtonMenuButtonDisabled:i(i({opacity:"0.5 !important",backgroundColor:"var(--vscode-button-secondaryBackground,#5f6a79)",borderColor:o.BASE_STYLES.secondary.backgroundColor,color:o.BASE_STYLES.secondary.color},u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:"var(--vscode-button-background)"}),b&&{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:{[s]:{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:{[s]:{fill:o.BASE_STYLES.color}}}}},splitButtonDivider:_,splitButtonDividerDisabled:_,splitButtonContainerFocused:{".ms-Fabric--isFocusVisible &:focus:after":{border:"none",outlineColor:"var(--vscode-focusBorder)",inset:-2}}}}}getInteractionStyle(c,S,u,b){let B=i(i(i({color:o.BASE_STYLES.secondary.color,backgroundColor:o.BASE_STYLES.secondary.hoverBackgroundColor,borderColor:o.BASE_STYLES.secondary.hoverBorderColor,selectors:{[s]:{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:{[s]:{fill:o.BASE_STYLES.color}}}),u&&{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.alert.hoverBackgroundColor,borderColor:o.BASE_STYLES.alert.hoverBorderColor,selectors:{[s]:{fill:o.BASE_STYLES.color}}}),c&&{borderColor:o.BASE_STYLES.checkedBorderColor});return b&&(c?B=h(i({},B),{color:o.BASE_STYLES.color,backgroundColor:o.BASE_STYLES.primary.backgroundColor,borderColor:o.BASE_STYLES.primary.borderColor,selectors:{[s]:{fill:o.BASE_STYLES.color}}}):B=h(i({},B),{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:{[s]:{fill:o.BASE_STYLES.transparent.color}}})),c&&(B=h(i({},B),{borderColor:o.BASE_STYLES.checkedBorderColor})),B}render(){var S;const c=(S=this.props.menuProps)!=null&&S.items?{iconName:n.UiIcons.ArrowDown}:void 0;return a.default.createElement(f.DefaultButton,h(i({menuIconProps:c},this.props),{styles:this.setStyle(this.props),menuAs:d.UIContextualMenu}))}}o.UIDefaultButton=E},"./src/components/UIButton/UIIconButton.tsx"(g,o,e){var l=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 a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=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"),d=e("./src/components/UIContextualMenu/index.tsx");var r;(function(t){t.Default="Default",t.Wide="Wide"})(r||(o.UIIconButtonSizes=r={}));class n extends a.default.Component{constructor(s){super(s),this.setStyle=E=>{var S;const c=((S=E.sizeType)!=null?S:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:c,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:c},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:c},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:c,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(s){return`var(${s}, var(--vscode-menubar-selectionBackground))`}render(){return a.default.createElement(f.IconButton,h(i({},this.props),{styles:this.setStyle(this.props),menuAs:d.UIContextualMenu}))}}o.UIIconButton=n},"./src/components/UIButton/UISmallButton.tsx"(g,o,e){var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(o,"__esModule",{value:!0}),o.UISmallButton=void 0;const a=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=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 d extends a.default.Component{constructor(n){super(n),this.buttonSecondaryForeground="--vscode-button-secondaryForeground",this.setStyle=t=>({root:h(i({minWidth:"initial",height:16,fontSize:"11px",fontWeight:400,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")},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:i({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:i({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(n){return`var(${n})`}getColorwithFallback(n,t){return`var(${n}, ${t})`}render(){return a.default.createElement(f.DefaultButton,h(i({},this.props),{styles:this.setStyle(this.props)}))}}o.UISmallButton=d},"./src/components/UIButton/UISplitButton.tsx"(g,o,e){var l=this&&this.__createBinding||(Object.create?(function(v,c,S,u){u===void 0&&(u=S);var b=Object.getOwnPropertyDescriptor(c,S);(!b||("get"in b?!c.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return c[S]}}),Object.defineProperty(v,u,b)}):(function(v,c,S,u){u===void 0&&(u=S),v[u]=c[S]})),a=this&&this.__setModuleDefault||(Object.create?(function(v,c){Object.defineProperty(v,"default",{enumerable:!0,value:c})}):function(v,c){v.default=c}),f=this&&this.__importStar||(function(){var v=function(c){return v=Object.getOwnPropertyNames||function(S){var u=[];for(var b in S)Object.prototype.hasOwnProperty.call(S,b)&&(u[u.length]=b);return u},v(c)};return function(c){if(c&&c.__esModule)return c;var S={};if(c!=null)for(var u=v(c),b=0;b<u.length;b++)u[b]!=="default"&&l(S,c,u[b]);return a(S,c),S}})();Object.defineProperty(o,"__esModule",{value:!0}),o.UISplitButton=void 0;const d=f(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/components/UIButton/UIDefaultButton.tsx"),n=e("./src/components/UIContextualMenu/index.tsx"),t=e("./src/components/Icons.tsx"),s=e("./src/utilities/index.ts");class E extends d.Component{constructor(c){super(c),this.id=this.props.id?this.props.id:(0,s.getUIId)("ui-split-button-"),this.onClick=()=>{this.props.callback(this.props.button.key)},this.onMenuItemClick=(S,u)=>{u!=null&&u.key&&this.props.callback(u.key)},this.state={menu:{items:c.menuItems,onItemClick:this.onMenuItemClick}},this.onClick=this.onClick.bind(this)}static getDerivedStateFromProps(c,S){return{menu:{items:c.menuItems,onItemClick:S.menu.onItemClick}}}render(){return d.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:n.UIContextualMenu,disabled:this.props.disabled},this.props.button.text)}}o.UISplitButton=E},"./src/components/UIButton/index.tsx"(g,o,e){var l=this&&this.__createBinding||(Object.create?(function(d,r,n,t){t===void 0&&(t=n);var s=Object.getOwnPropertyDescriptor(r,n);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(d,t,s)}):(function(d,r,n,t){t===void 0&&(t=n),d[t]=r[n]})),a=this&&this.__exportStar||function(d,r){for(var n in d)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&l(r,d,n)};Object.defineProperty(o,"__esModule",{value:!0}),o.UIButtonInterface=void 0;const f=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,"UIButtonInterface",{enumerable:!0,get:function(){return f.IButton}}),a(e("./src/components/UIButton/UIActionButton.tsx"),o),a(e("./src/components/UIButton/UIDefaultButton.tsx"),o),a(e("./src/components/UIButton/UIIconButton.tsx"),o),a(e("./src/components/UIButton/UISplitButton.tsx"),o),a(e("./src/components/UIButton/UISmallButton.tsx"),o)},"./src/utilities/Debounce.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.debounce=e;function e(l,a){let f;return(...d)=>{clearTimeout(f),f=window.setTimeout(()=>{l(...d)},a)}}},"./src/utilities/Dom.ts"(g,o){Object.defineProperty(o,"__esModule",{value:!0}),o.isHTMLElement=e,o.isHTMLInputElement=l;function e(a){return"title"in a}function l(a){return"value"in a&&"tagName"in a&&a.tagName==="INPUT"}},"./src/utilities/Focus.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.isElementTabbable=o.getPreviousElement=o.getNextElement=o.setUIFocusVisibility=o.getUILastFocusable=o.getUIFirstFocusable=void 0,o.focusToSibling=a;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");Object.defineProperty(o,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(o,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(o,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(o,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(o,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(o,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function a(f,d){const r=(0,l.getDocument)();if(r){let n=null;if(d?n=(0,l.getNextElement)(r.body,f,!1,!1,!0,!0):n=(0,l.getPreviousElement)(r.body,f,!1,!1,!0,!0),n)return n.focus(),n}return null}},"./src/utilities/Id.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.getUIId=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");Object.defineProperty(o,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(g,o,e){Object.defineProperty(o,"__esModule",{value:!0}),o.UIKeyCodes=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");Object.defineProperty(o,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(g,o,e){var l=this&&this.__createBinding||(Object.create?(function(f,d,r,n){n===void 0&&(n=r);var t=Object.getOwnPropertyDescriptor(d,r);(!t||("get"in t?!d.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return d[r]}}),Object.defineProperty(f,n,t)}):(function(f,d,r,n){n===void 0&&(n=r),f[n]=d[r]})),a=this&&this.__exportStar||function(f,d){for(var r in f)r!=="default"&&!Object.prototype.hasOwnProperty.call(d,r)&&l(d,f,r)};Object.defineProperty(o,"__esModule",{value:!0}),a(e("./src/utilities/Debounce.ts"),o),a(e("./src/utilities/Dom.ts"),o),a(e("./src/utilities/Focus.ts"),o),a(e("./src/utilities/Id.ts"),o),a(e("./src/utilities/Keys.ts"),o)}}]);})();
|