@sap-ux/ui-components 2.2.2 → 2.2.3

package/storybook/{UIFlexibleTable-story.982bab99.iframe.bundle.js → UIFlexibleTable-story.218b515c.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(()=>{var Fe=Object.defineProperty,Ne=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var Se=(R,w,m)=>w in R?Fe(R,w,{enumerable:!0,configurable:!0,writable:!0,value:m}):R[w]=m,_=(R,w)=>{for(var m in w||(w={}))Ue.call(w,m)&&Se(R,m,w[m]);if(Ie)for(var m of Ie(w))Pe.call(w,m)&&Se(R,m,w[m]);return R},B=(R,w)=>Ne(R,Le(w));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[812],{"./stories/UIFlexibleTable.story.tsx"(R,w,m){var ye=this&&this.__createBinding||(Object.create?function(r,l,t,a){a===void 0&&(a=t);var s=Object.getOwnPropertyDescriptor(l,t);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(r,a,s)}:function(r,l,t,a){a===void 0&&(a=t),r[a]=l[t]}),De=this&&this.__setModuleDefault||(Object.create?function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}:function(r,l){r.default=l}),Ce=this&&this.__importStar||function(){var r=function(l){return r=Object.getOwnPropertyNames||function(t){var a=[];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(a[a.length]=s);return a},r(l)};return function(l){if(l&&l.__esModule)return l;var t={};if(l!=null)for(var a=r(l),s=0;s<a.length;s++)a[s]!=="default"&&ye(t,l,a[s]);return De(t,l),t}}();Object.defineProperty(w,"__esModule",{value:!0}),w.WrappingTable=w.InlineFlexTable=void 0;const e=Ce(m("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=m("./src/components/index.tsx"),me=m("../../node_modules/.pnpm/react-movable@2.5.4_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-movable/lib/index.js");w.default={title:"Tables/UIFlexibleTable"};const F=["table1","table2"],N=Array.from({length:10}).map((r,l)=>({key:`column${l+1}`,title:l===0?"Beginning Column":`Column ${l+1}`,tooltip:`Tooltip for column #${l+1}`}));N.push({key:"preferred",title:"Preferred",hidden:!0});const Z=r=>{const l={};return N.forEach((t,a)=>{l[t.key]=a<5?`sample_${r}${a}`:"a"}),l},pe=[],ge=(r,l,t)=>r.map((s,f)=>{const x={};N.forEach((h,I)=>{x[h.key]={type:I<5?"input":l&&I===9?"link":"dropdown",value:r[f][h.key]}});const S=x.preferred.value==="1";return{key:f.toFixed(0),title:`Row ${f+1}`,className:t===f||t===100?"active-row":S?"preferred-row":"",cells:x,tooltip:`Tooltip for row #${f+1}`}});function xe(r,l,t,a){const s=r.value.value,f=r.colIndex===1&&r.rowIndex===2&&a,x=N[r.colIndex];switch(r.value.type){case"dropdown":{const S=["a","b","c"].map(h=>({key:h,text:`Option ${h.toUpperCase()}`}));return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:f?"spanned-cell":a&&r.rowIndex===2&&!f?"not-spanned-cell":void 0,content:e.default.createElement(c.UIDropdown,{options:S,selectedKey:s,disabled:l,onChange:(h,I,A)=>{var L;return t((L=I==null?void 0:I.key.toString())!=null?L:"")},title:x.tooltip})}}case"input":return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:[f?"spanned-cell":a&&r.rowIndex===2&&!f?"not-spanned-cell":""],content:e.default.createElement(ve,{value:s,readonly:l,onChange:S=>t(S),title:x.tooltip})};default:return{content:e.default.createElement(c.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function ve(r){const[l,t]=(0,e.useState)("");(0,e.useEffect)(()=>{t(r.value)},[r.value]);const a=s=>{t(s)};return e.default.createElement(c.UITextInput,{value:l,readOnly:r.readonly,onChange:(s,f)=>a(f||""),onBlur:()=>{r.value!==l&&setTimeout(()=>{r.onChange(l)},0)},title:r.title})}function he(r){const l=Z(r.length);r.push(l)}const ke=`
+"use strict";(()=>{var Fe=Object.defineProperty,Ne=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var Se=(R,w,m)=>w in R?Fe(R,w,{enumerable:!0,configurable:!0,writable:!0,value:m}):R[w]=m,_=(R,w)=>{for(var m in w||(w={}))Ue.call(w,m)&&Se(R,m,w[m]);if(Ie)for(var m of Ie(w))Pe.call(w,m)&&Se(R,m,w[m]);return R},B=(R,w)=>Ne(R,Le(w));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[812],{"./stories/UIFlexibleTable.story.tsx"(R,w,m){var ye=this&&this.__createBinding||(Object.create?(function(r,l,t,a){a===void 0&&(a=t);var s=Object.getOwnPropertyDescriptor(l,t);(!s||("get"in s?!l.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(r,a,s)}):(function(r,l,t,a){a===void 0&&(a=t),r[a]=l[t]})),De=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),Ce=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(t){var a=[];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(a[a.length]=s);return a},r(l)};return function(l){if(l&&l.__esModule)return l;var t={};if(l!=null)for(var a=r(l),s=0;s<a.length;s++)a[s]!=="default"&&ye(t,l,a[s]);return De(t,l),t}})();Object.defineProperty(w,"__esModule",{value:!0}),w.WrappingTable=w.InlineFlexTable=void 0;const e=Ce(m("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=m("./src/components/index.tsx"),me=m("../../node_modules/.pnpm/react-movable@2.5.4_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-movable/lib/index.js");w.default={title:"Tables/UIFlexibleTable"};const F=["table1","table2"],N=Array.from({length:10}).map((r,l)=>({key:`column${l+1}`,title:l===0?"Beginning Column":`Column ${l+1}`,tooltip:`Tooltip for column #${l+1}`}));N.push({key:"preferred",title:"Preferred",hidden:!0});const Z=r=>{const l={};return N.forEach((t,a)=>{l[t.key]=a<5?`sample_${r}${a}`:"a"}),l},pe=[],ge=(r,l,t)=>r.map((s,f)=>{const x={};N.forEach((h,I)=>{x[h.key]={type:I<5?"input":l&&I===9?"link":"dropdown",value:r[f][h.key]}});const S=x.preferred.value==="1";return{key:f.toFixed(0),title:`Row ${f+1}`,className:t===f||t===100?"active-row":S?"preferred-row":"",cells:x,tooltip:`Tooltip for row #${f+1}`}});function xe(r,l,t,a){const s=r.value.value,f=r.colIndex===1&&r.rowIndex===2&&a,x=N[r.colIndex];switch(r.value.type){case"dropdown":{const S=["a","b","c"].map(h=>({key:h,text:`Option ${h.toUpperCase()}`}));return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:f?"spanned-cell":a&&r.rowIndex===2&&!f?"not-spanned-cell":void 0,content:e.default.createElement(c.UIDropdown,{options:S,selectedKey:s,disabled:l,onChange:(h,I,A)=>{var L;return t((L=I==null?void 0:I.key.toString())!=null?L:"")},title:x.tooltip})}}case"input":return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:[f?"spanned-cell":a&&r.rowIndex===2&&!f?"not-spanned-cell":""],content:e.default.createElement(ve,{value:s,readonly:l,onChange:S=>t(S),title:x.tooltip})};default:return{content:e.default.createElement(c.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function ve(r){const[l,t]=(0,e.useState)("");(0,e.useEffect)(()=>{t(r.value)},[r.value]);const a=s=>{t(s)};return e.default.createElement(c.UITextInput,{value:l,readOnly:r.readonly,onChange:(s,f)=>a(f||""),onBlur:()=>{r.value!==l&&setTimeout(()=>{r.onChange(l)},0)},title:r.title})}function he(r){const l=Z(r.length);r.push(l)}const ke=`
 .flexible-table {
     font-size: 13px;
 }

package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx"(l,t,o){var d=this&&this.__createBinding||(Object.create?(function(r,n,e,s){s===void 0&&(s=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,s,u)}):(function(r,n,e,s){s===void 0&&(s=e),r[s]=n[e]})),i=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&d(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,i(o("./src/components/index.tsx"),t),i(o("./src/utilities/index.ts"),t),i(o("./src/theme/index.ts"),t);var a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return a.setIconOptions}})},"./stories/UIIcon.story.tsx"(l,t,o){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const i=d(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=o("./src/components/UIIcon/index.tsx"),n=o("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const c in n.UiIcons)e.push(c);e.sort();const s=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>i.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>i.default.createElement("span",null,c)}],u=()=>i.default.createElement("div",null,i.default.createElement(a.DetailsList,{selectionMode:a.SelectionMode.none,items:e,columns:s,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();

package/storybook/UILabel-story.4f878fd0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(o,e,t)=>e in o?p(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(o,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(o,t,e[t]);return o},b=(o,e)=>m(o,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(o,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class r extends c.default.Component{constructor(n){super(n)}render(){const n=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,b(d({},this.props),{styles:n}))}}e.UILabel=r},"./src/components/UILabel/index.tsx"(o,e,t){var u=this&&this.__createBinding||(Object.create?(function(l,s,r,a){a===void 0&&(a=r);var n=Object.getOwnPropertyDescriptor(s,r);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(l,a,n)}):(function(l,s,r,a){a===void 0&&(a=r),l[a]=s[r]})),c=this&&this.__exportStar||function(l,s){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&u(s,l,r)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(o,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(o,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const r={childrenGap:40},a=()=>c.default.createElement(l.Stack,{tokens:r,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=a}}]);})();

package/storybook/UILink-story.6e2c3b4f.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,s)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):f[o]=s,v=(f,o)=>{for(var s in o||(o={}))I.call(o,s)&&y(f,s,o[s]);if(g)for(var s of g(o))S.call(o,s)&&y(f,s,o[s]);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@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(f){f.exports=function(o){var s=[];return s.toString=function(){return this.map(function(a){var t="",e=typeof a[5]!="undefined";return a[4]&&(t+="@supports (".concat(a[4],") {")),a[2]&&(t+="@media ".concat(a[2]," {")),e&&(t+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),t+=o(a),e&&(t+="}"),a[2]&&(t+="}"),a[4]&&(t+="}"),t}).join("")},s.i=function(a,t,e,r,i){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var d=0;d<a.length;d++){var n=[].concat(a[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)),s.push(n))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(f){f.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(f){var o=[];function s(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],b=e.base?c[0]+e.base:c[0],d=r[b]||0,n="".concat(b," ").concat(d);r[b]=d+1;var p=s(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 _=a(h,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:_,references:1})}i.push(n)}return i}function a(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 b=r[c],d=s(b);o[d].references--}for(var n=u(l,e),p=0;p<r.length;p++){var h=r[p],_=s(h);o[_].references===0&&(o[_].updater(),o.splice(_,1))}r=n}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(f){var o={};function s(a){if(typeof o[a]=="undefined"){var t=document.querySelector(a);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[a]=t}return o[a]}function u(a,t){var e=s(a);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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(f){function o(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}f.exports=o},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(f,o,s){function u(a){var t=s.nc;t&&a.setAttribute("nonce",t)}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(f){function o(a,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,a,t.options)}function s(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function u(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=a.insertStyleElement(a);return{update:function(r){o(t,a,r)},remove:function(){s(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(f){function o(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}f.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(f,o,s){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 a=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=s("./src/helper/ValidationMessage/index.tsx"),r=s("./src/components/UIInput/index.tsx");class i extends a.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=(b,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"}}},b.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),b=a.default.createElement(t.Checkbox,m(v({},this.props),{styles:d=>v(v({},this.setStyle(c,d)),this.props.styles)}));return c.message?a.default.createElement(e.MessageWrapper,{message:c},b):b}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(f,o,s){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]})),a=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}),a(s("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./src/components/UILink/UILink.tsx"(f,o,s){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 a=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class r extends a.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:b}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:b?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:b?.4:void 0}});return a.default.createElement(t.Link,m(v({},this.props),{styles:n}))}}o.UILink=r},"./src/components/UILink/index.tsx"(f,o,s){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]})),a=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}),a(s("./src/components/UILink/UILink.tsx"),o)},"./stories/UILink.story.tsx"(f,o,s){var u=this&&this.__createBinding||(Object.create?(function(d,n,p,h){h===void 0&&(h=p);var _=Object.getOwnPropertyDescriptor(n,p);(!_||("get"in _?!n.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,_)}):(function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]})),a=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 _ in p)Object.prototype.hasOwnProperty.call(p,_)&&(h[h.length]=_);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),_=0;_<h.length;_++)h[_]!=="default"&&u(p,n,h[_]);return a(p,n),p}})();Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const e=t(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=s("./src/components/UILink/index.tsx"),l=s("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Link"};const c={childrenGap:40},b=()=>{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=b}}]);})();

package/storybook/UILoader-story.bb8faed0.iframe.bundle.js

@@ -0,0 +1,6 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(p,a,t){var d=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),s=l(d);s.push([p.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)}",""]),p.exports=s},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(p){"use strict";p.exports=function(a){var t=[];return t.toString=function(){return this.map(function(l){var s="",e=typeof l[5]!="undefined";return l[4]&&(s+="@supports (".concat(l[4],") {")),l[2]&&(s+="@media ".concat(l[2]," {")),e&&(s+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),s+=a(l),e&&(s+="}"),l[2]&&(s+="}"),l[4]&&(s+="}"),s}).join("")},t.i=function(l,s,e,_,c){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var n=0;n<this.length;n++){var i=this[n][0];i!=null&&(u[i]=!0)}for(var w=0;w<l.length;w++){var o=[].concat(l[w]);e&&u[o[0]]||(typeof c!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=c),s&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=s),_&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=_):o[4]="".concat(_)),t.push(o))}},t}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(p){"use strict";p.exports=function(a){return a[1]}},"./src/styles/_shadows.scss"(p,a,t){"use strict";t.r(a),t.d(a,{default:()=>m});var d=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=t.n(d),s=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(s),_=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=t.n(_),u=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),n=t.n(u),i=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=t.n(i),o=t("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=t.n(o),v=t("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=t.n(v),y={};for(const f in v)f!=="default"&&(y[f]=()=>v[f]);t.d(a,y);var r={};r.styleTagTransform=b(),r.setAttributes=n(),r.insert=c().bind(null,"head"),r.domAPI=e(),r.insertStyleElement=w();var h=l()(E(),r);const m=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(p){"use strict";var a=[];function t(s){for(var e=-1,_=0;_<a.length;_++)if(a[_].identifier===s){e=_;break}return e}function d(s,e){for(var _={},c=[],u=0;u<s.length;u++){var n=s[u],i=e.base?n[0]+e.base:n[0],w=_[i]||0,o="".concat(i," ").concat(w);_[i]=w+1;var b=t(o),v={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(b!==-1)a[b].references++,a[b].updater(v);else{var E=l(v,e);e.byIndex=u,a.splice(u,0,{identifier:o,updater:E,references:1})}c.push(o)}return c}function l(s,e){var _=e.domAPI(e);_.update(s);var c=function(n){if(n){if(n.css===s.css&&n.media===s.media&&n.sourceMap===s.sourceMap&&n.supports===s.supports&&n.layer===s.layer)return;_.update(s=n)}else _.remove()};return c}p.exports=function(s,e){e=e||{},s=s||[];var _=d(s,e);return function(u){u=u||[];for(var n=0;n<_.length;n++){var i=_[n],w=t(i);a[w].references--}for(var o=d(u,e),b=0;b<_.length;b++){var v=_[b],E=t(v);a[E].references===0&&(a[E].updater(),a.splice(E,1))}_=o}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(p){"use strict";var a={};function t(l){if(typeof a[l]=="undefined"){var s=document.querySelector(l);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}a[l]=s}return a[l]}function d(l,s){var e=t(l);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(s)}p.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(p){"use strict";function a(t){var d=document.createElement("style");return t.setAttributes(d,t.attributes),t.insert(d,t.options),d}p.exports=a},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(p,a,t){"use strict";function d(l){var s=t.nc;s&&l.setAttribute("nonce",s)}p.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(p){"use strict";function a(l,s,e){var _="";e.supports&&(_+="@supports (".concat(e.supports,") {")),e.media&&(_+="@media ".concat(e.media," {"));var c=typeof e.layer!="undefined";c&&(_+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),_+=e.css,c&&(_+="}"),e.media&&(_+="}"),e.supports&&(_+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(_+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),s.styleTagTransform(_,l,s.options)}function t(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=l.insertStyleElement(l);return{update:function(_){a(s,l,_)},remove:function(){t(s)}}}p.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(p){"use strict";function a(t,d){if(d.styleSheet)d.styleSheet.cssText=t;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(t))}}p.exports=a},"./stories/UILoader.story.tsx"(p,a,t){"use strict";var d=this&&this.__createBinding||(Object.create?(function(y,r,h,m){m===void 0&&(m=h);var f=Object.getOwnPropertyDescriptor(r,h);(!f||("get"in f?!r.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return r[h]}}),Object.defineProperty(y,m,f)}):(function(y,r,h,m){m===void 0&&(m=h),y[m]=r[h]})),l=this&&this.__setModuleDefault||(Object.create?(function(y,r){Object.defineProperty(y,"default",{enumerable:!0,value:r})}):function(y,r){y.default=r}),s=this&&this.__importStar||(function(){var y=function(r){return y=Object.getOwnPropertyNames||function(h){var m=[];for(var f in h)Object.prototype.hasOwnProperty.call(h,f)&&(m[m.length]=f);return m},y(r)};return function(r){if(r&&r.__esModule)return r;var h={};if(r!=null)for(var m=y(r),f=0;f<m.length;f++)m[f]!=="default"&&d(h,r,m[f]);return l(h,r),h}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialogs=a.Delayed=a.Loaders=void 0;const e=s(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),c=t("./src/components/UILoader/index.tsx"),u=t("./src/components/UIButton/index.tsx"),n=t("./src/components/UIDialog/index.ts");a.default={title:"Progress/Loader"};const i={childrenGap:40},w=()=>e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Default Loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,null))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.large}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Medium loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.medium}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.small}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"xSmall loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.xSmall}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(_.Text,null,"Loader - block DOM"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(_.Text,null,"Loader - block DOM with text..."),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXLarge"}))));a.Loaders=w;const o=()=>{const[y,r]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(_.Text,null,"Loader - delayed"),y&&e.default.createElement(c.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{r(!y)}}))))};a.Delayed=o;const b=`
+    .popup--busy .ms-Dialog-content {
+        position: static;
+    }
+`,v=y=>{const{delayed:r,text:h}=y,[m,f]=(0,e.useState)(!1),[g,D]=(0,e.useState)(!1),S=()=>{f(!m)},I=()=>{D(!0),setTimeout(()=>{D(!1),S()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(u.UIDefaultButton,{onClick:S,primary:!0},h),e.default.createElement(n.UIDialog,{isOpen:m,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:S,onCancel:S,onDismiss:S,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{onClick:I},"Accept"))},e.default.createElement("div",null,"Dummy"),g&&e.default.createElement(c.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:r})))},E=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,b),e.default.createElement("div",null,e.default.createElement(v,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(v,{delayed:!0,text:"Open Dialog with delayed loader"})));a.Dialogs=E}}]);})();

package/storybook/{UIMessageBar-story.b80ad5ed.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(()=>{var m=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(o,e,s)=>e in o?m(o,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[e]=s,d=(o,e)=>{for(var s in e||(e={}))B.call(e,s)&&g(o,s,e[s]);if(p)for(var s of p(e))I.call(e,s)&&g(o,s,e[s]);return o},f=(o,e)=>y(o,M(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[733],{"./src/components/UIMessageBar/UIMessageBar.tsx"(o,e,s){var i=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIMessageBar=e.UIMessageBarType=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIMessageBarType",{enumerable:!0,get:function(){return t.MessageBarType}});const r=s("./src/components/Icons.tsx");class c extends u.default.Component{constructor(a){super(a),this.setStyle=_=>{const{messageBarType:l}=_;return{root:d({},(l===t.MessageBarType.error||l===t.MessageBarType.success||l===t.MessageBarType.info||l===t.MessageBarType.warning)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}getMessageTypeIcon(a){switch(a){case t.MessageBarType.error:return r.UiIcons.Error;case t.MessageBarType.info:return r.UiIcons.Info;case t.MessageBarType.warning:return r.UiIcons.Warning;default:return r.UiIcons.Success}}render(){const a=this.getMessageTypeIcon(this.props.messageBarType);return u.default.createElement(t.MessageBar,f(d({},this.props),{messageBarIconProps:{iconName:a},styles:this.setStyle(this.props)}),this.props.children)}}e.UIMessageBar=c},"./src/components/UIMessageBar/index.tsx"(o,e,s){var i=this&&this.__createBinding||(Object.create?function(t,r,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(r,c);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(t,n,a)}:function(t,r,c,n){n===void 0&&(n=c),t[n]=r[c]}),u=this&&this.__exportStar||function(t,r){for(var c in t)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&i(r,t,c)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UIMessageBar/UIMessageBar.tsx"),e)},"./stories/UIMessageBar.story.tsx"(o,e,s){var i=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=s("./src/components/UIMessageBar/index.tsx");e.default={title:"Utilities/MessageBar"};const c={childrenGap:40},n=()=>u.default.createElement(t.Stack,{tokens:c},u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.success},u.default.createElement("div",null,"Success message bar")),u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.error},u.default.createElement("div",null,"Error message bar")));e.defaultUsage=n}}]);})();
+"use strict";(()=>{var m=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(o,e,s)=>e in o?m(o,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[e]=s,d=(o,e)=>{for(var s in e||(e={}))B.call(e,s)&&g(o,s,e[s]);if(p)for(var s of p(e))I.call(e,s)&&g(o,s,e[s]);return o},f=(o,e)=>y(o,M(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[733],{"./src/components/UIMessageBar/UIMessageBar.tsx"(o,e,s){var i=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIMessageBar=e.UIMessageBarType=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIMessageBarType",{enumerable:!0,get:function(){return t.MessageBarType}});const r=s("./src/components/Icons.tsx");class c extends u.default.Component{constructor(a){super(a),this.setStyle=_=>{const{messageBarType:l}=_;return{root:d({},(l===t.MessageBarType.error||l===t.MessageBarType.success||l===t.MessageBarType.info||l===t.MessageBarType.warning)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}getMessageTypeIcon(a){switch(a){case t.MessageBarType.error:return r.UiIcons.Error;case t.MessageBarType.info:return r.UiIcons.Info;case t.MessageBarType.warning:return r.UiIcons.Warning;default:return r.UiIcons.Success}}render(){const a=this.getMessageTypeIcon(this.props.messageBarType);return u.default.createElement(t.MessageBar,f(d({},this.props),{messageBarIconProps:{iconName:a},styles:this.setStyle(this.props)}),this.props.children)}}e.UIMessageBar=c},"./src/components/UIMessageBar/index.tsx"(o,e,s){var i=this&&this.__createBinding||(Object.create?(function(t,r,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(r,c);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(t,n,a)}):(function(t,r,c,n){n===void 0&&(n=c),t[n]=r[c]})),u=this&&this.__exportStar||function(t,r){for(var c in t)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&i(r,t,c)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UIMessageBar/UIMessageBar.tsx"),e)},"./stories/UIMessageBar.story.tsx"(o,e,s){var i=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=s("./src/components/UIMessageBar/index.tsx");e.default={title:"Utilities/MessageBar"};const c={childrenGap:40},n=()=>u.default.createElement(t.Stack,{tokens:c},u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.success},u.default.createElement("div",null,"Success message bar")),u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.error},u.default.createElement("div",null,"Error message bar")));e.defaultUsage=n}}]);})();

package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var m=Object.defineProperty,_=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(r,t,a)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,p=(r,t)=>{for(var a in t||(t={}))U.call(t,a)&&u(r,a,t[a]);if(f)for(var a of f(t))b.call(t,a)&&u(r,a,t[a]);return r},d=(r,t)=>_(r,P(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[271],{"./src/components/UIPersona/UIPersona.tsx"(r,t,a){var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return i.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return i.PersonaPresence}});class e extends n.default.Component{constructor(c){super(c),this.personaStyles=o=>({root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return n.default.createElement(i.Persona,d(p({},this.props),{styles:this.personaStyles}))}}t.UIPersona=e},"./src/components/UIPersona/index.tsx"(r,t,a){var l=this&&this.__createBinding||(Object.create?(function(i,e,s,c){c===void 0&&(c=s);var o=Object.getOwnPropertyDescriptor(e,s);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(i,c,o)}):(function(i,e,s,c){c===void 0&&(c=s),i[c]=e[s]})),n=this&&this.__exportStar||function(i,e){for(var s in i)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,i,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(a("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx"(r,t,a){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=a("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const s={childrenGap:40},c=()=>n.default.createElement(i.Stack,{tokens:s},n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),n.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=c}}]);})();

package/storybook/UISearchBox-story.9f58fac1.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var b=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),m=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&b(c,e,n[a]);return m(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),S=r("./src/components/UISearchBox/index.tsx"),y=r("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},a=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{a("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();

package/storybook/{UISections-story.e6852131.iframe.bundle.js → UISections-story.e394f18b.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(m,t,a)=>t in m?F(m,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[t]=a,C=(m,t)=>{for(var a in t||(t={}))W.call(t,a)&&w(m,a,t[a]);if(q)for(var a of q(t))G.call(t,a)&&w(m,a,t[a]);return m},_=(m,t)=>K(m,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?function(e,o,s,f){f===void 0&&(f=s);var h=Object.getOwnPropertyDescriptor(o,s);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(e,f,h)}:function(e,o,s,f){f===void 0&&(f=s),e[f]=o[s]}),S=this&&this.__exportStar||function(e,o){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&T(o,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(a("./src/components/index.tsx"),t),S(a("./src/utilities/index.ts"),t),S(a("./src/theme/index.ts"),t);var U=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return U.setIconOptions}})},"./stories/UISections.story.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?function(l,n,d,i){i===void 0&&(i=d);var r=Object.getOwnPropertyDescriptor(n,d);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[d]}}),Object.defineProperty(l,i,r)}:function(l,n,d,i){i===void 0&&(i=d),l[i]=n[d]}),S=this&&this.__setModuleDefault||(Object.create?function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}:function(l,n){l.default=n}),U=this&&this.__importStar||function(){var l=function(n){return l=Object.getOwnPropertyNames||function(d){var i=[];for(var r in d)Object.prototype.hasOwnProperty.call(d,r)&&(i[i.length]=r);return i},l(n)};return function(n){if(n&&n.__esModule)return n;var d={};if(n!=null)for(var i=l(n),r=0;r<i.length;r++)i[r]!=="default"&&T(d,n,i[r]);return S(d,n),d}}();Object.defineProperty(t,"__esModule",{value:!0}),t.VerticalSectionsThreeRows=t.HorizontalSectionsThreeColumns=t.VerticalSections=t.HorizontalSections=void 0;const e=U(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("./src/components/UISection/index.tsx"),s=a("./src/components/UIToggle/index.tsx"),f=a("./src/components/UIDropdown/index.tsx"),h=a("./src/components/UIButton/index.tsx"),A=a("./src/index.tsx");t.default={title:"Utilities/Splitter"};const V=`
+"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(m,t,a)=>t in m?F(m,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[t]=a,C=(m,t)=>{for(var a in t||(t={}))W.call(t,a)&&w(m,a,t[a]);if(q)for(var a of q(t))G.call(t,a)&&w(m,a,t[a]);return m},_=(m,t)=>K(m,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?(function(e,o,s,f){f===void 0&&(f=s);var h=Object.getOwnPropertyDescriptor(o,s);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(e,f,h)}):(function(e,o,s,f){f===void 0&&(f=s),e[f]=o[s]})),S=this&&this.__exportStar||function(e,o){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&T(o,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(a("./src/components/index.tsx"),t),S(a("./src/utilities/index.ts"),t),S(a("./src/theme/index.ts"),t);var U=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return U.setIconOptions}})},"./stories/UISections.story.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?(function(l,n,d,i){i===void 0&&(i=d);var r=Object.getOwnPropertyDescriptor(n,d);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[d]}}),Object.defineProperty(l,i,r)}):(function(l,n,d,i){i===void 0&&(i=d),l[i]=n[d]})),S=this&&this.__setModuleDefault||(Object.create?(function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}):function(l,n){l.default=n}),U=this&&this.__importStar||(function(){var l=function(n){return l=Object.getOwnPropertyNames||function(d){var i=[];for(var r in d)Object.prototype.hasOwnProperty.call(d,r)&&(i[i.length]=r);return i},l(n)};return function(n){if(n&&n.__esModule)return n;var d={};if(n!=null)for(var i=l(n),r=0;r<i.length;r++)i[r]!=="default"&&T(d,n,i[r]);return S(d,n),d}})();Object.defineProperty(t,"__esModule",{value:!0}),t.VerticalSectionsThreeRows=t.HorizontalSectionsThreeColumns=t.VerticalSections=t.HorizontalSections=void 0;const e=U(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("./src/components/UISection/index.tsx"),s=a("./src/components/UIToggle/index.tsx"),f=a("./src/components/UIDropdown/index.tsx"),h=a("./src/components/UIButton/index.tsx"),A=a("./src/index.tsx");t.default={title:"Utilities/Splitter"};const V=`
     .componentOptions {
         display: flex;
     }

package/storybook/UISeparator-story.b93568c6.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var _=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(s,e,a)=>e in s?_(s,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[e]=a,p=(s,e)=>{for(var a in e||(e={}))S.call(e,a)&&i(s,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(s,a,e[a]);return s},f=(s,e)=>m(s,b(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(s,e,a){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISeparator=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends r.default.Component{constructor(l){super(l)}render(){const l=c=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},c.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return r.default.createElement(o.Separator,f(p({},this.props),{styles:l}))}}e.UISeparator=n},"./src/components/UISeparator/index.tsx"(s,e,a){var u=this&&this.__createBinding||(Object.create?(function(o,n,t,l){l===void 0&&(l=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,c)}):(function(o,n,t,l){l===void 0&&(l=t),o[l]=n[t]})),r=this&&this.__exportStar||function(o,n){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&u(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(a("./src/components/UISeparator/UISeparator.tsx"),e)},"./stories/UISeparator.story.tsx"(s,e,a){var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a("./src/components/UISeparator/index.tsx");e.default={title:"Utilities/Separator"};const t={childrenGap:40},l=()=>r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,{vertical:!0}),r.default.createElement("span",null,"World"))),r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,null),r.default.createElement("span",null,"World"))));e.defaultUsage=l}}]);})();

package/storybook/UITable-story.08b1e3ca.iframe.bundle.js

@@ -0,0 +1,4 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx"(v,l,c){var m=this&&this.__createBinding||(Object.create?(function(t,e,n,a){a===void 0&&(a=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,a,i)}):(function(t,e,n,a){a===void 0&&(a=n),t[a]=e[n]})),r=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),d=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var a=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&m(n,e,a[i]);return r(n,e),n}})();Object.defineProperty(l,"__esModule",{value:!0}),l.EditableTable2=l.EditableTable=l.ReadOnlyTable=void 0;const o=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=c("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),b=c("./src/components/UITable/index.tsx"),g=c("./src/components/Icons.tsx"),f=c("./src/components/UITable/types.ts"),u=c("./test/__mock__/table-data.ts");l.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput,comboboxOptions:void 0};return(e===1||e>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.iconName=g.UiIcons.Home,n.iconTooltip="Dummy tooltip"),e===3&&(n.columnControlType=f.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),e===4&&(n.columnControlType=f.ColumnControlType.UIBooleanSelect),n}),_=p.map(t=>Object.assign({},t,{validate:void 0,editable:!1})),T=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:u.items,dataSetKey:"datasetkey",columns:_})));l.ReadOnlyTable=T;function S(t,e){var n;t&&(console.log("saving ",e,t),u.items[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items))}function y(t){console.log("selected",t)}function h(t){if(t==="hello")return'"hello" is not allowed here!'}const w=()=>{const[t,e]=(0,o.useState)(null),[n,a]=(0,o.useState)(null);return o.default.createElement(s.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>e(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>e(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>e(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>a("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>a("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:t,selectedColumnId:n,selectionMode:s.SelectionMode.multiple,checkboxVisibility:s.CheckboxVisibility.always,showRowNumbers:!0})))};l.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput};return e>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.columnControlType=f.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),O=(t,e)=>e?o.default.createElement(s.Sticky,null,e(t)):null;function k(t,e){var n;t&&(console.log("saving ",e,t),u.items2[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items2))}const A=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items2,columns:E,onSave:k,onSelectionChange:y,checkboxVisibility:s.CheckboxVisibility.always,headerRenderer:O,selectionMode:s.SelectionMode.multiple,renderInputs:f.RenderInputs.always})));l.EditableTable2=A},"./test/__mock__/table-data.ts"(v,l){Object.defineProperty(l,"__esModule",{value:!0}),l.items2=l.items=void 0;const c=`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`;let m=0;function r(d=4){const o=c.split(" "),s=m+d>o.length?0:m;return m=s+d,o.slice(s,m).join(" ")}l.items=Array.from({length:200}).map((d,o)=>({key:o,test1:`row ${o}`,test2:r(),test3:r(),test4:r(),test5:r(),test6:r(),test7:r(),test8:r(),test9:r(),test10:r()})),l.items2=Array.from({length:4}).map((d,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();

package/storybook/UITextInput-story.5fb40543.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@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/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.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),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.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),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/UIToggle-story.9a30e364.iframe.bundle.js

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

package/storybook/UIToggleGroup-story.46fd140d.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var T=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var E=(d,e,_)=>e in d?T(d,e,{enumerable:!0,configurable:!0,writable:!0,value:_}):d[e]=_,v=(d,e)=>{for(var _ in e||(e={}))U.call(e,_)&&E(d,_,e[_]);if(w)for(var _ of w(e))M.call(e,_)&&E(d,_,e[_]);return d},I=(d,e)=>P(d,j(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(d,e,_){var l=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"),n=o(l);n.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=n},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/api.js"(d){"use strict";d.exports=function(e){var _=[];return _.toString=function(){return this.map(function(o){var n="",t=typeof o[5]!="undefined";return o[4]&&(n+="@supports (".concat(o[4],") {")),o[2]&&(n+="@media ".concat(o[2]," {")),t&&(n+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),n+=e(o),t&&(n+="}"),o[2]&&(n+="}"),o[4]&&(n+="}"),n}).join("")},_.i=function(o,n,t,s,r){typeof o=="string"&&(o=[[null,o,void 0]]);var a={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(a[m]=!0)}for(var u=0;u<o.length;u++){var c=[].concat(o[u]);t&&a[c[0]]||(typeof r!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),n&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=n),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),_.push(c))}},_}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss"(d,e,_){"use strict";_.r(e),_.d(e,{default:()=>O});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=_.n(l),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(n),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(s),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=_.n(a),m=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(m),c=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=_.n(c),f=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.99.0_sass@1.98.0_webpack@5.106.2_@swc+core@1.15.33_@_a00858b0f9041320b958d9e717de425a/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=_.n(f),g={};for(const h in f)h!=="default"&&(g[h]=()=>f[h]);_.d(e,g);var y={};y.styleTagTransform=p(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var S=o()(b(),y);const O=b()&&b().locals?b().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){"use strict";var e=[];function _(n){for(var t=-1,s=0;s<e.length;s++)if(e[s].identifier===n){t=s;break}return t}function l(n,t){for(var s={},r=[],a=0;a<n.length;a++){var i=n[a],m=t.base?i[0]+t.base:i[0],u=s[m]||0,c="".concat(m," ").concat(u);s[m]=u+1;var p=_(c),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(f);else{var b=o(f,t);t.byIndex=a,e.splice(a,0,{identifier:c,updater:b,references:1})}r.push(c)}return r}function o(n,t){var s=t.domAPI(t);s.update(n);var r=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;s.update(n=i)}else s.remove()};return r}d.exports=function(n,t){t=t||{},n=n||[];var s=l(n,t);return function(a){a=a||[];for(var i=0;i<s.length;i++){var m=s[i],u=_(m);e[u].references--}for(var c=l(a,t),p=0;p<s.length;p++){var f=s[p],b=_(f);e[b].references===0&&(e[b].updater(),e.splice(b,1))}s=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){"use strict";var e={};function _(o){if(typeof e[o]=="undefined"){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[o]=n}return e[o]}function l(o,n){var t=_(o);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)}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){"use strict";function e(_){var l=document.createElement("style");return _.setAttributes(l,_.attributes),_.insert(l,_.options),l}d.exports=e},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,e,_){"use strict";function l(o){var n=_.nc;n&&o.setAttribute("nonce",n)}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){"use strict";function e(o,n,t){var s="";t.supports&&(s+="@supports (".concat(t.supports,") {")),t.media&&(s+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(s+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),s+=t.css,r&&(s+="}"),t.media&&(s+="}"),t.supports&&(s+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(s+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(s,o,n.options)}function _(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function l(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=o.insertStyleElement(o);return{update:function(s){e(n,o,s)},remove:function(){_(n)}}}d.exports=l},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.106.2_@swc+core@1.15.33_@swc+helpers@0.5.21__esbuild@0.28.0_postcss@8.5.14_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){"use strict";function e(_,l){if(l.styleSheet)l.styleSheet.cssText=_;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(_))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx"(d,e,_){"use strict";var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const o=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");_("./src/components/UIIcon/UIIcon.scss");class t extends o.default.Component{constructor(r){super(r),this.setStyle=()=>({})}render(){const r=this.props.className?` ${this.props.className}`:"";return o.default.createElement(n.Icon,I(v({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx"(d,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,s,r){r===void 0&&(r=s);var a=Object.getOwnPropertyDescriptor(t,s);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(n,r,a)}):(function(n,t,s,r){r===void 0&&(r=s),n[r]=t[s]})),o=this&&this.__exportStar||function(n,t){for(var s in n)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&l(t,n,s)};Object.defineProperty(e,"__esModule",{value:!0}),o(_("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx"(d,e,_){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const o=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=_("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class s extends o.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return o.default.createElement(n.Label,I(v({},this.props),{styles:a}))}}e.UILabel=s},"./src/components/UILabel/index.tsx"(d,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,s,r){r===void 0&&(r=s);var a=Object.getOwnPropertyDescriptor(t,s);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(n,r,a)}):(function(n,t,s,r){r===void 0&&(r=s),n[r]=t[s]})),o=this&&this.__exportStar||function(n,t){for(var s in n)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&l(t,n,s)};Object.defineProperty(e,"__esModule",{value:!0}),o(_("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=_;function _(l,o){let n;return(...t)=>{clearTimeout(n),n=window.setTimeout(()=>{l(...t)},o)}}},"./src/utilities/Dom.ts"(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=_,e.isHTMLInputElement=l;function _(o){return"title"in o}function l(o){return"value"in o&&"tagName"in o&&o.tagName==="INPUT"}},"./src/utilities/Focus.ts"(d,e,_){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=o;const l=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function o(n,t){const s=(0,l.getDocument)();if(s){let r=null;if(t?r=(0,l.getNextElement)(s.body,n,!1,!1,!0,!0):r=(0,l.getPreviousElement)(s.body,n,!1,!1,!0,!0),r)return r.focus(),r}return null}},"./src/utilities/Id.ts"(d,e,_){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const l=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(d,e,_){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const l=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(d,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,s,r){r===void 0&&(r=s);var a=Object.getOwnPropertyDescriptor(t,s);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(n,r,a)}):(function(n,t,s,r){r===void 0&&(r=s),n[r]=t[s]})),o=this&&this.__exportStar||function(n,t){for(var s in n)s!=="default"&&!Object.prototype.hasOwnProperty.call(t,s)&&l(t,n,s)};Object.defineProperty(e,"__esModule",{value:!0}),o(_("./src/utilities/Debounce.ts"),e),o(_("./src/utilities/Dom.ts"),e),o(_("./src/utilities/Focus.ts"),e),o(_("./src/utilities/Id.ts"),e),o(_("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx"(d,e,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(m,u,c,p){p===void 0&&(p=c);var f=Object.getOwnPropertyDescriptor(u,c);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[c]}}),Object.defineProperty(m,p,f)}):(function(m,u,c,p){p===void 0&&(p=c),m[p]=u[c]})),o=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(c){var p=[];for(var f in c)Object.prototype.hasOwnProperty.call(c,f)&&(p[p.length]=f);return p},m(u)};return function(u){if(u&&u.__esModule)return u;var c={};if(u!=null)for(var p=m(u),f=0;f<p.length;f++)p[f]!=="default"&&l(c,u,p[f]);return o(c,u),c}})();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=n(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=_("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const a={childrenGap:40},i=()=>{const[m,u]=(0,t.useState)(""),c=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(g,y)=>{u(y?g:"")};return t.default.createElement(s.Stack,{tokens:a,style:{width:300}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(r.UIToggleGroup,{options:c,label:"Test",ariaLabel:"test",onChange:b.bind(this)}),t.default.createElement("span",null,"selection: ",m)),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(r.UIToggleGroup,{options:c,label:"Test",required:!0})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(r.UIToggleGroup,{options:c,label:"Test",selectedKey:"medium"})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(r.UIToggleGroup,{options:p,label:"Test"})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(r.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();

package/storybook/UITooltip-story.7acbb0e3.iframe.bundle.js

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

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.0b8746a5.iframe.bundle.js';
+      import './runtime~main.28ae8df4.iframe.bundle.js';
       
-      import './714.f5db87a6.iframe.bundle.js';
+      import './714.895a9298.iframe.bundle.js';
       
-      import './main.9efacc41.iframe.bundle.js';</script></body></html>
+      import './main.7fee29d0.iframe.bundle.js';</script></body></html>