@sap-ux/ui-components 1.21.4 → 1.22.1

package/storybook/366.8fedc8e7.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{var T=Object.defineProperty,j=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(v,d,o)=>d in v?T(v,d,{enumerable:!0,configurable:!0,writable:!0,value:o}):v[d]=o,P=(v,d)=>{for(var o in d||(d={}))R.call(d,o)&&O(v,o,d[o]);if(M)for(var o of M(d))U.call(d,o)&&O(v,o,d[o]);return v},z=(v,d)=>j(v,A(d));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[366],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss":(v,d,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,"@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.section{display:flex;flex-direction:column;overflow:hidden}.section__header>div{flex:0 1 auto;background:var(--vscode-sideBarSectionHeader-background);min-height:40px;display:flex;align-items:center;padding:0 1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vscode-sideBarTitle-foreground)}.section__header__title{width:100%;overflow:hidden;text-overflow:ellipsis}.section__header__title.ui-medium-header{line-height:normal}.section__body{margin:1rem .75rem;flex:1 1 auto;padding:0 .25rem;height:100%}.section__body>.ui-loader-blocker:before{z-index:1}.section--clean .section__body{margin:0;padding:0}.section--scrollable .section__body{overflow:auto}.section--extended .section__header{background-color:var(--vscode-sideBar-background)}.section__collapse{position:absolute;top:0;left:0;width:13px}.section--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}",""]),v.exports=h},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss":(v,d,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,".sections{position:relative;overflow:hidden}.sections--horizontal{height:100%}.sections--horizontal .sections__item{height:100%}.sections--vertical{width:100%}.sections--vertical .sections__item{width:100%}.sections .sections__item{position:absolute}.sections--animated .sections__item{transition:all 300ms ease 0s}.sections--animated.sections--horizontal .sections__item{transition-property:transform,left,right}.sections--animated.sections--vertical .sections__item{transition-property:transform,top,bottom}.sections.sections--horizontal .sections__item--toggle.sections__item--hidden{transform:translateX(100%)}.sections.sections--horizontal .sections__item--toggle{max-width:calc(100% - 24px)}.sections.sections--horizontal>.sections__item:first-child{padding-right:7px}.sections.sections--vertical .sections__item--toggle.sections__item--hidden{transform:translateY(100%)}.sections.sections--vertical .sections__item--toggle{max-height:calc(100% - 24px)}",""]),v.exports=h},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss":(v,d,o)=>{var b=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),h=m(b);h.push([v.id,'@keyframes delayedFadeOut{0%{opacity:1}99%{opacity:0;visibility:visible}100%{visibility:hidden}}.splitter{background-color:var(--vscode-panelSection-border);position:absolute;outline:none}.splitter--horizontal{top:0;bottom:0;cursor:ew-resize}.splitter--horizontal:after{border-left:1px solid var(--vscode-contrastBorder);border-right:1px solid var(--vscode-contrastBorder)}.splitter--vertical{cursor:ns-resize;left:0;right:0}.splitter--vertical:after{border-top:1px solid var(--vscode-contrastBorder);border-bottom:1px solid var(--vscode-contrastBorder)}.splitter--compact{background:var(--vscode-editorWidget-border)}.splitter--compact.splitter--vertical .splitter__grip{height:3px}.splitter--compact.splitter--horizontal .splitter__grip{width:12px}.splitter--compact.splitter--horizontal .splitter__grip svg{transform-origin:5px 7px}.splitter--toggle{cursor:pointer}.splitter--toggle .splitter__grip{height:12px}.splitter--resize.splitter--horizontal{cursor:ew-resize}.splitter--resize.splitter--vertical{cursor:ns-resize}.splitter:after{content:"";top:0;left:0;right:0;bottom:0;position:absolute}.splitter__grip{position:absolute;height:16px;top:50%;transform:translateY(-50%);left:0;right:0}.splitter+.section .section__header__title,.splitter+.section .section__body{padding-left:7px}.splitter--toggle+.section .section__header__title,.splitter--toggle+.section .section__body{padding:0;margin:0}.splitter:hover{background-color:var(--vscode-focusBorder)}.splitter:hover .splitter__grip svg path{fill:var(--vscode-button-foreground)}.splitter--horizontal:hover:after{border-left:1px dashed var(--vscode-contrastActiveBorder);border-right:1px dashed var(--vscode-contrastActiveBorder)}.splitter--horizontal:focus:after{border-left:1px solid var(--vscode-focusBorder);border-right:1px solid var(--vscode-focusBorder)}.splitter--vertical:hover:after{border-top:1px dashed var(--vscode-contrastActiveBorder);border-bottom:1px dashed var(--vscode-contrastActiveBorder)}.splitter--vertical:focus:after{border-top:1px solid var(--vscode-focusBorder);border-bottom:1px solid var(--vscode-focusBorder)}.splitter--hidden{animation:.5s delayedFadeOut;animation-fill-mode:forwards}.splitter i.ts-icon{display:flex;height:100%}.splitter i.ts-icon svg{height:100%;width:100%}.splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(180deg)}.splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(270deg)}.splitter--resize.splitter--standard.splitter--vertical .splitter__grip svg,.splitter--resize.splitter--compact.splitter--horizontal .splitter__grip svg{transform:rotate(90deg)}.splitter__overlay{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0)}.splitter__overlay--horizontal{cursor:ew-resize}.splitter__overlay--vertical{cursor:ns-resize}.sections__item--hidden .splitter--toggle.splitter--horizontal .splitter__grip svg{transform:rotate(0) translateX(-1px)}.sections__item--hidden .splitter--toggle.splitter--vertical .splitter__grip svg{transform:rotate(90deg) translateX(-1px)}',""]),v.exports=h},"./src/components/UISection/UISection.scss":(v,d,o)=>{"use strict";o.r(d),o.d(d,{default:()=>u});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=o.n(b),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),g=o.n(h),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(f),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),n=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISection.scss"),r=o.n(n),_={};for(const y in n)y!=="default"&&(_[y]=()=>n[y]);o.d(d,_);var l={};l.styleTagTransform=i(),l.setAttributes=p(),l.insert=c().bind(null,"head"),l.domAPI=g(),l.insertStyleElement=s();var S=m()(r(),l);const u=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISections.scss":(v,d,o)=>{"use strict";o.r(d),o.d(d,{default:()=>u});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=o.n(b),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),g=o.n(h),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(f),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),n=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISections.scss"),r=o.n(n),_={};for(const y in n)y!=="default"&&(_[y]=()=>n[y]);o.d(d,_);var l={};l.styleTagTransform=i(),l.setAttributes=p(),l.insert=c().bind(null,"head"),l.domAPI=g(),l.insertStyleElement=s();var S=m()(r(),l);const u=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISplitter.scss":(v,d,o)=>{"use strict";o.r(d),o.d(d,{default:()=>u});var b=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),m=o.n(b),h=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),g=o.n(h),a=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=o.n(a),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(f),e=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),s=o.n(e),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=o.n(t),n=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UISection/UISplitter.scss"),r=o.n(n),_={};for(const y in n)y!=="default"&&(_[y]=()=>n[y]);o.d(d,_);var l={};l.styleTagTransform=i(),l.setAttributes=p(),l.insert=c().bind(null,"head"),l.domAPI=g(),l.insertStyleElement=s();var S=m()(r(),l);const u=r()&&r().locals?r().locals:void 0},"./src/components/UISection/UISection.tsx":function(v,d,o){"use strict";var b=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISection=d.UISectionLayout=void 0;const m=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=o("../../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");o("./src/components/UISection/UISection.scss");var g;(function(c){c.Standard="standard",c.Extended="extended"})(g||(d.UISectionLayout=g={}));class a extends m.default.Component{onScroll(){this.props.onScroll&&this.props.onScroll()}render(){var t;const f=this.props.scrollable===void 0||this.props.scrollable,p={},e=(t=this.props.layout)!=null?t:g.Standard;"height"in this.props&&(p.height=this.props.height);const s=(0,h.getNativeProps)(this.props,h.divProperties,["onScroll","className","children"]);return m.default.createElement("div",z(P({},s),{className:`section${this.props.className?" "+this.props.className:""} section--${e}${f?" section--scrollable":""}${this.props.cleanPadding?" section--clean":""}${this.props.hidden?" section--hidden":""}`,style:p,ref:this.props.rootRef}),this.props.title&&m.default.createElement("div",{className:"section__header"},m.default.createElement("div",null,m.default.createElement("span",{className:"section__header__title ui-medium-header"},this.props.title))),m.default.createElement("div",{className:"section__body",onScroll:this.onScroll.bind(this)},this.props.children))}}d.UISection=a},"./src/components/UISection/UISections.tsx":function(v,d,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISections=d.ANIMATION_TIME=void 0;const m=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=o("../../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"),g=o("./src/components/UISection/UISection.tsx"),a=o("./src/components/UISection/UISplitter.tsx");o("./src/components/UISection/UISections.scss"),d.ANIMATION_TIME=300;const c="sections--animated";class f extends m.default.Component{constructor(e){super(e),this.resizeSections=[],this.isFullScreen=!1,this.rootSize=0,this.ignoreAnimation=!1,this.state={sizes:void 0},this.onWindowResize=this.onWindowResize.bind(this),this.rootRef=m.default.createRef(),this.sizeProperty=e.vertical?"height":"width",this.domSizeProperty=e.vertical?"clientHeight":"clientWidth",this.startPositionProperty=e.vertical?"top":"left",this.endPositionProperty=e.vertical?"bottom":"right",this.sizeProperty=e.vertical?"height":"width",window.addEventListener("resize",this.onWindowResize)}updateStateSizes(e,s){let t=s;const i=this.getDynamicSectionIndex();let n=0;if(s.forEach((_,l)=>{var S;if(typeof _=="object"&&_.size===void 0){const u=this.getSectionPosition(_);_.size=Math.abs(this.rootSize-u.end-u.start)}l!==i&&(n+=(S=typeof _=="object"?_.size:_)!=null?S:0)}),n=e-n,typeof s[0]!="object"){t=[];let _=0;s.forEach((l,S)=>{l=i!==S?l:n,t.push({percentage:!1,size:l,start:_}),_+=l||0})}const r=t[i];return r&&(r.size=n),this.recalculatePositions(t),this.validateStateMinSizes(t),t}componentDidMount(){const{sizesAsPercents:e,sizes:s}=this.props;this.rootSize=this.getRootSize(),!e&&s&&this.setState({sizes:this.updateStateSizes(this.rootSize,s)})}componentDidUpdate(){this.ignoreAnimation=!1}static getDerivedStateFromProps(e,s){var r,_;let t=s.animate,i,n=0;if(Array.isArray(e.animation)){i=f.getVisibleSections(e.children);let l;for(let S=0;S<e.animation.length;S++)(i==null?void 0:i.includes(S))!==((r=s.visibleSections)==null?void 0:r.includes(S))&&(l=l||e.animation[S]);l!==void 0&&(t=l)}else t=e.animation;return(_=e.sizes)==null||_.forEach((l,S)=>{l===void 0&&(n=S)}),{animate:t,visibleSections:i,dynamicSection:n}}validateStateMinSizes(e){var _,l,S;let s=0,t=!1;const i=[];for(let u=0;u<this.props.children.length;u++){const y=(_=e[u].size)!=null?_:0,E=this.getMinSectionSize(u);E>y&&(t=!0),s+=E,i.push({size:y,minSize:E,spareSize:y-E})}const n=this.getRootSize();if(t&&n>=s){const u=this.calculateSectionSizes(i);for(let y=0;y<e.length;y++)e[y]=u[y]}const r=n<s;r!==this.isFullScreen&&(this.isFullScreen=r,(S=(l=this.props).onToggleFullscreen)==null||S.call(l,r))}onWindowResize(){let{sizes:e}=this.state;const s=this.getRootSize();if(e){e=this.updateStateSizes(s,e);for(let t=0;t<e.length;t++)this.resizeSections[t]&&(this.resizeSections[t].section=e[t]);this.ignoreAnimation=!0,this.setState({sizes:e})}this.rootSize=s}static getVisibleSections(e){const s=[];return e.forEach((t,i)=>{f.isSectionVisible(t)||s.push(i)}),s}static isSectionVisible(e){return e&&e.type===g.UISection?!e.props.hidden:!1}onSplitterResizeStart(){const e=this.rootRef.current,s=[];if(e!=null&&e.childNodes){e.classList.remove(c);for(let t=0;t<e.childNodes.length;t++){const i=this.getMinSectionSize(t),n=this.getMinSectionSize(t===0?1:0),r=e.children[t],_=Math.max(i,e[this.domSizeProperty]-n);s.push({size:r[this.domSizeProperty],dom:r,maxSize:_,section:this.resizeSections[t]?this.resizeSections[t].section:{percentage:!1}})}}this.resizeSections=s}onSplitterResize(e,s){const t=s!==0?this.resizeSections:[],i=this.rootSize;let n=this.getSiblingsSize(t,0,e);this.refreshResizeSections(0,e,this.state.sizes);let r=!1;for(let _=e;_<t.length;_++){const l={percentage:!1},S=t[_],u=this.getMinSectionSize(_),y=this.getMaxSectionSize(_,u,e);if(u===y){n+=u;continue}let E=S.size;_===e?E=S.size+s:(_===e+1||r)&&(E=S.size-s),r=!1,E<u?(s=this.correctBoundaryPosition(s,u,E,_===e),E=u,r=!0):E>y&&(s=this.correctBoundaryPosition(s,y,E,_===e),E=y);let I=0;t[_+1]&&(I=i-n-E),_>0?(l.size=E,l.start=n,S.dom.style[this.startPositionProperty]=n+"px"):(l.start=0,S.dom.style[this.startPositionProperty]="0px"),l.end=I,S.dom.style[this.endPositionProperty]=I+"px",S.dom.style[this.sizeProperty]="",S.section=l,n+=E}return!1}correctBoundaryPosition(e,s,t,i){const n=s-t;return e+(i?n:-n)}onSplitterResizeEnd(){var t,i;const e=this.rootRef.current;e&&this.isAnimationEnabled()&&e.classList.add(c);const s=this.resizeSections.map(n=>n.section);s.some(n=>n.end!==void 0||n.start!==void 0||n.size!==void 0)&&this.setState({sizes:s}),(i=(t=this.props).onResize)==null||i.call(t,s)}onSplitterToggle(){this.props.onClose&&this.props.onClose()}getVisibleChildrenCount(){return this.props.children.filter(e=>e&&f.isSectionVisible(e)).length}getSizePercents(e,s,t=!1){const{sizes:i=[],sizesAsPercents:n}=this.props;let r=i[e];if(r===void 0&&e===this.state.dynamicSection){let _=100;i.every(l=>{l&&(_-=l)}),r=_}return r&&n?t?100-r:r:s>0?100/s:0}getSectionSize(e,s){if(this.props.sizesAsPercents||!this.props.sizes||s<2||e>=this.props.sizes.length&&e>=s)return;const t={[this.sizeProperty]:this.props.sizes[e]?this.props.sizes[e]+"px":this.props.sizes[e]};return e===0&&(t[this.startPositionProperty]=0),e===this.props.sizes.length-1?t[this.endPositionProperty]=0:this.props.sizes[e+1]&&(t[this.endPositionProperty]=this.props.sizes[e+1]+"px"),t}getPositionStyleValue(e,s){return e===1?"0%":s}getVisibleSectionStyle(e){var n;const s={visible:!0,style:{}},t=this.getVisibleChildrenCount(),i=(n=this.state.sizes)==null?void 0:n[e];if(t===this.props.children.length&&i)s.style=P(P({},i.start!==void 0&&{[this.startPositionProperty]:i.start+"px"}),i.end!==void 0&&{[this.endPositionProperty]:i.end+"px"}),i.size!==void 0&&(i.start===void 0||i.end===void 0)&&(s.style[this.sizeProperty]=i.size+"px");else{const r=this.getSectionSize(e,t);if(r)s.style=P(P({},s.style),r);else{const _=this.getSizePercents(e,t,!0);s.style={[this.startPositionProperty]:this.getPositionStyleValue(t,`${e*_}%`),[this.endPositionProperty]:this.getPositionStyleValue(t,`${(t-(e+1))*_}%`)}}}return s}getHiddenSectionStyle(e){var _,l;const s={visible:!1};let t=(_=this.state.sizes)==null?void 0:_[e];!t&&this.props.splitterType===a.UISplitterType.Toggle&&((l=this.props.sizes)!=null&&l[e])&&(t={size:this.props.sizes[e],percentage:!1});let i,n=0;if(t)i="px",t.size?n=t.size:(t==null?void 0:t.start)!==void 0&&(t==null?void 0:t.end)!==void 0&&(n=this.getRootSize()-t.end-t.start);else{const S=this.props.children.length,u=this.getSectionSize(e,S);u&&u.width?(n=parseFloat(u.width.toString()),i="px"):(n=this.getSizePercents(e,S),i="%")}const r=-n+i;return s.style={[this.endPositionProperty]:e===0?"100%":r,[this.startPositionProperty]:e===0?r:"100%"},s}getMinSectionSize(e){const s=this.props.minSectionSize;let t=0;return s&&(t=Array.isArray(s)?s[e]:s),t}getClassNames(e){let s=` ${this.props.vertical?"sections--vertical":"sections--horizontal"}`;const t=` ${c}`;return s+=`${this.isAnimationEnabled()?t:""}`,s+=`${e?" sections--full":""}`,s}getSection(e,s){const t=this.props.children[e],i=f.isSectionVisible(t)?this.getVisibleSectionStyle(e):this.getHiddenSectionStyle(e);if(!i)return;const{splitter:n,vertical:r,splitterTitle:_,splitterType:l=a.UISplitterType.Resize,splitterTabIndex:S,splitterLayoutType:u=a.UISplitterLayoutType.Standard}=this.props;let y=n&&e>0;const E=this.getVisibleChildrenCount()===1;return E&&!this.isAnimationEnabled()&&(y=!1),m.default.createElement("div",{key:e,className:`sections__item${y?" sections__item--"+l:""}${i.visible?"":" sections__item--hidden"}`,style:i.style},y&&t&&m.default.createElement(a.UISplitter,{vertical:r,onResize:this.onSplitterResize.bind(this,e-1),onResizeStart:this.onSplitterResizeStart.bind(this),onResizeEnd:this.onSplitterResizeEnd.bind(this),onToggle:this.onSplitterToggle.bind(this),hidden:s||E,type:l,splitterTabIndex:S,title:_,splitterLayoutType:u}),t)}isAnimationEnabled(){return!this.ignoreAnimation&&(this.props.animation===!0||this.state.animate)}getDynamicSectionIndex(){return this.state.dynamicSection!==void 0?this.state.dynamicSection:0}getSectionPosition(e){var s,t;return{start:(s=e.start)!=null?s:0,end:(t=e.end)!=null?t:0}}getSpareSize(e,s){let t=0,i=e.minSize-e.size;for(const n of s)if(n!==e){if(n.spareSize>0){const r=Math.min(n.spareSize,i);t+=r,n.spareSize-=r,n.size-=r,i-=r}if(i<=0)break}return t}calculateSectionSizes(e){for(const t of e)if(t.size<t.minSize){const i=this.getSpareSize(t,e);i&&(t.size+=i)}const s=[];for(let t=0;t<e.length;t++){const i={percentage:!1},n=e[t],r=this.getSiblingsSize(e,t+1,e.length);t>0?(i.size=n.size,i.start=void 0):i.start=0,i.end=r,s.push(i)}return s}recalculatePositions(e){var i;let s=0;e.forEach(n=>{var r;n.start=s,s+=(r=n.size)!=null?r:0});let t=0;for(let n=e.length-1;n>=0;n--)e[n].end=t,t+=(i=e[n].size)!=null?i:0}getRootSize(){var s;const e=this.rootRef.current;return(s=e==null?void 0:e.getBoundingClientRect()[this.sizeProperty])!=null?s:0}render(){const e=(0,h.getNativeProps)(this.props,h.divProperties,["className","children"]),s=[];let t=0;for(let i=0;i<this.props.children.length;i++){const n=this.props.children[i],r=!f.isSectionVisible(n);r||t++;const _=this.getSection(i,r);_&&s.push(_)}return m.default.createElement("div",z(P({},e),{ref:this.rootRef,className:`sections ${this.getClassNames(t===1)}`,style:P({},this.props.height&&{height:this.props.height})}),s)}getSiblingsSize(e,s,t){let i=0;for(let n=s;n<t;n++){const r=e[n];r!=null&&r.size&&(i+=r.size)}return i}refreshResizeSections(e,s,t=[]){for(let i=e;i<s;i++)t[i]&&(this.resizeSections[i].section=t[i])}getMaxSectionSize(e,s,t){var S;const i=this.resizeSections[e];if(i&&e!==t)return Math.max(s,i.maxSize);const n=this.rootRef.current,r=(S=n==null?void 0:n[this.domSizeProperty])!=null?S:0,_=this.resizeSections;let l=0;for(let u=0;u<e;u++)l+=_[u].size;for(let u=e+1;u<_.length;u++)l+=this.getMinSectionSize(u);return Math.max(s,r-l)}}d.UISections=f,f.Section=g.UISection},"./src/components/UISection/UISplitter.tsx":function(v,d,o){"use strict";var b=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(d,"__esModule",{value:!0}),d.UISplitter=d.UISplitterLayoutType=d.UISplitterType=void 0;const m=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));o("./src/components/UISection/UISplitter.scss");const h=o("./src/components/Icons.tsx"),g=o("./src/components/UIIcon/index.tsx");var a;(function(p){p.Resize="resize",p.Toggle="toggle"})(a||(d.UISplitterType=a={}));var c;(function(p){p.Standard="standard",p.Compact="compact"})(c||(d.UISplitterLayoutType=c={}));class f extends m.default.Component{constructor(e){super(e),this.mousedownPosition={x:0,y:0},this.size=14,this.compactSize=8,this.rootRef=m.default.createRef(),this.stopMousemoveResize=this.stopMousemoveResize.bind(this),this.doMousemoveResize=this.doMousemoveResize.bind(this),this.splitterOverlay=document.createElement("div"),this.splitterOverlay.setAttribute("class",`splitter__overlay ${e.vertical?"splitter__overlay--vertical":"splitter__overlay--horizontal"}`)}startSplitterMove(e){this.mousedownPosition.x=e.clientX,this.mousedownPosition.y=e.clientY,this.updateSplitterEvents(!0),e.stopPropagation()}doMousemoveResize(e){const s=this.props.vertical?"clientY":"clientX",t=this.props.vertical?"y":"x",i=e[s]-this.mousedownPosition[t];this.doResize(i)}doResize(e){const s=this.props.vertical?"top":"left";this.animationFrame&&window.cancelAnimationFrame(this.animationFrame),this.animationFrame=window.requestAnimationFrame(()=>{if(this.props.onResize(e)){const t=this.rootRef.current;t&&(t.style[s]=`${e-this.size/2}px`)}})}stopMousemoveResize(){this.updateSplitterEvents(!1)}updateSplitterEvents(e){e?(document.body.addEventListener("mouseup",this.stopMousemoveResize),document.body.addEventListener("mouseleave",this.stopMousemoveResize),document.body.addEventListener("mousemove",this.doMousemoveResize),document.body.appendChild(this.splitterOverlay)):(document.body.removeEventListener("mouseup",this.stopMousemoveResize),document.body.removeEventListener("mouseleave",this.stopMousemoveResize),document.body.removeEventListener("mousemove",this.doMousemoveResize),document.body.removeChild(this.splitterOverlay)),e&&this.props.onResizeStart?this.props.onResizeStart():!e&&this.props.onResizeEnd&&this.props.onResizeEnd()}toggleSplitter(){this.props.onToggle&&this.props.onToggle()}getIcon(e,s=c.Standard){return e===a.Toggle?h.UiIcons.ArrowLeft:s===c.Compact?h.UiIcons.Grabber:h.UiIcons.VerticalGrip}onKeyDown(e){if(this.props.type===a.Resize){let t=0;if(["ArrowLeft","ArrowUp"].includes(e.key)?t=-10:["ArrowRight","ArrowDown"].includes(e.key)&&(t=10),t===0)return;this.props.onResizeStart&&this.props.onResizeStart(),this.doResize(t),this.props.onResizeEnd&&this.props.onResizeEnd()}else this.props.type===a.Toggle&&e.key==="Enter"&&this.toggleSplitter()}getClassNames(){const{type:e,vertical:s,hidden:t,splitterLayoutType:i}=this.props;let n=`splitter splitter--${e}`;return n+=` ${s?"splitter--vertical":"splitter--horizontal"}`,t&&e===a.Resize&&(n+=" splitter--hidden"),n+=` ${i===c.Standard?"splitter--standard":"splitter--compact"}`,n}render(){var E;const{type:e,vertical:s,hidden:t,title:i,splitterLayoutType:n}=this.props,r=(E=this.props.splitterTabIndex)!=null?E:0,_=n===c.Standard?this.size:this.compactSize,l=e===a.Toggle?-_:-_/2,S=e===a.Toggle?"button":"separator",u=s?"horizontal":"vertical";let y;return e===a.Toggle&&(y=!t),m.default.createElement("div",{ref:this.rootRef,role:S,"aria-orientation":u,"aria-pressed":y,title:i,tabIndex:r,onKeyDown:this.onKeyDown.bind(this),style:P(P({},s&&{height:_,top:l}),!s&&{width:_,left:l}),onMouseDown:e===a.Resize?I=>this.startSplitterMove(I):void 0,onClick:e===a.Toggle?()=>this.toggleSplitter():void 0,className:this.getClassNames()},m.default.createElement("div",{className:"splitter__grip"},m.default.createElement(g.UIIcon,{iconName:this.getIcon(e,n)})))}}d.UISplitter=f},"./src/components/UISection/index.tsx":function(v,d,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(h,g,a,c){c===void 0&&(c=a);var f=Object.getOwnPropertyDescriptor(g,a);(!f||("get"in f?!g.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return g[a]}}),Object.defineProperty(h,c,f)}:function(h,g,a,c){c===void 0&&(c=a),h[c]=g[a]}),m=this&&this.__exportStar||function(h,g){for(var a in h)a!=="default"&&!Object.prototype.hasOwnProperty.call(g,a)&&b(g,h,a)};Object.defineProperty(d,"__esModule",{value:!0}),m(o("./src/components/UISection/UISections.tsx"),d),m(o("./src/components/UISection/UISection.tsx"),d),m(o("./src/components/UISection/UISplitter.tsx"),d)},"./src/components/UIToggle/UIToggle.tsx":function(v,d,o){"use strict";var b=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(d,"__esModule",{value:!0}),d.UIToggle=d.UIToggleSize=void 0;const m=b(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=o("../../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"),g=o("./src/helper/ValidationMessage/index.tsx");var a;(function(s){s.Standard="Standard",s.Small="Small"})(a||(d.UIToggleSize=a={}));const c=new Map([[a.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),f=.4,p={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class e extends m.default.Component{constructor(t){super(t)}getMarginBottom(t){const{inlineLabel:i}=this.props;if(t)return i?0:4}render(){const{inlineLabelLeft:t,labelFlexGrow:i,size:n,inlineLabel:r}=this.props,_=c.get(n!=null?n:a.Standard),l=(0,g.getMessageInfo)(this.props),S=y=>({root:z(P({},i&&{flexGrow:1}),{margin:_==null?void 0:_.margin,marginBottom:this.getMarginBottom(l.message)}),label:z(P(P(P({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:_==null?void 0:_.label.fontSize,padding:_==null?void 0:_.label.padding},r&&{marginLeft:10}),t&&{order:0,marginLeft:0,marginRight:10}),i&&{flexGrow:1}),{opacity:this.props.disabled?f:"inherit"}),pill:z(P({height:_==null?void 0:_.height,width:_==null?void 0:_.width,padding:_==null?void 0:_.padding,background:p.pill.checked.background,borderColor:p.pill.borderColor,borderStyle:"solid",":hover":{background:p.pill.checked.hover.background,borderColor:p.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.checked.background,borderColor:p.pill.borderColor,opacity:f}},!y.checked&&{background:p.pill.unchecked.background,borderStyle:"dashed",":hover":{background:p.pill.unchecked.hover.background,borderColor:p.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:p.thumb.background},":disabled":{background:p.pill.unchecked.background,borderColor:p.pill.borderColor,opacity:f}}),{selectors:{":focus::after":{border:"none !important",outline:p.pill.focus.outline}}}),thumb:{height:_==null?void 0:_.circle.height,width:_==null?void 0:_.circle.width,borderWidth:_==null?void 0:_.circle.borderWidth,background:p.thumb.background,":hover":{backgroundColor:p.thumb.background}}}),u=m.default.createElement(h.Toggle,z(P({},this.props),{styles:S}));return l.message?m.default.createElement(g.MessageWrapper,{message:l},u):u}}d.UIToggle=e},"./src/components/UIToggle/index.tsx":function(v,d,o){"use strict";var b=this&&this.__createBinding||(Object.create?function(h,g,a,c){c===void 0&&(c=a);var f=Object.getOwnPropertyDescriptor(g,a);(!f||("get"in f?!g.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return g[a]}}),Object.defineProperty(h,c,f)}:function(h,g,a,c){c===void 0&&(c=a),h[c]=g[a]}),m=this&&this.__exportStar||function(h,g){for(var a in h)a!=="default"&&!Object.prototype.hasOwnProperty.call(g,a)&&b(g,h,a)};Object.defineProperty(d,"__esModule",{value:!0}),m(o("./src/components/UIToggle/UIToggle.tsx"),d)}}]);})();

package/storybook/UICombobox-story.07a3f7b0.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var j=Object.defineProperty,Z=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var I=(c,t,u)=>t in c?j(c,t,{enumerable:!0,configurable:!0,writable:!0,value:u}):c[t]=u,m=(c,t)=>{for(var u in t||(t={}))J.call(t,u)&&I(c,u,t[u]);if(M)for(var u of M(t))Y.call(t,u)&&I(c,u,t[u]);return c},h=(c,t)=>Z(c,z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx":function(c,t,u){var b=this&&this.__createBinding||(Object.create?function(a,l,n,i){i===void 0&&(i=n);var d=Object.getOwnPropertyDescriptor(l,n);(!d||("get"in d?!l.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(a,i,d)}:function(a,l,n,i){i===void 0&&(i=n),a[i]=l[n]}),x=this&&this.__setModuleDefault||(Object.create?function(a,l){Object.defineProperty(a,"default",{enumerable:!0,value:l})}:function(a,l){a.default=l}),f=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var l={};if(a!=null)for(var n in a)n!=="default"&&Object.prototype.hasOwnProperty.call(a,n)&&b(l,a,n);return x(l,a),l};Object.defineProperty(t,"__esModule",{value:!0}),t.AdditionalCustomSearch=t.SearchIncludeKeys=t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=u("../../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"),o=u("./src/components/UIComboBox/index.tsx"),g=u("./src/components/UICheckbox/index.tsx"),r=u("./test/__mock__/select-data.ts"),B=u("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=U;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,dropdownWidth:300}));t.WithoutSearch=A;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=D;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:r.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=w;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=O;const v=()=>{const[a,l]=(0,e.useState)([]);function n(i,d,y,E){if(d){const s=[...a,d.key].filter(p=>d.selected?!0:p!==d.key);l(s)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,selectedKey:a,onChange:n,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=v;const W=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:r.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=W;const T=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=T;const _=()=>{const[a,l]=e.default.useState(!1),[n,i]=e.default.useState("EE"),d={childrenGap:40},y={options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(E,s)=>{if(Array.isArray(n)){const p=[...n,s==null?void 0:s.key].filter(N=>s!=null&&s.selected?!0:N!==(s==null?void 0:s.key));i(p)}else s&&i(s.key)}};return e.default.createElement("div",null,e.default.createElement(k.Stack,{horizontal:!0,tokens:d},e.default.createElement(g.UICheckbox,{label:"Multi Select",checked:a,onChange:(E,s)=>{s&&!Array.isArray(n)?i([n]):!s&&Array.isArray(n)&&i(n[0]),l(s)}})),e.default.createElement(k.Stack,{horizontal:!0,tokens:d},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(o.UIComboBox,h(m({},y),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{selectedKey:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{errorMessage:"Dummy error",selectedKey:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{selectedKey:n,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,h(m({},y),{selectedKey:n,readOnly:!0})))))))};t.accessibilityStates=_;const K=()=>{const a=[...r.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:r.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=K;const R=["AR","BR","DK"],F=r.data.map(a=>R.includes(a.key)?h(m({},a),{editable:!0}):a),L=()=>e.default.createElement(o.UIComboBox,{options:F,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,l)=>{var n;return"editable"in(a!=null?a:{})?e.default.createElement(B.UITextInput,{onMouseDown:i=>{i.target.focus()},onClick:i=>{i.nativeEvent.preventDefault(),i.nativeEvent.stopPropagation(),i.preventDefault(),i.stopPropagation()}}):(n=l==null?void 0:l(a))!=null?n:null},onRenderItem:(a,l)=>{var n;return(n=l==null?void 0:l(a))!=null?n:null}});t.customRender=L;const C=[{key:"test1",text:"test1"},{key:"dummy",text:"dummy"},{key:"customer",text:"customer"},{key:"name",text:"name"},{key:"employee",text:"employee"},{key:"ID",text:"ID"},{key:"tripEndDate",text:"tripEndDate"},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Header},{key:"bookings/airlines",text:"airlines"},{key:"bookings/bookingDate",text:"bookingDate"},{key:"bookings/DateOnBookings",text:"DateOnBookings"},{key:"bookings/employee",text:"employee"},{key:"bookings/flightDate",text:"flightDate"},{key:"bookings/ID",text:"ID"},{key:"bookings/priceUSD",text:"priceUSD"},{key:"bookings/travel_ID",text:"travel_ID"},{key:"bookings/usedString5",text:"usedString5"},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Header},{key:"notes/comment",text:"comment"},{key:"notes/description",text:"description"}],P=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:C,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",searchByKeyEnabled:!0}),e.default.createElement(o.UIComboBox,{options:C,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0,searchByKeyEnabled:!0}));t.SearchIncludeKeys=P;const H=[...r.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],G=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:H,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,l)=>{if("customMark"in l&&l.customMark)return!0}}));t.AdditionalCustomSearch=G},"./test/__mock__/select-data.ts":(c,t,u)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const b=u("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const x={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const f in x){t.groupsData.push({key:f,text:f.charAt(0).toUpperCase()+f.slice(1),itemType:b.UISelectableOptionMenuItemType.Header});const e=x[f];for(const k of e){const o=t.data.find(g=>g.key===k);o&&t.groupsData.push(o)}}}}]);})();

package/storybook/UIContextualMenu-story.02280149.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var U=(s,u,o)=>u in s?B(s,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[u]=o,y=(s,u)=>{for(var o in u||(u={}))L.call(u,o)&&U(s,o,u[o]);if(w)for(var o of w(u))P.call(u,o)&&U(s,o,u[o]);return s},C=(s,u)=>D(s,A(u));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(u){var o=[];return o.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=u(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},o.i=function(e,t,n,r,m){typeof e=="string"&&(e=[[null,e,void 0]]);var i={};if(n)for(var a=0;a<this.length;a++){var g=this[a][0];g!=null&&(i[g]=!0)}for(var h=0;h<e.length;h++){var l=[].concat(e[h]);n&&i[l[0]]||(typeof m!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=m),t&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=t),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),o.push(l))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(u){return u[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var u=[];function o(t){for(var n=-1,r=0;r<u.length;r++)if(u[r].identifier===t){n=r;break}return n}function c(t,n){for(var r={},m=[],i=0;i<t.length;i++){var a=t[i],g=n.base?a[0]+n.base:a[0],h=r[g]||0,l="".concat(g," ").concat(h);r[g]=h+1;var p=o(l),v={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(p!==-1)u[p].references++,u[p].updater(v);else{var f=e(v,n);n.byIndex=i,u.splice(i,0,{identifier:l,updater:f,references:1})}m.push(l)}return m}function e(t,n){var r=n.domAPI(n);r.update(t);var m=function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap&&a.supports===t.supports&&a.layer===t.layer)return;r.update(t=a)}else r.remove()};return m}s.exports=function(t,n){n=n||{},t=t||[];var r=c(t,n);return function(i){i=i||[];for(var a=0;a<r.length;a++){var g=r[a],h=o(g);u[h].references--}for(var l=c(i,n),p=0;p<r.length;p++){var v=r[p],f=o(v);u[f].references===0&&(u[f].updater(),u.splice(f,1))}r=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var u={};function o(e){if(typeof u[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}u[e]=t}return u[e]}function c(e,t){var n=o(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function u(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,u,o)=>{"use strict";function c(e){var t=o.nc;t&&e.setAttribute("nonce",t)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function u(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var m=typeof n.layer!="undefined";m&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,m&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&typeof btoa!="undefined"&&(r+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}function o(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function c(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){u(t,e,r)},remove:function(){o(t)}}}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function u(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}s.exports=u},"./src/components/UIToggle/UIToggle.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(u,"__esModule",{value:!0}),u.UIToggle=u.UIToggleSize=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../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"),n=o("./src/helper/ValidationMessage/index.tsx");var r;(function(h){h.Standard="Standard",h.Small="Small"})(r||(u.UIToggleSize=r={}));const m=new Map([[r.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),i=.4,a={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class g extends e.default.Component{constructor(l){super(l)}getMarginBottom(l){const{inlineLabel:p}=this.props;if(l)return p?0:4}render(){const{inlineLabelLeft:l,labelFlexGrow:p,size:v,inlineLabel:f}=this.props,d=m.get(v!=null?v:r.Standard),x=(0,n.getMessageInfo)(this.props),b=k=>({root:C(y({},p&&{flexGrow:1}),{margin:d==null?void 0:d.margin,marginBottom:this.getMarginBottom(x.message)}),label:C(y(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:d==null?void 0:d.label.fontSize,padding:d==null?void 0:d.label.padding},f&&{marginLeft:10}),l&&{order:0,marginLeft:0,marginRight:10}),p&&{flexGrow:1}),{opacity:this.props.disabled?i:"inherit"}),pill:C(y({height:d==null?void 0:d.height,width:d==null?void 0:d.width,padding:d==null?void 0:d.padding,background:a.pill.checked.background,borderColor:a.pill.borderColor,borderStyle:"solid",":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.checked.background,borderColor:a.pill.borderColor,opacity:i}},!k.checked&&{background:a.pill.unchecked.background,borderStyle:"dashed",":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.borderColor,opacity:i}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:{height:d==null?void 0:d.circle.height,width:d==null?void 0:d.circle.width,borderWidth:d==null?void 0:d.circle.borderWidth,background:a.thumb.background,":hover":{backgroundColor:a.thumb.background}}}),S=e.default.createElement(t.Toggle,C(y({},this.props),{styles:b}));return x.message?e.default.createElement(n.MessageWrapper,{message:x},S):S}}u.UIToggle=g},"./src/components/UIToggle/index.tsx":function(s,u,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(t,n,r,m){m===void 0&&(m=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,m,i)}:function(t,n,r,m){m===void 0&&(m=r),t[m]=n[r]}),e=this&&this.__exportStar||function(t,n){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(n,r)&&c(n,t,r)};Object.defineProperty(u,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),u)},"./stories/UIContextualMenu.story.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(u,"__esModule",{value:!0}),u.ContextualMenu=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../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"),n=o("./src/components/UIContextualMenu/index.tsx"),r=o("./src/components/UIButton/index.tsx"),m=o("./src/components/UITreeDropdown/index.tsx"),i=o("./src/components/Icons.tsx"),a=o("./src/components/UIDropdown/index.tsx"),g=o("./src/components/UIToggle/index.tsx");u.default={title:"Dropdowns/ContextualMenu"};const h={childrenGap:40};function l(f=!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:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const p=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(f=>({key:f.toString(),text:f.toString()})),v=()=>{const f=e.default.useRef(null),[d,x]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[b,S]=e.default.useState(!0),[k,_]=e.default.useState(!1),T=e.default.useCallback(()=>{_(!0)},[]),I=e.default.useCallback(()=>_(!1),[]);return e.default.createElement(t.Stack,{tokens:h},e.default.createElement(a.UIDropdown,{label:"Layout",options:p,selectedKey:d.toString(),onChange:(E,M)=>{M&&x(n.UIContextualMenuLayoutType[M.key])}}),e.default.createElement(g.UIToggle,{checked:b,label:"showSubmenuBeneath",onChange:(E,M)=>{S(!!M)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:f,onClick:T},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!k,target:f,items:l(),onDismiss:I,layoutType:d,showSubmenuBeneath:b})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(r.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.Undo},menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.ArrowLeft},menuProps:{items:l(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:d,showSubmenuBeneath:b}})))))};u.ContextualMenu=v},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=c,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var u=[],o=0;o<256;++o)u[o]=(o+256).toString(16).substr(1);function c(e,t){var n=t||0,r=u;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")}s.exports=c},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var u=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(u){var o=new Uint8Array(16);s.exports=function(){return u(o),o}}else{var c=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),c[t]=n>>>((t&3)<<3)&255;return c}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,r=0,m=0;function i(a,g,h){var l=g&&h||0,p=g||[];a=a||{};var v=a.node||t,f=a.clockseq!==void 0?a.clockseq:n;if(v==null||f==null){var d=c();v==null&&(v=t=[d[0]|1,d[1],d[2],d[3],d[4],d[5]]),f==null&&(f=n=(d[6]<<8|d[7])&16383)}var x=a.msecs!==void 0?a.msecs:new Date().getTime(),b=a.nsecs!==void 0?a.nsecs:m+1,S=x-r+(b-m)/1e4;if(S<0&&a.clockseq===void 0&&(f=f+1&16383),(S<0||x>r)&&a.nsecs===void 0&&(b=0),b>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=x,m=b,n=f,x+=122192928e5;var k=((x&268435455)*1e4+b)%4294967296;p[l++]=k>>>24&255,p[l++]=k>>>16&255,p[l++]=k>>>8&255,p[l++]=k&255;var _=x/4294967296*1e4&268435455;p[l++]=_>>>8&255,p[l++]=_&255,p[l++]=_>>>24&15|16,p[l++]=_>>>16&255,p[l++]=f>>>8|128,p[l++]=f&255;for(var T=0;T<6;++T)p[l+T]=v[T];return g||e(p)}s.exports=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,r,m){var i=r&&m||0;typeof n=="string"&&(r=n==="binary"?new Array(16):null,n=null),n=n||{};var a=n.random||(n.rng||c)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,r)for(var g=0;g<16;++g)r[i+g]=a[g];return r||e(a)}s.exports=t}}]);})();

package/storybook/UIToggle-story.4f7caeb2.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var P=Object.defineProperty,O=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var S=(i,r,s)=>r in i?P(i,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[r]=s,b=(i,r)=>{for(var s in r||(r={}))C.call(r,s)&&S(i,s,r[s]);if(T)for(var s of T(r))w.call(r,s)&&S(i,s,r[s]);return i},h=(i,r)=>O(i,A(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,r,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),t=e(u);t.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,r,s)=>{var u=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),t=e(u);t.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(r){var s=[];return s.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},s.i=function(e,t,n,o,d){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var m=this[l][0];m!=null&&(a[m]=!0)}for(var p=0;p<e.length;p++){var _=[].concat(e[p]);n&&a[_[0]]||(typeof d!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=d),t&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=t),o&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=o):_[4]="".concat(o)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss":(i,r,s)=>{"use strict";s.r(r),s.d(r,{default:()=>M});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=s.n(u),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=s.n(t),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=s.n(a),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=s.n(m),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=s.n(_),E=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=s.n(E),c={};for(const v in E)v!=="default"&&(c[v]=()=>E[v]);s.d(r,c);var g={};g.styleTagTransform=y(),g.setAttributes=l(),g.insert=d().bind(null,"head"),g.domAPI=n(),g.insertStyleElement=p();var I=e()(f(),g);const M=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,r,s)=>{"use strict";s.r(r),s.d(r,{default:()=>M});var u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=s.n(u),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),n=s.n(t),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=s.n(o),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=s.n(a),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=s.n(m),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=s.n(_),E=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=s.n(E),c={};for(const v in E)v!=="default"&&(c[v]=()=>E[v]);s.d(r,c);var g={};g.styleTagTransform=y(),g.setAttributes=l(),g.insert=d().bind(null,"head"),g.domAPI=n(),g.insertStyleElement=p();var I=e()(f(),g);const M=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var r=[];function s(t){for(var n=-1,o=0;o<r.length;o++)if(r[o].identifier===t){n=o;break}return n}function u(t,n){for(var o={},d=[],a=0;a<t.length;a++){var l=t[a],m=n.base?l[0]+n.base:l[0],p=o[m]||0,_="".concat(m," ").concat(p);o[m]=p+1;var y=s(_),E={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(y!==-1)r[y].references++,r[y].updater(E);else{var f=e(E,n);n.byIndex=a,r.splice(a,0,{identifier:_,updater:f,references:1})}d.push(_)}return d}function e(t,n){var o=n.domAPI(n);o.update(t);var d=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;o.update(t=l)}else o.remove()};return d}i.exports=function(t,n){n=n||{},t=t||[];var o=u(t,n);return function(a){a=a||[];for(var l=0;l<o.length;l++){var m=o[l],p=s(m);r[p].references--}for(var _=u(a,n),y=0;y<o.length;y++){var E=o[y],f=s(E);r[f].references===0&&(r[f].updater(),r.splice(f,1))}o=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var r={};function s(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}r[e]=t}return r[e]}function u(e,t){var n=s(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}i.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function r(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}i.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,r,s)=>{"use strict";function u(e){var t=s.nc;t&&e.setAttribute("nonce",t)}i.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function r(e,t,n){var o="";n.supports&&(o+="@supports (".concat(n.supports,") {")),n.media&&(o+="@media ".concat(n.media," {"));var d=typeof n.layer!="undefined";d&&(o+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),o+=n.css,d&&(o+="}"),n.media&&(o+="}"),n.supports&&(o+="}");var a=n.sourceMap;a&&typeof btoa!="undefined"&&(o+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(o,e,t.options)}function s(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(o){r(t,e,o)},remove:function(){s(t)}}}i.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function r(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}i.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(i,r,s){"use strict";var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../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");s("./src/components/UIIcon/UIIcon.scss");class n extends e.default.Component{constructor(d){super(d),this.setStyle=()=>({})}render(){const d=this.props.className?` ${this.props.className}`:"";return e.default.createElement(t.Icon,h(b({},this.props),{className:`ts-icon${d}`,styles:this.setStyle()}))}}r.UIIcon=n},"./src/components/UIIcon/index.tsx":function(i,r,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,n,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(n,o);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,d,a)}:function(t,n,o,d){d===void 0&&(d=o),t[d]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&u(n,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(i,r,s){"use strict";var u=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../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"),n=s("./src/helper/ValidationMessage/index.tsx");var o;(function(p){p.Standard="Standard",p.Small="Small"})(o||(r.UIToggleSize=o={}));const d=new Map([[o.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),a=.4,l={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class m extends e.default.Component{constructor(_){super(_)}getMarginBottom(_){const{inlineLabel:y}=this.props;if(_)return y?0:4}render(){const{inlineLabelLeft:_,labelFlexGrow:y,size:E,inlineLabel:f}=this.props,c=d.get(E!=null?E:o.Standard),g=(0,n.getMessageInfo)(this.props),I=v=>({root:h(b({},y&&{flexGrow:1}),{margin:c==null?void 0:c.margin,marginBottom:this.getMarginBottom(g.message)}),label:h(b(b(b({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:c==null?void 0:c.label.fontSize,padding:c==null?void 0:c.label.padding},f&&{marginLeft:10}),_&&{order:0,marginLeft:0,marginRight:10}),y&&{flexGrow:1}),{opacity:this.props.disabled?a:"inherit"}),pill:h(b({height:c==null?void 0:c.height,width:c==null?void 0:c.width,padding:c==null?void 0:c.padding,background:l.pill.checked.background,borderColor:l.pill.borderColor,borderStyle:"solid",":hover":{background:l.pill.checked.hover.background,borderColor:l.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:l.thumb.background},":disabled":{background:l.pill.checked.background,borderColor:l.pill.borderColor,opacity:a}},!v.checked&&{background:l.pill.unchecked.background,borderStyle:"dashed",":hover":{background:l.pill.unchecked.hover.background,borderColor:l.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:l.thumb.background},":disabled":{background:l.pill.unchecked.background,borderColor:l.pill.borderColor,opacity:a}}),{selectors:{":focus::after":{border:"none !important",outline:l.pill.focus.outline}}}),thumb:{height:c==null?void 0:c.circle.height,width:c==null?void 0:c.circle.width,borderWidth:c==null?void 0:c.circle.borderWidth,background:l.thumb.background,":hover":{backgroundColor:l.thumb.background}}}),M=e.default.createElement(t.Toggle,h(b({},this.props),{styles:I}));return g.message?e.default.createElement(n.MessageWrapper,{message:g},M):M}}r.UIToggle=m},"./src/components/UIToggle/index.tsx":function(i,r,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,n,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(n,o);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,d,a)}:function(t,n,o,d){d===void 0&&(d=o),t[d]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&u(n,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,r,s){"use strict";var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=d;const e=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("./src/helper/ValidationMessage/utils.ts"),n=s("./src/components/Icons.tsx"),o=s("./src/components/UIIcon/index.tsx");s("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,n.UiIcons.Error],[t.ErrorMessageType.Error,n.UiIcons.Error],[t.ErrorMessageType.Warning,n.UiIcons.Warning],[t.ErrorMessageType.Info,n.UiIcons.Info]]);function d(a){const{children:l,message:m}=a,p=m.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,_=r.MESSAGE_ICONS_MAP.get(m.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},e.default.createElement("div",{className:"ts-message-target"},l),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:_}),e.default.createElement("span",null,m.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,r,s){"use strict";var u=this&&this.__createBinding||(Object.create?function(t,n,o,d){d===void 0&&(d=o);var a=Object.getOwnPropertyDescriptor(n,o);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(t,d,a)}:function(t,n,o,d){d===void 0&&(d=o),t[d]=n[o]}),e=this&&this.__exportStar||function(t,n){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&u(n,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(s("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(i,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var s;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(s||(r.ErrorMessageType=s={}));const u=(a,l)=>{const m=`1px solid ${l}`;return{backgroundColor:a,borderLeft:m,borderRight:m,borderBottom:m,borderColor:l}},e={error:h(b({color:"var(--vscode-input-foreground)"},u("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=b(b({},e.error),u("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=b(b({},e.error),u("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[s.Error,"error"],[s.Warning,"warning"],[s.Info,"info"]]);const t=a=>{let l;switch(a){case s.Warning:{l=e.warning;break}case s.Info:{l=e.info;break}default:{l=e.error;break}}return l},n=a=>{if(a){if(a.errorMessage)return s.Error;if(a.warningMessage)return s.Warning;if(a.infoMessage)return s.Info}return s.Error},o=a=>{const l=["errorMessage","warningMessage","infoMessage"];for(const m of l)if(a!=null&&a[m])return a[m]},d=a=>{const l=n(a);return{type:l,style:t(l),message:o(a)}};r.getMessageInfo=d},"./stories/UIToggle.story.tsx":function(i,r,s){"use strict";var u=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../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"),n=s("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},d=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(n.UIToggle,null)),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(n.UIToggle,{defaultChecked:!0})));r.defaultUsage=d;const a=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(n.UIToggle,{disabled:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(n.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const l=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(n.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(n.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(n.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=l;const m=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium"},"small size"),e.default.createElement(n.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:n.UIToggleSize.Small})));r.smallSize=m;const p=()=>{const _="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(n.UIToggle,{label:"Error",errorMessage:_}),e.default.createElement(n.UIToggle,{label:"Warning",warningMessage:_}),e.default.createElement(n.UIToggle,{label:"Info",infoMessage:_})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(n.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:_}),e.default.createElement(n.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:_,labelFlexGrow:!0}),e.default.createElement(n.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:_})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(n.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:_}),e.default.createElement(n.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:_}),e.default.createElement(n.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:_})))};r.withMessages=p}}]);})();