@sap-ux/ui-components 2.0.1 → 2.0.3

package/storybook/UIButton-story.b4af0230.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var M=Object.defineProperty,z=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var D=(p,i,u)=>i in p?M(p,i,{enumerable:!0,configurable:!0,writable:!0,value:u}):p[i]=u,h=(p,i)=>{for(var u in i||(i={}))O.call(i,u)&&D(p,u,i[u]);if(N)for(var u of N(i))W.call(i,u)&&D(p,u,i[u]);return p},B=(p,i)=>z(p,j(i));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[685],{"./stories/UIButton.story.tsx"(p,i,u){var v=this&&this.__createBinding||(Object.create?(function(m,r,c,s){s===void 0&&(s=c);var l=Object.getOwnPropertyDescriptor(r,c);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(m,s,l)}):(function(m,r,c,s){s===void 0&&(s=c),m[s]=r[c]})),T=this&&this.__setModuleDefault||(Object.create?(function(m,r){Object.defineProperty(m,"default",{enumerable:!0,value:r})}):function(m,r){m.default=r}),w=this&&this.__importStar||(function(){var m=function(r){return m=Object.getOwnPropertyNames||function(c){var s=[];for(var l in c)Object.prototype.hasOwnProperty.call(c,l)&&(s[s.length]=l);return s},m(r)};return function(r){if(r&&r.__esModule)return r;var c={};if(r!=null)for(var s=m(r),l=0;l<s.length;l++)s[l]!=="default"&&v(c,r,s[l]);return T(c,r),c}})();Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const t=w(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=u("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),e=u("./src/components/UIButton/index.tsx"),y=u("./src/components/UIContextualMenu/index.tsx"),o=u("./src/components/Icons.tsx"),b=u("./src/components/UITreeDropdown/index.tsx");(0,o.initIcons)(),i.default={title:"Basic Inputs/Buttons"};const a={childrenGap:40},_=()=>{const[m,r]=(0,t.useState)(""),[c,s]=(0,t.useState)({btn1:!0,btn2:!0,btn3:!0}),l=f=>{r(f)},S=f=>{const I=B(h({},c),{[f]:!c[f]});s(I)},d=(f,I,k)=>{const E={key:f,text:I};return k&&(E.iconProps={iconName:o.UiIcons.GuidedDevelopment}),E},x=d("option1","option 1"),P=[d("option2","option 2"),d("option3","option 3")],U=P.map(f=>B(h({},f),{iconProps:{iconName:o.UiIcons.GuidedDevelopment}})),A=[U[0],B(h({},U[1]),{iconProps:void 0})],g=()=>[d("option1","option 1"),d("rename","Simulate rename"),{key:"",itemType:y.UIContextualMenuItemType.Divider},d("option3","option 3"),d("option4","option 4"),d("option5","option 5"),{key:"",itemType:y.UIContextualMenuItemType.Header,text:"Dummy header"},d("option6","option 6"),d("option7","option 7"),d("option8","option 8"),d("option10","option 10"),d("option11","option 11"),d("option12","option 12")],[C,H]=(0,t.useState)(g());return t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{primary:!0},"Primary button"),t.default.createElement(e.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),t.default.createElement(e.UIDefaultButton,{primary:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Primary button with icon"),t.default.createElement(e.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,null,"Secondary button"),t.default.createElement(e.UIDefaultButton,{disabled:!0},"Secondary disabled button"),t.default.createElement(e.UIDefaultButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Secondary button with icon"),t.default.createElement(e.UIDefaultButton,{checked:!0},"Secondary checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"alert Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{alert:!0},"Alert button"),t.default.createElement(e.UIDefaultButton,{alert:!0,disabled:!0},"Alert disabled button"),t.default.createElement(e.UIDefaultButton,{alert:!0,iconProps:{iconName:o.UiIcons.Calendar}},"alert button with icon"),t.default.createElement(e.UIDefaultButton,{alert:!0,checked:!0},"Alert checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIDefaultButton,{transparent:!0},"Transparent button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),t.default.createElement(e.UIDefaultButton,{transparent:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Transparent button with icon"),t.default.createElement(e.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISplitButton,{id:"test",callback:l.bind(this),menuItems:P,button:x}),t.default.createElement(e.UISplitButton,{id:"test2",callback:l.bind(this),menuItems:U,button:x}),t.default.createElement(e.UISplitButton,{id:"test3",callback:f=>{if(f==="rename"){const I=g(),k=I.find(E=>E.key==="rename");k&&(k.text="Renamed"),H(I)}l(f)},menuItems:C,button:x}),t.default.createElement("span",null,"selection: ",m))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"undo-button-action",iconProps:{iconName:o.UiIcons.Undo},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"add-button-action",iconProps:{iconName:o.UiIcons.Add},title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"wide-button-action",sizeType:e.UIIconButtonSizes.Wide,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),t.default.createElement(e.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:o.UiIcons.Source},disabled:!0,title:"Undo"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{id:"btn1",iconProps:{iconName:o.UiIcons.Undo},checked:c.btn1,onClick:S.bind(window,"btn1"),title:"Undo"}),t.default.createElement(e.UIIconButton,{id:"btn2",checked:c.btn2,iconProps:{iconName:o.UiIcons.LayoutLeft},onClick:S.bind(window,"btn2"),title:"LayoutLeft"}),t.default.createElement(e.UIIconButton,{id:"btn3",sizeType:e.UIIconButtonSizes.Wide,checked:c.btn3,iconProps:{iconName:o.UiIcons.QuestionMarkWithChevron},onClick:S.bind(window,"btn3"),title:"Wide"}))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Calendar}},"Standard Action - disabled"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color"),t.default.createElement(e.UIActionButton,{disabled:!0,iconProps:{iconName:o.UiIcons.Bulb}},"Icon with color - disabled")),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}},"Button with menu"),t.default.createElement(e.UIActionButton,{iconProps:{iconName:o.UiIcons.Bulb},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:A}},"Button with mixture menu"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UISmallButton,{primary:!0},"Clear All"))),t.default.createElement(n.Stack,{tokens:a},t.default.createElement(n.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),t.default.createElement(n.Stack,{horizontal:!0,tokens:a},t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:U}}),t.default.createElement(e.UIIconButton,{iconProps:{iconName:o.UiIcons.Add},menuProps:{directionalHint:b.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:C}}))))};i.defaultUsage=_}}]);})();

package/storybook/UIContextualMenu-story.43b45fa0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var _=Object.defineProperty,D=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,O=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={}))L.call(r,o)&&E(i,o,r[o]);if(B)for(var o of B(r))O.call(r,o)&&E(i,o,r[o]);return i},k=(i,r)=>D(i,W(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"./src/components/UIToggle/UIToggle.tsx"(i,r,o){var f=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=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=f(o("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),l=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),d=o("./src/helper/ValidationMessage/index.tsx"),h=o("./src/components/UIIcon/index.tsx"),m=o("./src/components/Icons.tsx");var S;(function(c){c.Standard="Standard",c.Small="Small"})(S||(r.UIToggleSize=S={}));const T={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 M 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 s,t;this.replaceThumbWithIcon(b),(t=(s=this.props).onChange)==null||t.call(s,u,b)}replaceThumbWithIcon(u=!1){var b;if(this.toggleRootRef.current){const s=(b=this.toggleRootRef.current)==null?void 0:b.querySelector(".ms-Toggle-thumb");s&&n.default.render(e.default.createElement(h.UIIcon,{iconName:u?m.UiIcons.SwitchOn:m.UiIcons.SwitchOff,style:v}),s)}}getMarginBottom(u){const{inlineLabel:b}=this.props;if(u)return b?0:4}render(){const{inlineLabelLeft:u,labelFlexGrow:b,inlineLabel:s}=this.props,t=T,C=(0,d.getMessageInfo)(this.props),y=x=>({root:k(g({},b&&{flexGrow:1,justifyContent:"space-between"}),{margin:t==null?void 0:t.margin,marginBottom:this.getMarginBottom(C.message)}),label:k(g(g({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:t==null?void 0:t.label.fontSize,padding:t==null?void 0:t.label.padding},s&&{marginLeft:10}),u&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?p:"inherit"}),pill:k(g({height:t==null?void 0:t.height,width:t==null?void 0:t.width,padding:t==null?void 0:t.padding,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:k(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(l.Toggle,k(g({},this.props),{styles:y,ref:this.toggleRootRef,onChange:this.handleChange}));return C.message?e.default.createElement(d.MessageWrapper,{message:C},I):I}}r.UIToggle=M},"./src/components/UIToggle/index.tsx"(i,r,o){var f=this&&this.__createBinding||(Object.create?(function(n,l,d,h){h===void 0&&(h=d);var m=Object.getOwnPropertyDescriptor(l,d);(!m||("get"in m?!l.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return l[d]}}),Object.defineProperty(n,h,m)}):(function(n,l,d,h){h===void 0&&(h=d),n[h]=l[d]})),e=this&&this.__exportStar||function(n,l){for(var d in n)d!=="default"&&!Object.prototype.hasOwnProperty.call(l,d)&&f(l,n,d)};Object.defineProperty(r,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),r)},"./stories/UIContextualMenu.story.tsx"(i,r,o){var f=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const e=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),l=o("./src/components/UIContextualMenu/index.tsx"),d=o("./src/components/UIButton/index.tsx"),h=o("./src/components/UITreeDropdown/index.tsx"),m=o("./src/components/Icons.tsx"),S=o("./src/components/UIDropdown/index.tsx"),T=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:k(g({},c&&{directionalHint:h.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:k(g({},c&&{directionalHint:h.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=[l.UIContextualMenuLayoutType.ContextualMenu,l.UIContextualMenuLayoutType.DropdownMenu].map(c=>({key:c.toString(),text:c.toString()})),M=()=>{const c=e.default.useRef(null),[u,b]=e.default.useState(l.UIContextualMenuLayoutType.ContextualMenu),[s,t]=e.default.useState(!0),[C,y]=e.default.useState(!1),I=e.default.useCallback(()=>{y(!0)},[]),x=e.default.useCallback(()=>y(!1),[]);return e.default.createElement(n.Stack,{tokens:v},e.default.createElement(S.UIDropdown,{label:"Layout",options:a,selectedKey:u.toString(),onChange:(w,U)=>{U&&b(l.UIContextualMenuLayoutType[U.key])}}),e.default.createElement(T.UIToggle,{checked:s,label:"showSubmenuBeneath",onChange:(w,U)=>{t(!!U)}}),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(l.UIContextualMenu,{hidden:!C,target:c,items:p(),onDismiss:x,layoutType:u,showSubmenuBeneath:s})),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:s}})))),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:m.UiIcons.Undo},menuProps:{items:p(),layoutType:u,showSubmenuBeneath:s}})))),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:m.UiIcons.ArrowLeft},menuProps:{items:p(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:u,showSubmenuBeneath:s}})))))};r.ContextualMenu=M}}]);})();

package/storybook/UITooltip-story.e088dd3c.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,s,_)=>s in c?E(c,s,{enumerable:!0,configurable:!0,writable:!0,value:_}):c[s]=_,b=(c,s)=>{for(var _ in s||(s={}))O.call(s,_)&&S(c,_,s[_]);if(v)for(var _ of v(s))P.call(s,_)&&S(c,_,s[_]);return c},g=(c,s)=>I(c,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,s,_){var d=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),o=n(d);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@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(s){var _=[];return _.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+=s(n),t&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},_.i=function(n,o,t,e,r){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(t)for(var i=0;i<this.length;i++){var h=this[i][0];h!=null&&(l[h]=!0)}for(var u=0;u<n.length;u++){var a=[].concat(n[u]);t&&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),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),_.push(a))}},_}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(c,s,_){"use strict";_.r(s),_.d(s,{default:()=>C});var d=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=_.n(d),o=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(o),e=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(e),l=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=_.n(l),h=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(h),a=_("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=_.n(a),f=_("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.11_@_4f1593e189c7da437313975f630f8314/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=_.n(f),T={};for(const w in f)w!=="default"&&(T[w]=()=>f[w]);_.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=n()(p(),y);const C=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var s=[];function _(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var i=o[l],h=t.base?i[0]+t.base:i[0],u=e[h]||0,a="".concat(h," ").concat(u);e[h]=u+1;var m=_(a),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)s[m].references++,s[m].updater(f);else{var p=n(f,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function n(o,t){var e=t.domAPI(t);e.update(o);var r=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;e.update(o=i)}else e.remove()};return r}c.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var i=0;i<e.length;i++){var h=e[i],u=_(h);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var f=e[m],p=_(f);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var s={};function _(n){if(typeof s[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[n]=o}return s[n]}function d(n,o){var t=_(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=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function s(_){var d=document.createElement("style");return _.setAttributes(d,_.attributes),_.insert(d,_.options),d}c.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,s,_){"use strict";function d(n){var o=_.nc;o&&n.setAttribute("nonce",o)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function s(n,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,n,o.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(e){s(o,n,e)},remove:function(){_(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(_,d){if(d.styleSheet)d.styleSheet.cssText=_;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(_))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const _={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class n{constructor(t,e,r=_){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const h=window.innerHeight-_.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,f=a+l.rect.height;if(m<=0||f>=h)return;if(f+=r.rect.height,f<=h&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/utilities/index.ts");_("./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:4};var e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=i;class h extends n.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:p}=this.props;if(f&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return n.default.createElement(o.Callout,g(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=h},"./src/components/UICallout/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UICallout/CalloutCollisionTransform.ts"),s),n(_("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltip=s.UITooltipDelay=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=_("./src/components/UICallout/index.tsx");class e extends n.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,i=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=n.default.createElement(o.TooltipHost,g(b({},this.props),{styles:i,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:n.default.createElement("div",{onFocusCapture:f=>{var p;(p=f.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},a)}}s.UITooltip=e},"./src/components/UITooltip/UITooltipUtils.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(s,"__esModule",{value:!0}),s.UITooltipUtils=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(_("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),t=_("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text},subText:{}}}static renderContent(l){return{onRenderContent:()=>n.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const i=(0,o.default)(l);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:i}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(c,s,_){"use strict";var d=this&&this.__createBinding||(Object.create?(function(o,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(o,r,l)}):(function(o,t,e,r){r===void 0&&(r=e),o[r]=t[e]})),n=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),n(_("./src/components/UITooltip/UITooltip.tsx"),s),n(_("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(c,s,_){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(s,"__esModule",{value:!0}),s.Tooltips=void 0;const n=d(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=_("./src/components/UITooltip/index.tsx"),t=_("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip"},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?cff7"(){},"?3dda"(){},"?880e"(){},"?c3d3"(){},"?7b66"(){}}]);})();

package/storybook/UITreedropdown-story.1df59995.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var E=Object.defineProperty,I=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var T=(o,t,l)=>t in o?E(o,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[t]=l,d=(o,t)=>{for(var l in t||(t={}))C.call(t,l)&&T(o,l,t[l]);if(g)for(var l of g(t))D.call(t,l)&&T(o,l,t[l]);return o},u=(o,t)=>I(o,y(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[994],{"./src/components/UIButton/UIIconButton.tsx"(o,t,l){var v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIconButton=t.UIIconButtonSizes=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),n=l("./src/components/UIContextualMenu/index.tsx");var i;(function(c){c.Default="Default",c.Wide="Wide"})(i||(t.UIIconButtonSizes=i={}));class b extends e.default.Component{constructor(_){super(_),this.setStyle=a=>{var r;const s=((r=a.sizeType)!=null?r:i.Default)===i.Default?16:26;return{root:{minWidth:"initial",height:16,width:s,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:s},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:s},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:s,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(_){return`var(${_}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(p.IconButton,u(d({},this.props),{styles:this.setStyle(this.props),menuAs:n.UIContextualMenu}))}}t.UIIconButton=b},"./stories/UITreedropdown.story.tsx"(o,t,l){var v=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.accessibilityStates=t.Message=t.Basic=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),n=l("./src/components/UITreeDropdown/index.tsx");t.default={title:"Dropdowns/TreeDropdown"};const i=[{value:"__OperationControl",label:"__OperationControl",children:[{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]}]},{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"DraftAdministrativeData",label:"DraftAdministrativeData",children:[{value:"SAP__Other",label:"SAP__Other",children:[]}]},{value:"_Artist",label:"_Artist",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title1",label:"_Title1",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]},{value:"_Title4",label:"_Title4",children:[]},{value:"_Title5",label:"_Title5",children:[]},{value:"_Title6",label:"_Title6",children:[]},{value:"_Title7",label:"_Title7",children:[]},{value:"_Title8",label:"_Title8",children:[]},{value:"_Title9",label:"_Title9",children:[]}],b=()=>{const[a,h]=e.default.useState(0),[s,r]=e.default.useState(""),m=f=>{h(a+1),r(f)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(n.UITreeDropdown,{value:s,label:`Label(value changed ${a} times)`,placeholderText:"Select value",items:i,onParameterValueChange:m,maxWidth:300}))};t.Basic=b;const c=()=>{const[a,h]=e.default.useState(""),s=r=>h(r);return e.default.createElement("div",{style:{width:300}},e.default.createElement(n.UITreeDropdown,{value:a,label:"Label",placeholderText:"Select value",items:i,onParameterValueChange:s,maxWidth:300,errorMessage:"Dummy error"}))};t.Message=c;const _=()=>{const[a,h]=e.default.useState("_Title1"),s={childrenGap:40},r={placeholderText:"Select value",items:i,maxWidth:300,onParameterValueChange:f=>console.log(f)},m=u(d({},r),{onParameterValueChange:f=>h(f)});return e.default.createElement("div",null,e.default.createElement(p.Stack,{horizontal:!0,tokens:s},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},r),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},m),{value:a})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},r),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},m),{errorMessage:"Dummy error",value:a})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},r),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},m),{value:a,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},r),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,u(d({},m),{value:a,readOnly:!0})))))))};t.accessibilityStates=_}}]);})();

package/storybook/iframe.html

@@ -520,8 +520,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.0ec101e6.iframe.bundle.js';
+      import './runtime~main.735b9f72.iframe.bundle.js';
       
       import './625.874afe67.iframe.bundle.js';
       
-      import './main.e2aa1653.iframe.bundle.js';</script></body></html>
+      import './main.0a27e16a.iframe.bundle.js';</script></body></html>