@sap-ux/ui-components 1.27.10 → 2.0.0

package/storybook/{UICallout-story.c1460245.iframe.bundle.js → UICallout-story.f956caff.iframe.bundle.js}

@@ -1,2 +1,2 @@
 (()=>{var I=Object.defineProperty,T=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var C=(i,s,o)=>s in i?I(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o,g=(i,s)=>{for(var o in s||(s={}))P.call(s,o)&&C(i,o,s[o]);if(v)for(var o of v(s))U.call(s,o)&&C(i,o,s[o]);return i},E=(i,s)=>T(i,O(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[239],{"../../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"(i,s,o){var c=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/noSourceMaps.js"),_=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"),n=_(c);n.push([i.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),i.exports=n},"../../node_modules/.pnpm/css-loader@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"(i){"use strict";i.exports=function(s){var o=[];return o.toString=function(){return this.map(function(_){var n="",e=typeof _[5]!="undefined";return _[4]&&(n+="@supports (".concat(_[4],") {")),_[2]&&(n+="@media ".concat(_[2]," {")),e&&(n+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),n+=s(_),e&&(n+="}"),_[2]&&(n+="}"),_[4]&&(n+="}"),n}).join("")},o.i=function(_,n,e,t,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(e)for(var p=0;p<this.length;p++){var y=this[p][0];y!=null&&(l[y]=!0)}for(var f=0;f<_.length;f++){var a=[].concat(_[f]);e&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),n&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=n),t&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=t):a[4]="".concat(t)),o.push(a))}},o}},"../../node_modules/.pnpm/css-loader@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"(i){"use strict";i.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(i,s,o){"use strict";o.r(s),o.d(s,{default:()=>S});var c=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/injectStylesIntoStyleTag.js"),_=o.n(c),n=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"),e=o.n(n),t=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/insertBySelector.js"),r=o.n(t),l=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/setAttributesWithoutAttributes.js"),p=o.n(l),y=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/insertStyleElement.js"),f=o.n(y),a=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/styleTagTransform.js"),m=o.n(a),u=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/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"),d=o.n(u),b={};for(const w in u)w!=="default"&&(b[w]=()=>u[w]);o.d(s,b);var h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=r().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var D=_()(d(),h);const S=d()&&d().locals?d().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"(i){"use strict";var s=[];function o(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function c(n,e){for(var t={},r=[],l=0;l<n.length;l++){var p=n[l],y=e.base?p[0]+e.base:p[0],f=t[y]||0,a="".concat(y," ").concat(f);t[y]=f+1;var m=o(a),u={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(m!==-1)s[m].references++,s[m].updater(u);else{var d=_(u,e);e.byIndex=l,s.splice(l,0,{identifier:a,updater:d,references:1})}r.push(a)}return r}function _(n,e){var t=e.domAPI(e);t.update(n);var r=function(p){if(p){if(p.css===n.css&&p.media===n.media&&p.sourceMap===n.sourceMap&&p.supports===n.supports&&p.layer===n.layer)return;t.update(n=p)}else t.remove()};return r}i.exports=function(n,e){e=e||{},n=n||[];var t=c(n,e);return function(l){l=l||[];for(var p=0;p<t.length;p++){var y=t[p],f=o(y);s[f].references--}for(var a=c(l,e),m=0;m<t.length;m++){var u=t[m],d=o(u);s[d].references===0&&(s[d].updater(),s.splice(d,1))}t=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"(i){"use strict";var s={};function o(_){if(typeof s[_]=="undefined"){var n=document.querySelector(_);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[_]=n}return s[_]}function c(_,n){var e=o(_);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(n)}i.exports=c},"../../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"(i){"use strict";function s(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}i.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"(i,s,o){"use strict";function c(_){var n=o.nc;n&&_.setAttribute("nonce",n)}i.exports=c},"../../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"(i){"use strict";function s(_,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function c(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=c},"../../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"(i){"use strict";function s(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,f=l.rect.height,a=p.rect.bottom;let m=a+f-r.rect.top,u=a+l.rect.height;if(m<=0||u>=y)return;if(u+=r.rect.height,u<=y&&(m+=c),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=c(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"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(f,a)=>typeof f=="object"&&typeof f[a]=="object"?f[a]:{},p=f=>{var a,m;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=f.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=f.contentPadding)!=null?m:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};s.getCalloutStyle=p;class y extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:u,target:d}=this.props;if(u&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,n.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return _.default.createElement(n.Callout,E(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y},"./src/components/UICallout/index.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),s),_(o("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const _=c(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");class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusTrapZone,g({},this.props),this.props.children)}}s.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const _=c(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");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return n.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return n.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return n.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return n.FocusZoneTabbableElements}});class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusZone,g({},this.props),this.props.children)}}s.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),_(o("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./stories/UICallout.story.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(m,u,d,b){b===void 0&&(b=d);var h=Object.getOwnPropertyDescriptor(u,d);(!h||("get"in h?!u.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return u[d]}}),Object.defineProperty(m,b,h)}):(function(m,u,d,b){b===void 0&&(b=d),m[b]=u[d]})),_=this&&this.__setModuleDefault||(Object.create?(function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}):function(m,u){m.default=u}),n=this&&this.__importStar||(function(){var m=function(u){return m=Object.getOwnPropertyNames||function(d){var b=[];for(var h in d)Object.prototype.hasOwnProperty.call(d,h)&&(b[b.length]=h);return b},m(u)};return function(u){if(u&&u.__esModule)return u;var d={};if(u!=null)for(var b=m(u),h=0;h<b.length;h++)b[h]!=="default"&&c(d,u,b[h]);return _(d,u),d}})();Object.defineProperty(s,"__esModule",{value:!0}),s.Callout=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UICallout/index.tsx"),l=o("./src/components/UIFocusZone/index.tsx"),p=o("./src/components/Icons.tsx");s.default={title:"Dropdowns/Callout"};const y=m=>{const{id:u}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:u,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h}),d&&e.default.createElement(r.UICallout,{target:`#${u}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=m=>{const{id:u}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:u,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h},"Open"),d&&e.default.createElement(r.UICallout,{target:`#${u}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},a=()=>e.default.createElement("div",null,e.default.createElement(y,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));s.Callout=a}}]);})();
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(t,_,n.options)}function o(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function c(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=_.insertStyleElement(_);return{update:function(t){s(n,_,t)},remove:function(){o(n)}}}i.exports=c},"../../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"(i){"use strict";function s(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}i.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(i,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class _{constructor(e,t,r=o){this.originalStyle={},this.source=e,this.callout=t,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const r=t==null?void 0:t.querySelector(this.props.target);if(r){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},p=this.callout.current;return p&&(l.callout={dom:p,rect:p.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:r,callout:l,source:p}=e;if(l){const y=window.innerHeight-o.minPagePadding,f=l.rect.height,a=p.rect.bottom;let m=a+f-r.rect.top,u=a+l.rect.height;if(m<=0||u>=y)return;if(u+=r.rect.height,u<=y&&(m+=c),this.props.absolute){const d=t.dom.style;this.originalStyle={transform:d.transform,position:d.position,top:d.top,left:d.left},d.transform="",d.position="absolute",d.top=`${t.rect.top}px`,d.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t}=e;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(t.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=c(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"),e=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const r=new Map([[t.Standard,8]]),l=(f,a)=>typeof f=="object"&&typeof f[a]=="object"?f[a]:{},p=f=>{var a,m;return{root:g({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(f.styles,"root")),beak:g({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:g({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:g({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=f.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=f.contentPadding)!=null?m:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};s.getCalloutStyle=p;class y extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:u,target:d}=this.props;if(u&&a.key==="Tab"&&d){let b=null;if(typeof d=="string"){const h=(0,n.getDocument)();b=h==null?void 0:h.querySelector(d)}else"getBoundingClientRect"in d&&(0,e.isHTMLElement)(d)&&(b=d);b&&(0,e.focusToSibling)(b,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return _.default.createElement(n.Callout,E(g({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=y},"./src/components/UICallout/index.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),s),_(o("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusTrapZone=void 0;const _=c(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");class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusTrapZone,g({},this.props),this.props.children)}}s.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx"(i,s,o){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIFocusZone=s.UIFocusZoneTabbableElements=s.IFocusZone=s.UIFocusZoneProps=s.UIFocusZoneDirection=void 0;const _=c(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");Object.defineProperty(s,"UIFocusZoneProps",{enumerable:!0,get:function(){return n.IFocusZoneProps}}),Object.defineProperty(s,"UIFocusZoneDirection",{enumerable:!0,get:function(){return n.FocusZoneDirection}}),Object.defineProperty(s,"IFocusZone",{enumerable:!0,get:function(){return n.IFocusZone}}),Object.defineProperty(s,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return n.FocusZoneTabbableElements}});class e extends _.default.Component{constructor(r){super(r)}render(){return _.default.createElement(n.FocusZone,g({},this.props),this.props.children)}}s.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(n,e,t,r){r===void 0&&(r=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,l)}):(function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]})),_=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),_(o("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),s),_(o("./src/components/UIFocusZone/UIFocusZone.tsx"),s)},"./stories/UICallout.story.tsx"(i,s,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(m,u,d,b){b===void 0&&(b=d);var h=Object.getOwnPropertyDescriptor(u,d);(!h||("get"in h?!u.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return u[d]}}),Object.defineProperty(m,b,h)}):(function(m,u,d,b){b===void 0&&(b=d),m[b]=u[d]})),_=this&&this.__setModuleDefault||(Object.create?(function(m,u){Object.defineProperty(m,"default",{enumerable:!0,value:u})}):function(m,u){m.default=u}),n=this&&this.__importStar||(function(){var m=function(u){return m=Object.getOwnPropertyNames||function(d){var b=[];for(var h in d)Object.prototype.hasOwnProperty.call(d,h)&&(b[b.length]=h);return b},m(u)};return function(u){if(u&&u.__esModule)return u;var d={};if(u!=null)for(var b=m(u),h=0;h<b.length;h++)b[h]!=="default"&&c(d,u,b[h]);return _(d,u),d}})();Object.defineProperty(s,"__esModule",{value:!0}),s.Callout=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UICallout/index.tsx"),l=o("./src/components/UIFocusZone/index.tsx"),p=o("./src/components/Icons.tsx");s.default={title:"Dropdowns/Callout"};const y=m=>{const{id:u}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:u,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h}),d&&e.default.createElement(r.UICallout,{target:`#${u}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=m=>{const{id:u}=m,[d,b]=(0,e.useState)(!1),h=()=>{b(!d)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:u,iconProps:{iconName:p.UiIcons.Bulb},checked:d,onClick:h},"Open"),d&&e.default.createElement(r.UICallout,{target:`#${u}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:r.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},a=()=>e.default.createElement("div",null,e.default.createElement(y,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));s.Callout=a}}]);})();

package/storybook/UICheckbox-story.490ca9cb.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var x=Object.defineProperty,C=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(l,o,s)=>o in l?x(l,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[o]=s,_=(l,o)=>{for(var s in o||(o={}))I.call(o,s)&&k(l,s,o[s]);if(v)for(var s of v(o))w.call(o,s)&&k(l,s,o[s]);return l},g=(l,o)=>C(l,y(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[558],{"../../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"(l){l.exports=function(o){var s=[];return s.toString=function(){return this.map(function(t){var e="",r=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),r&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=o(t),r&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},s.i=function(t,e,r,a,i){typeof t=="string"&&(t=[[null,t,void 0]]);var n={};if(r)for(var c=0;c<this.length;c++){var h=this[c][0];h!=null&&(n[h]=!0)}for(var f=0;f<t.length;f++){var u=[].concat(t[f]);r&&n[u[0]]||(typeof i!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),e&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=e),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),s.push(u))}},s}},"../../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"(l){l.exports=function(o){return o[1]}},"../../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"(l){var o=[];function s(e){for(var r=-1,a=0;a<o.length;a++)if(o[a].identifier===e){r=a;break}return r}function d(e,r){for(var a={},i=[],n=0;n<e.length;n++){var c=e[n],h=r.base?c[0]+r.base:c[0],f=a[h]||0,u="".concat(h," ").concat(f);a[h]=f+1;var p=s(u),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(m);else{var b=t(m,r);r.byIndex=n,o.splice(n,0,{identifier:u,updater:b,references:1})}i.push(u)}return i}function t(e,r){var a=r.domAPI(r);a.update(e);var i=function(c){if(c){if(c.css===e.css&&c.media===e.media&&c.sourceMap===e.sourceMap&&c.supports===e.supports&&c.layer===e.layer)return;a.update(e=c)}else a.remove()};return i}l.exports=function(e,r){r=r||{},e=e||[];var a=d(e,r);return function(n){n=n||[];for(var c=0;c<a.length;c++){var h=a[c],f=s(h);o[f].references--}for(var u=d(n,r),p=0;p<a.length;p++){var m=a[p],b=s(m);o[b].references===0&&(o[b].updater(),o.splice(b,1))}a=u}}},"../../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"(l){var o={};function s(t){if(typeof o[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(r){e=null}o[t]=e}return o[t]}function d(t,e){var r=s(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(e)}l.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"(l){function o(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}l.exports=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/setAttributesWithoutAttributes.js"(l,o,s){function d(t){var e=s.nc;e&&t.setAttribute("nonce",e)}l.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"(l){function o(t,e,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var i=typeof r.layer!="undefined";i&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,i&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var n=r.sourceMap;n&&typeof btoa!="undefined"&&(a+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),e.styleTagTransform(a,t,e.options)}function s(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function d(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(a){o(e,t,a)},remove:function(){s(e)}}}l.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"(l){function o(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}l.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(l,o,s){var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const t=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("../../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"),r=s("./src/helper/ValidationMessage/index.tsx"),a=s("./src/components/UIInput/index.tsx");class i extends t.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(h,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[e.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[e.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[e.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[e.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},h.message&&{marginBottom:2}],input:{[`.${e.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[e.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0,borderRadius:a.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const c=(0,r.getMessageInfo)(this.props),h=t.default.createElement(e.Checkbox,g(_({},this.props),{styles:f=>_(_({},this.setStyle(c,f)),this.props.styles)}));return c.message?t.default.createElement(r.MessageWrapper,{message:c},h):h}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(l,o,s){var d=this&&this.__createBinding||(Object.create?(function(e,r,a,i){i===void 0&&(i=a);var n=Object.getOwnPropertyDescriptor(r,a);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(e,i,n)}):(function(e,r,a,i){i===void 0&&(i=a),e[i]=r[a]})),t=this&&this.__exportStar||function(e,r){for(var a in e)a!=="default"&&!Object.prototype.hasOwnProperty.call(r,a)&&d(r,e,a)};Object.defineProperty(o,"__esModule",{value:!0}),t(s("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./stories/UICheckbox.story.tsx"(l,o,s){var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const t=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=s("../../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"),r=s("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Checkbox"};const a={childrenGap:40},i=()=>{const n="Dummy message",c={width:"300px",marginBottom:"25px"};return t.default.createElement(e.Stack,{tokens:a,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox"),t.default.createElement(r.UICheckbox,{label:"check"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),t.default.createElement(r.UICheckbox,{label:"Error",errorMessage:n})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),t.default.createElement(r.UICheckbox,{label:"Warning",warningMessage:n})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),t.default.createElement(r.UICheckbox,{label:"Info",infoMessage:n})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),t.default.createElement(r.UICheckbox,{label:"Info",disabled:!0})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),t.default.createElement(r.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};o.defaultUsage=i}}]);})();

package/storybook/UILink-story.16737a61.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../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"(f){f.exports=function(o){var a=[];return a.toString=function(){return this.map(function(s){var t="",e=typeof s[5]!="undefined";return s[4]&&(t+="@supports (".concat(s[4],") {")),s[2]&&(t+="@media ".concat(s[2]," {")),e&&(t+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),t+=o(s),e&&(t+="}"),s[2]&&(t+="}"),s[4]&&(t+="}"),t}).join("")},a.i=function(s,t,e,r,i){typeof s=="string"&&(s=[[null,s,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var _=this[c][0];_!=null&&(l[_]=!0)}for(var d=0;d<s.length;d++){var n=[].concat(s[d]);e&&l[n[0]]||(typeof i!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=i),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),r&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=r):n[4]="".concat(r)),a.push(n))}},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"(f){f.exports=function(o){return o[1]}},"../../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"(f){var o=[];function a(t){for(var e=-1,r=0;r<o.length;r++)if(o[r].identifier===t){e=r;break}return e}function u(t,e){for(var r={},i=[],l=0;l<t.length;l++){var c=t[l],_=e.base?c[0]+e.base:c[0],d=r[_]||0,n="".concat(_," ").concat(d);r[_]=d+1;var p=a(n),h={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(h);else{var b=s(h,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:b,references:1})}i.push(n)}return i}function s(t,e){var r=e.domAPI(e);r.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;r.update(t=c)}else r.remove()};return i}f.exports=function(t,e){e=e||{},t=t||[];var r=u(t,e);return function(l){l=l||[];for(var c=0;c<r.length;c++){var _=r[c],d=a(_);o[d].references--}for(var n=u(l,e),p=0;p<r.length;p++){var h=r[p],b=a(h);o[b].references===0&&(o[b].updater(),o.splice(b,1))}r=n}}},"../../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"(f){var o={};function a(s){if(typeof o[s]=="undefined"){var t=document.querySelector(s);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[s]=t}return o[s]}function u(s,t){var e=a(s);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}f.exports=u},"../../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"(f){function o(a){var u=document.createElement("style");return a.setAttributes(u,a.attributes),a.insert(u,a.options),u}f.exports=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/setAttributesWithoutAttributes.js"(f,o,a){function u(s){var t=a.nc;t&&s.setAttribute("nonce",t)}f.exports=u},"../../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"(f){function o(s,t,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var i=typeof e.layer!="undefined";i&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,i&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(r+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../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"(f){function o(a,u){if(u.styleSheet)u.styleSheet.cssText=a;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(a))}}f.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(f,o,a){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../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=a("./src/helper/ValidationMessage/index.tsx"),r=a("./src/components/UIInput/index.tsx");class i extends s.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(_,d)=>({root:[!d.disabled&&[!d.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:d.disabled?"GrayText":"WindowText"}}}],d.checked&&!d.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:d.disabled?"":"var(--vscode-checkbox-background)",borderColor:d.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},_.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:d.disabled?.4:void 0,borderRadius:r.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:d.disabled?.4:void 0}})}render(){const c=(0,e.getMessageInfo)(this.props),_=s.default.createElement(t.Checkbox,m(v({},this.props),{styles:d=>v(v({},this.setStyle(c,d)),this.props.styles)}));return c.message?s.default.createElement(e.MessageWrapper,{message:c},_):_}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./src/components/UILink/UILink.tsx"(f,o,a){var u=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILink=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../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={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class r extends s.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:_}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:_?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:d.hoverColor,textDecoration:c===!1?"underline":"none"},"&:active, &:focus":{color:d.hoverColor,textDecoration:c===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:_?.4:void 0}});return s.default.createElement(t.Link,m(v({},this.props),{styles:n}))}}o.UILink=r},"./src/components/UILink/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UILink/UILink.tsx"),o)},"./stories/UILink.story.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(d,n,p,h){h===void 0&&(h=p);var b=Object.getOwnPropertyDescriptor(n,p);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,b)}):(function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]})),s=this&&this.__setModuleDefault||(Object.create?(function(d,n){Object.defineProperty(d,"default",{enumerable:!0,value:n})}):function(d,n){d.default=n}),t=this&&this.__importStar||(function(){var d=function(n){return d=Object.getOwnPropertyNames||function(p){var h=[];for(var b in p)Object.prototype.hasOwnProperty.call(p,b)&&(h[h.length]=b);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),b=0;b<h.length;b++)h[b]!=="default"&&u(p,n,h[b]);return s(p,n),p}})();Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=a("../../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"),i=a("./src/components/UILink/index.tsx"),l=a("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Link"};const c={childrenGap:40},_=()=>{const[d,n]=(0,e.useState)(!1);return e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(l.UICheckbox,{label:"Disabled",checked:d,onChange:(p,h)=>{n(!!h)}}))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:d},"I am a secondary link"))))};o.defaultUsage=_}}]);})();

package/storybook/UITextInput-story.c00bbea7.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../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"(d){d.exports=function(r){var n=[];return n.toString=function(){return this.map(function(e){var t="",a=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,l,i){typeof e=="string"&&(e=[[null,e,void 0]]);var s={};if(a)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(s[p]=!0)}for(var f=0;f<e.length;f++){var o=[].concat(e[f]);a&&s[o[0]]||(typeof i!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=i),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),l&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=l):o[4]="".concat(l)),n.push(o))}},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/noSourceMaps.js"(d){d.exports=function(r){return r[1]}},"../../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"(d){var r=[];function n(t){for(var a=-1,l=0;l<r.length;l++)if(r[l].identifier===t){a=l;break}return a}function u(t,a){for(var l={},i=[],s=0;s<t.length;s++){var c=t[s],p=a.base?c[0]+a.base:c[0],f=l[p]||0,o="".concat(p," ").concat(f);l[p]=f+1;var b=n(o),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(b!==-1)r[b].references++,r[b].updater(v);else{var g=e(v,a);a.byIndex=s,r.splice(s,0,{identifier:o,updater:g,references:1})}i.push(o)}return i}function e(t,a){var l=a.domAPI(a);l.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;l.update(t=c)}else l.remove()};return i}d.exports=function(t,a){a=a||{},t=t||[];var l=u(t,a);return function(s){s=s||[];for(var c=0;c<l.length;c++){var p=l[c],f=n(p);r[f].references--}for(var o=u(s,a),b=0;b<l.length;b++){var v=l[b],g=n(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}l=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/insertBySelector.js"(d){var r={};function n(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}r[e]=t}return r[e]}function u(e,t){var a=n(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}d.exports=u},"../../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"(d){function r(n){var u=document.createElement("style");return n.setAttributes(u,n.attributes),n.insert(u,n.options),u}d.exports=r},"../../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"(d,r,n){function u(e){var t=n.nc;t&&e.setAttribute("nonce",t)}d.exports=u},"../../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"(d){function r(e,t,a){var l="";a.supports&&(l+="@supports (".concat(a.supports,") {")),a.media&&(l+="@media ".concat(a.media," {"));var i=typeof a.layer!="undefined";i&&(l+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),l+=a.css,i&&(l+="}"),a.media&&(l+="}"),a.supports&&(l+="}");var s=a.sourceMap;s&&typeof btoa!="undefined"&&(l+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(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(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../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"(d){function r(n,u){if(u.styleSheet)u.styleSheet.cssText=n;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(n))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(d,r,n){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../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"),a=n("./src/helper/ValidationMessage/index.tsx"),l=n("./src/components/UIInput/index.tsx");class i extends e.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(p,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},p.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0,borderRadius:l.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const c=(0,a.getMessageInfo)(this.props),p=e.default.createElement(t.Checkbox,m(h({},this.props),{styles:f=>h(h({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},p):p}}r.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(d,r,n){var u=this&&this.__createBinding||(Object.create?(function(t,a,l,i){i===void 0&&(i=l);var s=Object.getOwnPropertyDescriptor(a,l);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(t,i,s)}):(function(t,a,l,i){i===void 0&&(i=l),t[i]=a[l]})),e=this&&this.__exportStar||function(t,a){for(var l in t)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&u(a,t,l)};Object.defineProperty(r,"__esModule",{value:!0}),e(n("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx"(d,r,n){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../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"),a=n("./src/components/UIInput/index.tsx"),l=n("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const i={childrenGap:40},s={iconName:"FolderOpened"},c=()=>e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(a.UITextInput,{label:"Enter your name"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(a.UITextInput,{label:"Select your folder",iconProps:s})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(a.UITextInput,{label:"Enter your name",disabled:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(a.UITextInput,{label:"Required",required:!0})));r.defaultUsage=c;const p=()=>{const[o,b]=e.default.useState(!1),[v,g]=e.default.useState("Content"),_={multiline:o,onChange:(I,x)=>{g(x||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:i},e.default.createElement(l.UICheckbox,{label:"Multi Line",checked:o,onChange:(I,x)=>{b(x)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:i},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(a.UITextInput,m(h({},_),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{errorMessage:"Dummy error",value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const f=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:i,style:{width:"100%"}},e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(a.UITextInput,{label:"input field label",errorMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(a.UITextInput,{label:"input field label",warningMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(a.UITextInput,{label:"input field label",infoMessage:o})))};r.withMessages=f}}]);})();

package/storybook/{UITooltip-story.0d6bbf89.iframe.bundle.js → UITooltip-story.1aaaa662.iframe.bundle.js}

@@ -1 +1 @@
-(()=>{var O=Object.defineProperty,U=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var C=(u,e,s)=>e in u?O(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,b=(u,e)=>{for(var s in e||(e={}))L.call(e,s)&&C(u,s,e[s]);if(E)for(var s of E(e))I.call(e,s)&&C(u,s,e[s]);return u},w=(u,e)=>U(u,P(e));(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"(u,e,s){var c=s("../../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=s("../../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"),d=n(c);d.push([u.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)}",""]),u.exports=d},"./src/styles/_shadows.scss"(u,e,s){"use strict";s.r(e),s.d(e,{default:()=>S});var c=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/injectStylesIntoStyleTag.js"),n=s.n(c),d=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/styleDomAPI.js"),_=s.n(d),t=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/insertBySelector.js"),l=s.n(t),o=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"),p=s.n(o),y=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/insertStyleElement.js"),r=s.n(y),i=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/styleTagTransform.js"),m=s.n(i),f=s("../../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"),a=s.n(f),T={};for(const g in f)g!=="default"&&(T[g]=()=>f[g]);s.d(e,T);var h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=l().bind(null,"head"),h.domAPI=_(),h.insertStyleElement=r();var v=n()(a(),h);const S=a()&&a().locals?a().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class n{constructor(_,t,l=s){this.originalStyle={},this.source=_,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(_){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${_}px`,t}getElements(){const _=this.source.current,t=_==null?void 0:_.closest(this.props.container);if(t&&_){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const o={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:_,rect:_.getBoundingClientRect()}},p=this.callout.current;return p&&(o.callout={dom:p,rect:p.getBoundingClientRect()}),o}}}applyTransformation(){const _=this.getElements();if(!_)return;const{container:t,target:l,callout:o,source:p}=_;if(o){const y=window.innerHeight-s.minPagePadding,r=o.rect.height,i=p.rect.bottom;let m=i+r-l.rect.top,f=i+o.rect.height;if(m<=0||f>=y)return;if(f+=l.rect.height,f<=y&&(m+=c),this.props.absolute){const a=t.dom.style;this.originalStyle={transform:a.transform,position:a.position,top:a.top,left:a.left},a.transform="",a.position="absolute",a.top=`${t.rect.top}px`,a.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),l.dom.prepend(this.placeholder)}}resetTransformation(){const _=this.getElements();if(!_)return;const{container:t}=_;for(const l in this.originalStyle){const o=this.originalStyle[l];typeof o=="string"&&(t.dom.style[l]=o)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(_){const t=this.getElements();return!!(_.type==="focus"&&(t!=null&&t.target.dom.contains(_.target)))}}e.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../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"),_=s("./src/utilities/index.ts");s("./src/styles/_shadows.scss"),e.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(r){r.None="None",r.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const l=new Map([[t.Standard,8]]),o=(r,i)=>typeof r=="object"&&typeof r[i]=="object"?r[i]:{},p=r=>{var i,m;return{root:b({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},o(r.styles,"root")),beak:b({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},o(r.styles,"beak")),beakCurtain:b({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},o(r.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=r.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:l.get((m=r.contentPadding)!=null?m:t.None)},o(r.styles,"calloutMain")),container:o(r.styles,"container")}};e.getCalloutStyle=p;class y extends n.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:a}=this.props;if(f&&i.key==="Tab"&&a){let T=null;if(typeof a=="string"){const h=(0,d.getDocument)();T=h==null?void 0:h.querySelector(a)}else"getBoundingClientRect"in a&&(0,_.isHTMLElement)(a)&&(T=a);T&&(0,_.focusToSibling)(T,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}m==null||m(i)}render(){return n.default.createElement(d.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=y},"./src/components/UICallout/index.tsx"(u,e,s){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,_,t,l){l===void 0&&(l=t);var o=Object.getOwnPropertyDescriptor(_,t);(!o||("get"in o?!_.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return _[t]}}),Object.defineProperty(d,l,o)}):(function(d,_,t,l){l===void 0&&(l=t),d[l]=_[t]})),n=this&&this.__exportStar||function(d,_){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(_,t)&&c(_,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),n(s("./src/components/UICallout/CalloutCollisionTransform.ts"),e),n(s("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../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(e,"UITooltipDelay",{enumerable:!0,get:function(){return d.TooltipDelay}});const _=s("./src/components/UICallout/index.tsx");class t extends n.default.Component{constructor(o){super(o)}render(){var m;const o=(m=this.props.maxWidth)!=null?m:200,p=()=>b({root:{display:"inline-block"},content:{backgroundColor:_.CALLOUT_STYLES.background,color:_.CALLOUT_STYLES.text}},this.props.styles),r={beakWidth:10,styles:()=>(0,_.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:o}}})},i=n.default.createElement(d.TooltipHost,w(b({},this.props),{styles:p,calloutProps:b(b({},r),this.props.calloutProps)}));return this.props.showOnFocus?i:n.default.createElement("div",{onFocusCapture:f=>{var a;(a=f.target.parentElement)!=null&&a.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c(s("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),_=s("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:_.CALLOUT_STYLES.background,color:_.CALLOUT_STYLES.text},subText:{}}}static renderContent(o){return{onRenderContent:()=>n.default.createElement("span",null,o!=null?o:""),styles:t.getStyles()}}static renderHTMLContent(o){const p=(0,d.default)(o);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:p}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx"(u,e,s){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,_,t,l){l===void 0&&(l=t);var o=Object.getOwnPropertyDescriptor(_,t);(!o||("get"in o?!_.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return _[t]}}),Object.defineProperty(d,l,o)}):(function(d,_,t,l){l===void 0&&(l=t),d[l]=_[t]})),n=this&&this.__exportStar||function(d,_){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(_,t)&&c(_,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),n(s("./src/components/UITooltip/UITooltip.tsx"),e),n(s("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("./src/components/UITooltip/index.tsx"),_=s("./src/components/UIButton/index.tsx");e.default={title:"Dropdowns/Tooltip"};const t={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderContent(t.name)},t.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderHTMLContent(t.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(d.UITooltip,{content:"This is the tooltip"},n.default.createElement(_.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(d.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(_.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?cff7"(){},"?3dda"(){},"?880e"(){},"?c3d3"(){},"?7b66"(){}}]);})();
+(()=>{var O=Object.defineProperty,U=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var C=(u,e,s)=>e in u?O(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,b=(u,e)=>{for(var s in e||(e={}))L.call(e,s)&&C(u,s,e[s]);if(E)for(var s of E(e))I.call(e,s)&&C(u,s,e[s]);return u},w=(u,e)=>U(u,P(e));(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"(u,e,s){var c=s("../../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=s("../../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"),d=n(c);d.push([u.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)}",""]),u.exports=d},"./src/styles/_shadows.scss"(u,e,s){"use strict";s.r(e),s.d(e,{default:()=>S});var c=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/injectStylesIntoStyleTag.js"),n=s.n(c),d=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/styleDomAPI.js"),_=s.n(d),t=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/insertBySelector.js"),l=s.n(t),o=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"),p=s.n(o),y=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/insertStyleElement.js"),r=s.n(y),i=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/styleTagTransform.js"),m=s.n(i),f=s("../../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"),a=s.n(f),T={};for(const g in f)g!=="default"&&(T[g]=()=>f[g]);s.d(e,T);var h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=l().bind(null,"head"),h.domAPI=_(),h.insertStyleElement=r();var v=n()(a(),h);const S=a()&&a().locals?a().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const s={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class n{constructor(_,t,l=s){this.originalStyle={},this.source=_,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(_){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${_}px`,t}getElements(){const _=this.source.current,t=_==null?void 0:_.closest(this.props.container);if(t&&_){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const o={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:_,rect:_.getBoundingClientRect()}},p=this.callout.current;return p&&(o.callout={dom:p,rect:p.getBoundingClientRect()}),o}}}applyTransformation(){const _=this.getElements();if(!_)return;const{container:t,target:l,callout:o,source:p}=_;if(o){const y=window.innerHeight-s.minPagePadding,r=o.rect.height,i=p.rect.bottom;let m=i+r-l.rect.top,f=i+o.rect.height;if(m<=0||f>=y)return;if(f+=l.rect.height,f<=y&&(m+=c),this.props.absolute){const a=t.dom.style;this.originalStyle={transform:a.transform,position:a.position,top:a.top,left:a.left},a.transform="",a.position="absolute",a.top=`${t.rect.top}px`,a.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),l.dom.prepend(this.placeholder)}}resetTransformation(){const _=this.getElements();if(!_)return;const{container:t}=_;for(const l in this.originalStyle){const o=this.originalStyle[l];typeof o=="string"&&(t.dom.style[l]=o)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(_){const t=this.getElements();return!!(_.type==="focus"&&(t!=null&&t.target.dom.contains(_.target)))}}e.CalloutCollisionTransform=n},"./src/components/UICallout/UICallout.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../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"),_=s("./src/utilities/index.ts");s("./src/styles/_shadows.scss"),e.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 t;(function(r){r.None="None",r.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const l=new Map([[t.Standard,8]]),o=(r,i)=>typeof r=="object"&&typeof r[i]=="object"?r[i]:{},p=r=>{var i,m;return{root:b({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},o(r.styles,"root")),beak:b({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},o(r.styles,"beak")),beakCurtain:b({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},o(r.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=r.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:l.get((m=r.contentPadding)!=null?m:t.None)},o(r.styles,"calloutMain")),container:o(r.styles,"container")}};e.getCalloutStyle=p;class y extends n.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:a}=this.props;if(f&&i.key==="Tab"&&a){let T=null;if(typeof a=="string"){const h=(0,d.getDocument)();T=h==null?void 0:h.querySelector(a)}else"getBoundingClientRect"in a&&(0,_.isHTMLElement)(a)&&(T=a);T&&(0,_.focusToSibling)(T,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}m==null||m(i)}render(){return n.default.createElement(d.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=y},"./src/components/UICallout/index.tsx"(u,e,s){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,_,t,l){l===void 0&&(l=t);var o=Object.getOwnPropertyDescriptor(_,t);(!o||("get"in o?!_.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return _[t]}}),Object.defineProperty(d,l,o)}):(function(d,_,t,l){l===void 0&&(l=t),d[l]=_[t]})),n=this&&this.__exportStar||function(d,_){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(_,t)&&c(_,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),n(s("./src/components/UICallout/CalloutCollisionTransform.ts"),e),n(s("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../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(e,"UITooltipDelay",{enumerable:!0,get:function(){return d.TooltipDelay}});const _=s("./src/components/UICallout/index.tsx");class t extends n.default.Component{constructor(o){super(o)}render(){var m;const o=(m=this.props.maxWidth)!=null?m:200,p=()=>b({root:{display:"inline-block"},content:{backgroundColor:_.CALLOUT_STYLES.background,color:_.CALLOUT_STYLES.text}},this.props.styles),r={beakWidth:10,styles:()=>(0,_.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:o}}})},i=n.default.createElement(d.TooltipHost,w(b({},this.props),{styles:p,calloutProps:b(b({},r),this.props.calloutProps)}));return this.props.showOnFocus?i:n.default.createElement("div",{onFocusCapture:f=>{var a;(a=f.target.parentElement)!=null&&a.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c(s("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),_=s("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:_.CALLOUT_STYLES.background,color:_.CALLOUT_STYLES.text},subText:{}}}static renderContent(o){return{onRenderContent:()=>n.default.createElement("span",null,o!=null?o:""),styles:t.getStyles()}}static renderHTMLContent(o){const p=(0,d.default)(o);return{onRenderContent:()=>n.default.createElement("span",{dangerouslySetInnerHTML:{__html:p}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx"(u,e,s){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,_,t,l){l===void 0&&(l=t);var o=Object.getOwnPropertyDescriptor(_,t);(!o||("get"in o?!_.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return _[t]}}),Object.defineProperty(d,l,o)}):(function(d,_,t,l){l===void 0&&(l=t),d[l]=_[t]})),n=this&&this.__exportStar||function(d,_){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(_,t)&&c(_,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),n(s("./src/components/UITooltip/UITooltip.tsx"),e),n(s("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx"(u,e,s){"use strict";var c=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const n=c(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("./src/components/UITooltip/index.tsx"),_=s("./src/components/UIButton/index.tsx");e.default={title:"Dropdowns/Tooltip"};const t={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{style:{margin:20}},n.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderContent(t.name)},t.name)),n.default.createElement("div",{style:{margin:20}},n.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderHTMLContent(t.html)},"render HTML content")),n.default.createElement("div",null,n.default.createElement(d.UITooltip,{content:"This is the tooltip"},n.default.createElement(_.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),n.default.createElement("div",null,n.default.createElement(d.UITooltip,{content:"This is the tooltip",showOnFocus:!0},n.default.createElement(_.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?cff7"(){},"?3dda"(){},"?880e"(){},"?c3d3"(){},"?7b66"(){}}]);})();

package/storybook/UITreedropdown-story.ee2c3a17.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var k=Object.defineProperty,D=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var S=(s,a,l)=>a in s?k(s,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[a]=l,h=(s,a)=>{for(var l in a||(a={}))U.call(a,l)&&S(s,l,a[l]);if(E)for(var l of E(a))A.call(a,l)&&S(s,l,a[l]);return s},y=(s,a)=>D(s,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[994],{"../../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"(s){"use strict";s.exports=function(a){var l=[];return l.toString=function(){return this.map(function(e){var n="",t=typeof e[5]!="undefined";return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),t&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=a(e),t&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},l.i=function(e,n,t,r,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(t)for(var d=0;d<this.length;d++){var c=this[d][0];c!=null&&(f[c]=!0)}for(var v=0;v<e.length;v++){var o=[].concat(e[v]);t&&f[o[0]]||(typeof p!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=p),n&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=n),r&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=r):o[4]="".concat(r)),l.push(o))}},l}},"../../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"(s){"use strict";s.exports=function(a){return a[1]}},"../../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"(s){"use strict";var a=[];function l(n){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===n){t=r;break}return t}function u(n,t){for(var r={},p=[],f=0;f<n.length;f++){var d=n[f],c=t.base?d[0]+t.base:d[0],v=r[c]||0,o="".concat(c," ").concat(v);r[c]=v+1;var i=l(o),_={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(i!==-1)a[i].references++,a[i].updater(_);else{var m=e(_,t);t.byIndex=f,a.splice(f,0,{identifier:o,updater:m,references:1})}p.push(o)}return p}function e(n,t){var r=t.domAPI(t);r.update(n);var p=function(d){if(d){if(d.css===n.css&&d.media===n.media&&d.sourceMap===n.sourceMap&&d.supports===n.supports&&d.layer===n.layer)return;r.update(n=d)}else r.remove()};return p}s.exports=function(n,t){t=t||{},n=n||[];var r=u(n,t);return function(f){f=f||[];for(var d=0;d<r.length;d++){var c=r[d],v=l(c);a[v].references--}for(var o=u(f,t),i=0;i<r.length;i++){var _=r[i],m=l(_);a[m].references===0&&(a[m].updater(),a.splice(m,1))}r=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/insertBySelector.js"(s){"use strict";var a={};function l(e){if(typeof a[e]=="undefined"){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}a[e]=n}return a[e]}function u(e,n){var t=l(e);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(n)}s.exports=u},"../../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"(s){"use strict";function a(l){var u=document.createElement("style");return l.setAttributes(u,l.attributes),l.insert(u,l.options),u}s.exports=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/setAttributesWithoutAttributes.js"(s,a,l){"use strict";function u(e){var n=l.nc;n&&e.setAttribute("nonce",n)}s.exports=u},"../../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"(s){"use strict";function a(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var p=typeof t.layer!="undefined";p&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,p&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var f=t.sourceMap;f&&typeof btoa!="undefined"&&(r+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),n.styleTagTransform(r,e,n.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(r){a(n,e,r)},remove:function(){l(n)}}}s.exports=u},"../../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"(s){"use strict";function a(l,u){if(u.styleSheet)u.styleSheet.cssText=l;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(l))}}s.exports=a},"./src/components/UIButton/UIIconButton.tsx"(s,a,l){"use strict";var u=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIIconButton=a.UIIconButtonSizes=void 0;const e=u(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),t=l("./src/components/UIContextualMenu/index.tsx");var r;(function(f){f.Default="Default",f.Wide="Wide"})(r||(a.UIIconButtonSizes=r={}));class p extends e.default.Component{constructor(d){super(d),this.setStyle=c=>{var i;const o=((i=c.sizeType)!=null?i:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:o,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:o},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:o},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:o,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(d){return`var(${d}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(n.IconButton,y(h({},this.props),{styles:this.setStyle(this.props),menuAs:t.UIContextualMenu}))}}a.UIIconButton=p},"./stories/UITreedropdown.story.tsx"(s,a,l){"use strict";var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(a,"__esModule",{value:!0}),a.accessibilityStates=a.Message=a.Basic=void 0;const e=u(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),t=l("./src/components/UITreeDropdown/index.tsx");a.default={title:"Dropdowns/TreeDropdown"};const r=[{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:[]}],p=()=>{const[c,v]=e.default.useState(0),[o,i]=e.default.useState(""),_=m=>{v(c+1),i(m)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:o,label:`Label(value changed ${c} times)`,placeholderText:"Select value",items:r,onParameterValueChange:_,maxWidth:300}))};a.Basic=p;const f=()=>{const[c,v]=e.default.useState(""),o=i=>v(i);return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:c,label:"Label",placeholderText:"Select value",items:r,onParameterValueChange:o,maxWidth:300,errorMessage:"Dummy error"}))};a.Message=f;const d=()=>{const[c,v]=e.default.useState("_Title1"),o={childrenGap:40},i={placeholderText:"Select value",items:r,maxWidth:300,onParameterValueChange:m=>console.log(m)},_=y(h({},i),{onParameterValueChange:m=>v(m)});return e.default.createElement("div",null,e.default.createElement(n.Stack,{horizontal:!0,tokens:o},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(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{errorMessage:"Dummy error",value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c,readOnly:!0})))))))};a.accessibilityStates=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),n=e;n.v1=u,n.v4=e,s.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"(s){for(var a=[],l=0;l<256;++l)a[l]=(l+256).toString(16).substr(1);function u(e,n){var t=n||0,r=a;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")}s.exports=u},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"(s){var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var l=new Uint8Array(16);s.exports=function(){return a(l),l}}else{var u=new Array(16);s.exports=function(){for(var n=0,t;n<16;n++)(n&3)===0&&(t=Math.random()*4294967296),u[n]=t>>>((n&3)<<3)&255;return u}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),n,t,r=0,p=0;function f(d,c,v){var o=c&&v||0,i=c||[];d=d||{};var _=d.node||n,m=d.clockseq!==void 0?d.clockseq:t;if(_==null||m==null){var g=u();_==null&&(_=n=[g[0]|1,g[1],g[2],g[3],g[4],g[5]]),m==null&&(m=t=(g[6]<<8|g[7])&16383)}var b=d.msecs!==void 0?d.msecs:new Date().getTime(),x=d.nsecs!==void 0?d.nsecs:p+1,C=b-r+(x-p)/1e4;if(C<0&&d.clockseq===void 0&&(m=m+1&16383),(C<0||b>r)&&d.nsecs===void 0&&(x=0),x>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=b,p=x,t=m,b+=122192928e5;var T=((b&268435455)*1e4+x)%4294967296;i[o++]=T>>>24&255,i[o++]=T>>>16&255,i[o++]=T>>>8&255,i[o++]=T&255;var w=b/4294967296*1e4&268435455;i[o++]=w>>>8&255,i[o++]=w&255,i[o++]=w>>>24&15|16,i[o++]=w>>>16&255,i[o++]=m>>>8|128,i[o++]=m&255;for(var I=0;I<6;++I)i[o+I]=_[I];return c||e(i)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function n(t,r,p){var f=r&&p||0;typeof t=="string"&&(r=t==="binary"?new Array(16):null,t=null),t=t||{};var d=t.random||(t.rng||u)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,r)for(var c=0;c<16;++c)r[f+c]=d[c];return r||e(d)}s.exports=n}}]);})();

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.7c0a559c.iframe.bundle.js';
+      import './runtime~main.0ec101e6.iframe.bundle.js';
       
       import './625.874afe67.iframe.bundle.js';
       
-      import './main.4a5d7689.iframe.bundle.js';</script></body></html>
+      import './main.e2aa1653.iframe.bundle.js';</script></body></html>