@sap-ux/ui-components 2.2.5 → 3.0.0

package/storybook/UILabel-story.2b41f5bb.iframe.bundle.js

@@ -0,0 +1,6 @@
+"use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var b=(s,e,t)=>e in s?p(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,d=(s,e)=>{for(var t in e||(e={}))L.call(e,t)&&b(s,t,e[t]);if(_)for(var t of _(e))y.call(e,t)&&b(s,t,e[t]);return s},f=(s,e)=>m(s,I(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(s,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};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")),o=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"),r=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class a extends c.default.Component{constructor(l){super(l)}render(){const l=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(o.Label,f(d({},this.props),{styles:l}))}}e.UILabel=a,a.__docgenInfo={description:`UILabel component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
+
+@exports
+@class UILabel
+@extends {React.Component<ILabelProps, {}>}`,methods:[],displayName:"UILabel"}},"./src/components/UILabel/index.tsx"(s,e,t){var u=this&&this.__createBinding||(Object.create?(function(o,r,a,n){n===void 0&&(n=a);var l=Object.getOwnPropertyDescriptor(r,a);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(o,n,l)}):(function(o,r,a,n){n===void 0&&(n=a),o[n]=r[a]})),c=this&&this.__exportStar||function(o,r){for(var a in o)a!=="default"&&!Object.prototype.hasOwnProperty.call(r,a)&&u(r,o,a)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(s,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(s,e,t){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};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")),o=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"),r=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const a={childrenGap:40},n=()=>c.default.createElement(o.Stack,{tokens:a,style:{width:300}},c.default.createElement(o.Stack,{tokens:{childrenGap:16}},c.default.createElement(o.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(r.UILabel,null,"Just a label")),c.default.createElement(o.Stack,{tokens:{childrenGap:16}},c.default.createElement(o.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(r.UILabel,{required:!0},"Just a label")));e.defaultUsage=n}}]);})();

package/storybook/UILink-story.897bde29.iframe.bundle.js

@@ -0,0 +1,12 @@
+"use strict";(()=>{var g=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,r,s)=>r in f?g(f,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):f[r]=s,_=(f,r)=>{for(var s in r||(r={}))I.call(r,s)&&y(f,s,r[s]);if(k)for(var s of k(r))S.call(r,s)&&y(f,s,r[s]);return f},v=(f,r)=>x(f,C(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(f){f.exports=function(r){var s=[];return s.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=r(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},s.i=function(a,o,e,t,i){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var m=this[c][0];m!=null&&(l[m]=!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),o&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=o),t&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=t):n[4]="".concat(t)),s.push(n))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(f){f.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(f){var r=[];function s(o){for(var e=-1,t=0;t<r.length;t++)if(r[t].identifier===o){e=t;break}return e}function u(o,e){for(var t={},i=[],l=0;l<o.length;l++){var c=o[l],m=e.base?c[0]+e.base:c[0],d=t[m]||0,n="".concat(m," ").concat(d);t[m]=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)r[p].references++,r[p].updater(h);else{var b=a(h,e);e.byIndex=l,r.splice(l,0,{identifier:n,updater:b,references:1})}i.push(n)}return i}function a(o,e){var t=e.domAPI(e);t.update(o);var i=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;t.update(o=c)}else t.remove()};return i}f.exports=function(o,e){e=e||{},o=o||[];var t=u(o,e);return function(l){l=l||[];for(var c=0;c<t.length;c++){var m=t[c],d=s(m);r[d].references--}for(var n=u(l,e),p=0;p<t.length;p++){var h=t[p],b=s(h);r[b].references===0&&(r[b].updater(),r.splice(b,1))}t=n}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(f){var r={};function s(a){if(typeof r[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}r[a]=o}return r[a]}function u(a,o){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(o)}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(f){function r(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}f.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(f,r,s){function u(a){var o=s.nc;o&&a.setAttribute("nonce",o)}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(f){function r(a,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var i=typeof e.layer!="undefined";i&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,i&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(t,a,o.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 o=a.insertStyleElement(a);return{update:function(t){r(o,a,t)},remove:function(){s(o)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(f){function r(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}f.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(f,r,s){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const a=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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"),t=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=(m,d)=>({root:[!d.disabled&&[!d.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.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,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.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)"},[o.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"}}},m.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.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:t.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),m=a.default.createElement(o.Checkbox,v(_({},this.props),{styles:d=>_(_({},this.setStyle(c,d)),this.props.styles)}));return c.message?a.default.createElement(e.MessageWrapper,{message:c},m):m}}r.UICheckbox=i,i.__docgenInfo={description:`UICheckbox component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
+
+@exports
+@class UICheckbox
+@extends {React.Component<ICheckboxProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"messageInfo",optional:!1,type:{name:"InputValidationMessageInfo",alias:"InputValidationMessageInfo"}},{name:"props",optional:!1,type:{name:"ICheckboxStyleProps",alias:"ICheckboxStyleProps"}}],returns:{type:{name:"ICheckboxStyles"}}}],displayName:"UICheckbox",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},CheckboxMinWidth:{required:!1,tsType:{name:"number"},description:""}},composes:["ICheckboxProps"]}},"./src/components/UICheckbox/index.tsx"(f,r,s){var u=this&&this.__createBinding||(Object.create?(function(o,e,t,i){i===void 0&&(i=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,i,l)}):(function(o,e,t,i){i===void 0&&(i=t),o[i]=e[t]})),a=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,o,t)};Object.defineProperty(r,"__esModule",{value:!0}),a(s("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./src/components/UILink/UILink.tsx"(f,r,s){var u=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(r,"__esModule",{value:!0}),r.UILink=void 0;const a=u(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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 t extends a.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:m}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:m?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:m?.4:void 0}});return a.default.createElement(o.Link,v(_({},this.props),{styles:n}))}}r.UILink=t,t.__docgenInfo={description:`UILink component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/link
+
+@exports
+@class UILink
+@extends {React.Component<UILinkProps, {}>}`,methods:[],displayName:"UILink",props:{secondary:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ILinkProps"]}},"./src/components/UILink/index.tsx"(f,r,s){var u=this&&this.__createBinding||(Object.create?(function(o,e,t,i){i===void 0&&(i=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(o,i,l)}):(function(o,e,t,i){i===void 0&&(i=t),o[i]=e[t]})),a=this&&this.__exportStar||function(o,e){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&u(e,o,t)};Object.defineProperty(r,"__esModule",{value:!0}),a(s("./src/components/UILink/UILink.tsx"),r)},"./stories/UILink.story.tsx"(f,r,s){var u=this&&this.__createBinding||(Object.create?(function(d,n,p,h){h===void 0&&(h=p);var b=Object.getOwnPropertyDescriptor(n,p);(!b||("get"in b?!n.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,b)}):(function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]})),a=this&&this.__setModuleDefault||(Object.create?(function(d,n){Object.defineProperty(d,"default",{enumerable:!0,value:n})}):function(d,n){d.default=n}),o=this&&this.__importStar||(function(){var d=function(n){return d=Object.getOwnPropertyNames||function(p){var h=[];for(var b in p)Object.prototype.hasOwnProperty.call(p,b)&&(h[h.length]=b);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),b=0;b<h.length;b++)h[b]!=="default"&&u(p,n,h[b]);return a(p,n),p}})();Object.defineProperty(r,"__esModule",{value:!0}),r.defaultUsage=void 0;const e=o(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"),i=s("./src/components/UILink/index.tsx"),l=s("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Link"};const c={childrenGap:40},m=()=>{const[d,n]=(0,e.useState)(!1);return e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Stack,{horizontal:!0,tokens:c},e.default.createElement(l.UICheckbox,{label:"Disabled",checked:d,onChange:(p,h)=>{n(!!h)}}))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),e.default.createElement(t.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(t.Stack,{tokens:c},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),e.default.createElement(t.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(t.Stack,{tokens:c},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),e.default.createElement(t.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:d},"I am a secondary link"))))};r.defaultUsage=m}}]);})();

package/storybook/UILoader-story.6877c237.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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(m,a,s){var d=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=l(d);t.push([m.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)}",""]),m.exports=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(m){"use strict";m.exports=function(a){var s=[];return s.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},s.i=function(l,t,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 r=[].concat(l[w]);e&&u[r[0]]||(typeof c!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=c),t&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=t),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(m){"use strict";m.exports=function(a){return a[1]}},"./src/styles/_shadows.scss"(m,a,s){"use strict";s.r(a),s.d(a,{default:()=>p});var d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),t=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(t),_=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),u=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),n=s.n(u),i=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=s.n(i),r=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=s.n(r),v=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(v),y={};for(const f in v)f!=="default"&&(y[f]=()=>v[f]);s.d(a,y);var o={};o.styleTagTransform=b(),o.setAttributes=n(),o.insert=c().bind(null,"head"),o.domAPI=e(),o.insertStyleElement=w();var h=l()(E(),o);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(m){"use strict";var a=[];function s(t){for(var e=-1,_=0;_<a.length;_++)if(a[_].identifier===t){e=_;break}return e}function d(t,e){for(var _={},c=[],u=0;u<t.length;u++){var n=t[u],i=e.base?n[0]+e.base:n[0],w=_[i]||0,r="".concat(i," ").concat(w);_[i]=w+1;var b=s(r),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:r,updater:E,references:1})}c.push(r)}return c}function l(t,e){var _=e.domAPI(e);_.update(t);var c=function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;_.update(t=n)}else _.remove()};return c}m.exports=function(t,e){e=e||{},t=t||[];var _=d(t,e);return function(u){u=u||[];for(var n=0;n<_.length;n++){var i=_[n],w=s(i);a[w].references--}for(var r=d(u,e),b=0;b<_.length;b++){var v=_[b],E=s(v);a[E].references===0&&(a[E].updater(),a.splice(E,1))}_=r}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(m){"use strict";var a={};function s(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=s(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(t)}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(m){"use strict";function a(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}m.exports=a},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(m,a,s){"use strict";function d(l){var t=s.nc;t&&l.setAttribute("nonce",t)}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(m){"use strict";function a(l,t,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))))," */")),t.styleTagTransform(_,l,t.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(m){"use strict";function a(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}m.exports=a},"./stories/UILoader.story.tsx"(m,a,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(y,o,h,p){p===void 0&&(p=h);var f=Object.getOwnPropertyDescriptor(o,h);(!f||("get"in f?!o.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return o[h]}}),Object.defineProperty(y,p,f)}):(function(y,o,h,p){p===void 0&&(p=h),y[p]=o[h]})),l=this&&this.__setModuleDefault||(Object.create?(function(y,o){Object.defineProperty(y,"default",{enumerable:!0,value:o})}):function(y,o){y.default=o}),t=this&&this.__importStar||(function(){var y=function(o){return y=Object.getOwnPropertyNames||function(h){var p=[];for(var f in h)Object.prototype.hasOwnProperty.call(h,f)&&(p[p.length]=f);return p},y(o)};return function(o){if(o&&o.__esModule)return o;var h={};if(o!=null)for(var p=y(o),f=0;f<p.length;f++)p[f]!=="default"&&d(h,o,p[f]);return l(h,o),h}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialogs=a.Delayed=a.Loaders=void 0;const e=t(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"),c=s("./src/components/UILoader/index.tsx"),u=s("./src/components/UIButton/index.tsx"),n=s("./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 r=()=>{const[y,o]=(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:()=>{o(!y)}}))))};a.Delayed=r;const b=`
+    .popup--busy .ms-Dialog-content {
+        position: static;
+    }
+`,v=y=>{const{delayed:o,text:h}=y,[p,f]=(0,e.useState)(!1),[g,D]=(0,e.useState)(!1),S=()=>{f(!p)},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:p,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:o})))},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.a1969ce1.iframe.bundle.js

@@ -0,0 +1,9 @@
+"use strict";(()=>{var _=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(c,e,s)=>e in c?_(c,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[e]=s,l=(c,e)=>{for(var s in e||(e={}))B.call(e,s)&&g(c,s,e[s]);if(d)for(var s of d(e))I.call(e,s)&&g(c,s,e[s]);return c},f=(c,e)=>y(c,M(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[733],{"./src/components/UIMessageBar/UIMessageBar.tsx"(c,e,s){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIMessageBar=e.UIMessageBarType=void 0;const i=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");Object.defineProperty(e,"UIMessageBarType",{enumerable:!0,get:function(){return t.MessageBarType}});const r=s("./src/components/Icons.tsx");class n extends i.default.Component{constructor(a){super(a),this.setStyle=m=>{const{messageBarType:p}=m;return{root:l({},(p===t.MessageBarType.error||p===t.MessageBarType.success||p===t.MessageBarType.info||p===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 i.default.createElement(t.MessageBar,f(l({},this.props),{messageBarIconProps:{iconName:a},styles:this.setStyle(this.props)}),this.props.children)}}e.UIMessageBar=n,n.__docgenInfo={description:`UIMessageBar component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/MessageBar
+
+@exports
+@class UIMessageBar
+@extends {React.Component<IMessageBarProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"IMessageBarProps",alias:"IMessageBarProps"}}],returns:{type:{name:"IMessageBarStyles"}}},{name:"getMessageTypeIcon",docblock:`Returns the corresponding UI icon for the given message type.
+
+@param {MessageBarType} [type] - The type of the message (optional).
+@returns {UiIcons} The UI icon that corresponds to the given message type.`,modifiers:[],params:[{name:"type",optional:!0,type:{name:"MessageBarType",alias:"MessageBarType"}}],returns:null,description:"Returns the corresponding UI icon for the given message type."}],displayName:"UIMessageBar"}},"./src/components/UIMessageBar/index.tsx"(c,e,s){var u=this&&this.__createBinding||(Object.create?(function(t,r,n,o){o===void 0&&(o=n);var a=Object.getOwnPropertyDescriptor(r,n);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(t,o,a)}):(function(t,r,n,o){o===void 0&&(o=n),t[o]=r[n]})),i=this&&this.__exportStar||function(t,r){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&u(r,t,n)};Object.defineProperty(e,"__esModule",{value:!0}),i(s("./src/components/UIMessageBar/UIMessageBar.tsx"),e)},"./stories/UIMessageBar.story.tsx"(c,e,s){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const i=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"),r=s("./src/components/UIMessageBar/index.tsx");e.default={title:"Utilities/MessageBar"};const n={childrenGap:40},o=()=>i.default.createElement(t.Stack,{tokens:n},i.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.success},i.default.createElement("div",null,"Success message bar")),i.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.error},i.default.createElement("div",null,"Error message bar")));e.defaultUsage=o}}]);})();

package/storybook/UIPersona-story.08b5d980.iframe.bundle.js

@@ -0,0 +1,6 @@
+"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,n)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):r[t]=n,p=(r,t)=>{for(var n in t||(t={}))U.call(t,n)&&u(r,n,t[n]);if(f)for(var n of f(t))b.call(t,n)&&u(r,n,t[n]);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,n){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 a=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return o.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return o.PersonaPresence}});class e extends a.default.Component{constructor(c){super(c),this.personaStyles=i=>({root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return a.default.createElement(o.Persona,d(p({},this.props),{styles:this.personaStyles}))}}t.UIPersona=e,e.__docgenInfo={description:`UIPersona component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/persona
+
+@exports
+@class UIPersona
+@extends {React.Component<IPersonaProps, {}>}`,methods:[],displayName:"UIPersona"}},"./src/components/UIPersona/index.tsx"(r,t,n){var l=this&&this.__createBinding||(Object.create?(function(o,e,s,c){c===void 0&&(c=s);var i=Object.getOwnPropertyDescriptor(e,s);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,c,i)}):(function(o,e,s,c){c===void 0&&(c=s),o[c]=e[s]})),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,o,s)};Object.defineProperty(t,"__esModule",{value:!0}),a(n("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx"(r,t,n){var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const a=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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"),e=n("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const s={childrenGap:40},c=()=>a.default.createElement(o.Stack,{tokens:s},a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),a.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),a.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),a.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/UISeparator-story.467cd4de.iframe.bundle.js

@@ -0,0 +1,6 @@
+"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=(c,e,a)=>e in c?_(c,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[e]=a,p=(c,e)=>{for(var a in e||(e={}))S.call(e,a)&&i(c,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(c,a,e[a]);return c},f=(c,e)=>m(c,b(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(c,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=s=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},s.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,n.__docgenInfo={description:`UISeparator component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/separator
+
+@exports
+@class UISeparator
+@extends {React.Component<ISeparatorProps, {}>}`,methods:[],displayName:"UISeparator"}},"./src/components/UISeparator/index.tsx"(c,e,a){var u=this&&this.__createBinding||(Object.create?(function(o,n,t,l){l===void 0&&(l=t);var s=Object.getOwnPropertyDescriptor(n,t);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,s)}):(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"(c,e,a){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};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.ef38cfd0.iframe.bundle.js

@@ -0,0 +1,4 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./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}`}))},"./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}}]);})();

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

@@ -0,0 +1,7 @@
+"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var k=(d,r,l)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,m=(d,r)=>{for(var l in r||(r={}))S.call(r,l)&&k(d,l,r[l]);if(y)for(var l of y(r))T.call(r,l)&&k(d,l,r[l]);return d},h=(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(r){var l=[];return l.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("")},l.i=function(e,t,a,n,u){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 u!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=u),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),n&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=n):o[4]="".concat(n)),l.push(o))}},l}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var r=[];function l(t){for(var a=-1,n=0;n<r.length;n++)if(r[n].identifier===t){a=n;break}return a}function i(t,a){for(var n={},u=[],s=0;s<t.length;s++){var c=t[s],p=a.base?c[0]+a.base:c[0],f=n[p]||0,o="".concat(p," ").concat(f);n[p]=f+1;var b=l(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})}u.push(o)}return u}function e(t,a){var n=a.domAPI(a);n.update(t);var u=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;n.update(t=c)}else n.remove()};return u}d.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(s){s=s||[];for(var c=0;c<n.length;c++){var p=n[c],f=l(p);r[f].references--}for(var o=i(s,a),b=0;b<n.length;b++){var v=n[b],g=l(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}n=o}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var r={};function l(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 i(e,t){var a=l(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=i},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}d.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,r,l){function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}d.exports=i},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var u=typeof a.layer!="undefined";u&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,u&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var s=a.sourceMap;s&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(n,e,t.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function i(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){r(t,e,n)},remove:function(){l(t)}}}d.exports=i},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function r(l,i){if(i.styleSheet)i.styleSheet.cssText=l;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(l))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(d,r,l){var i=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=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"),a=l("./src/helper/ValidationMessage/index.tsx"),n=l("./src/components/UIInput/index.tsx");class u 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:n.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,h(m({},this.props),{styles:f=>m(m({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},p):p}}r.UICheckbox=u,u.__docgenInfo={description:`UICheckbox component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/checkbox
+
+@exports
+@class UICheckbox
+@extends {React.Component<ICheckboxProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"messageInfo",optional:!1,type:{name:"InputValidationMessageInfo",alias:"InputValidationMessageInfo"}},{name:"props",optional:!1,type:{name:"ICheckboxStyleProps",alias:"ICheckboxStyleProps"}}],returns:{type:{name:"ICheckboxStyles"}}}],displayName:"UICheckbox",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},CheckboxMinWidth:{required:!1,tsType:{name:"number"},description:""}},composes:["ICheckboxProps"]}},"./src/components/UICheckbox/index.tsx"(d,r,l){var i=this&&this.__createBinding||(Object.create?(function(t,a,n,u){u===void 0&&(u=n);var s=Object.getOwnPropertyDescriptor(a,n);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[n]}}),Object.defineProperty(t,u,s)}):(function(t,a,n,u){u===void 0&&(u=n),t[u]=a[n]})),e=this&&this.__exportStar||function(t,a){for(var n in t)n!=="default"&&!Object.prototype.hasOwnProperty.call(a,n)&&i(a,t,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(l("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx"(d,r,l){var i=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=i(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=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"),a=l("./src/components/UIInput/index.tsx"),n=l("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const u={childrenGap:40},s={iconName:"FolderOpened"},c=()=>e.default.createElement(t.Stack,{tokens:u,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:u},e.default.createElement(n.UICheckbox,{label:"Multi Line",checked:o,onChange:(I,x)=>{b(x)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:u},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,h(m({},_),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,h(m({},_),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,h(m({},_),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,h(m({},_),{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,h(m({},_),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,h(m({},_),{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,h(m({},_),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,h(m({},_),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const f=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:u,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.87ab3155.iframe.bundle.js

@@ -0,0 +1,22 @@
+(()=>{var P=Object.defineProperty,O=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var C=(i,r,s)=>r in i?P(i,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[r]=s,y=(i,r)=>{for(var s in r||(r={}))j.call(r,s)&&C(i,s,r[s]);if(S)for(var s of S(r))A.call(r,s)&&C(i,s,r[s]);return i},I=(i,r)=>O(i,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"(i,r,s){var d=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=e(d);t.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"(i,r,s){var d=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=e(d);t.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=t},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(i){"use strict";i.exports=function(r){var s=[];return s.toString=function(){return this.map(function(e){var t="",_=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),_&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),_&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},s.i=function(e,t,_,o,a){typeof e=="string"&&(e=[[null,e,void 0]]);var n={};if(_)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(n[p]=!0)}for(var b=0;b<e.length;b++){var l=[].concat(e[b]);_&&n[l[0]]||(typeof a!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),t&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=t),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),s.push(l))}},s}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(i){"use strict";i.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss"(i,r,s){"use strict";s.r(r),s.d(r,{default:()=>m});var d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=s.n(d),t=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=s.n(t),o=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=s.n(o),n=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(n),p=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=s.n(p),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=s.n(l),v=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=s.n(v),h={};for(const w in v)w!=="default"&&(h[w]=()=>v[w]);s.d(r,h);var f={};f.styleTagTransform=u(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=_(),f.insertStyleElement=b();var E=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss"(i,r,s){"use strict";s.r(r),s.d(r,{default:()=>m});var d=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=s.n(d),t=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),_=s.n(t),o=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=s.n(o),n=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(n),p=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=s.n(p),l=s("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),u=s.n(l),v=s("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=s.n(v),h={};for(const w in v)w!=="default"&&(h[w]=()=>v[w]);s.d(r,h);var f={};f.styleTagTransform=u(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=_(),f.insertStyleElement=b();var E=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var r=[];function s(t){for(var _=-1,o=0;o<r.length;o++)if(r[o].identifier===t){_=o;break}return _}function d(t,_){for(var o={},a=[],n=0;n<t.length;n++){var c=t[n],p=_.base?c[0]+_.base:c[0],b=o[p]||0,l="".concat(p," ").concat(b);o[p]=b+1;var u=s(l),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(u!==-1)r[u].references++,r[u].updater(v);else{var g=e(v,_);_.byIndex=n,r.splice(n,0,{identifier:l,updater:g,references:1})}a.push(l)}return a}function e(t,_){var o=_.domAPI(_);o.update(t);var a=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;o.update(t=c)}else o.remove()};return a}i.exports=function(t,_){_=_||{},t=t||[];var o=d(t,_);return function(n){n=n||[];for(var c=0;c<o.length;c++){var p=o[c],b=s(p);r[b].references--}for(var l=d(n,_),u=0;u<o.length;u++){var v=o[u],g=s(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}o=l}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(i){"use strict";var r={};function s(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(_){t=null}r[e]=t}return r[e]}function d(e,t){var _=s(e);if(!_)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");_.appendChild(t)}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(i){"use strict";function r(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}i.exports=r},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(i,r,s){"use strict";function d(e){var t=s.nc;t&&e.setAttribute("nonce",t)}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(i){"use strict";function r(e,t,_){var o="";_.supports&&(o+="@supports (".concat(_.supports,") {")),_.media&&(o+="@media ".concat(_.media," {"));var a=typeof _.layer!="undefined";a&&(o+="@layer".concat(_.layer.length>0?" ".concat(_.layer):""," {")),o+=_.css,a&&(o+="}"),_.media&&(o+="}"),_.supports&&(o+="}");var n=_.sourceMap;n&&typeof btoa!="undefined"&&(o+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),t.styleTagTransform(o,e,t.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 t=e.insertStyleElement(e);return{update:function(o){r(t,e,o)},remove:function(){s(t)}}}i.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(i){"use strict";function r(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}i.exports=r},"./src/components/UIIcon/UIIcon.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=d(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");s("./src/components/UIIcon/UIIcon.scss");class _ extends e.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return e.default.createElement(t.Icon,I(y({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}r.UIIcon=_,_.__docgenInfo={description:`UIIcon component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIIcon
+@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(i,r,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(t,_,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(_,o);(!n||("get"in n?!_.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(t,a,n)}):(function(t,_,o,a){a===void 0&&(a=o),t[a]=_[o]})),e=this&&this.__exportStar||function(t,_){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&d(_,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=d(s("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/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"),o=s("./src/helper/ValidationMessage/index.tsx"),a=s("./src/components/UIIcon/index.tsx"),n=s("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b={display:"flex"},l=.4,u={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(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var E,m;this.replaceThumbWithIcon(f),(m=(E=this.props).onChange)==null||m.call(E,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const E=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");E&&t.default.render(e.default.createElement(a.UIIcon,{iconName:h?n.UiIcons.SwitchOn:n.UiIcons.SwitchOff,style:b}),E)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor},":hover":{background:u.pill.checked.hover.background,borderColor:u.pill.checked.hover.borderColor},":disabled":{background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,opacity:l}},!M.checked&&{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.unchecked.hover.background,borderColor:u.thumb.unchecked.hover.borderColor},":hover":{background:u.pill.unchecked.hover.background,borderColor:u.pill.unchecked.hover.borderColor},":disabled":{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:u.pill.focus.outline}}}),thumb:I(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:u.thumb.checked.borderColor,backgroundColor:u.thumb.checked.background,":hover":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:u.thumb.unchecked.borderColor,backgroundColor:u.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(_.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v,v.__docgenInfo={description:`UIToggle component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
+
+@exports
+@class UIToggle
+@extends {React.Component<IToggleProps, {}>}`,methods:[{name:"handleChange",docblock:`Handles the change event triggered by the user interaction.
+
+@param {React.MouseEvent<HTMLElement>} event - The mouse event object associated with the interaction.
+@param {boolean} [checked] - An optional parameter indicating the current state of the interaction.
+@returns {void} This method does not return a value.`,modifiers:[],params:[{name:"event",description:"The mouse event object associated with the interaction.",type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLElement>",elements:[{name:"HTMLElement"}],alias:"React.MouseEvent"},optional:!1},{name:"checked",optional:!0,type:{name:"boolean"}}],returns:null,description:"Handles the change event triggered by the user interaction."},{name:"replaceThumbWithIcon",docblock:"Replaces the thumb element of a toggle switch with an icon based on the toggle's state.\n\n@param {boolean} [checked] Optional. Represents the state of the toggle switch. If not provided, it checks `defaultChecked` prop or defaults to `false`.\n@returns {void} Does not return a value.",modifiers:[],params:[{name:"checked",optional:!0}],returns:{type:{name:"void"}},description:"Replaces the thumb element of a toggle switch with an icon based on the toggle's state."},{name:"getMarginBottom",docblock:`Method returns size of margin bottom for root container depending on current props state.
+
+@param {string} [message] Validation message.
+@returns {number | undefined} Value for margin bottom.`,modifiers:[],params:[{name:"message",optional:!0,type:{name:"string"}}],returns:{type:{name:"union",raw:"number | undefined",elements:[{name:"number"},{name:"undefined"}]}},description:"Method returns size of margin bottom for root container depending on current props state."}],displayName:"UIToggle",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},errorMessage:{required:!1,tsType:{name:"string"},description:""},inlineLabelLeft:{required:!1,tsType:{name:"boolean"},description:""},labelFlexGrow:{required:!1,tsType:{name:"boolean"},description:""},size:{required:!1,tsType:{name:"UIToggleSize"},description:""}},composes:["IToggleProps"]}},"./src/components/UIToggle/index.tsx"(i,r,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(t,_,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(_,o);(!n||("get"in n?!_.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(t,a,n)}):(function(t,_,o,a){a===void 0&&(a=o),t[a]=_[o]})),e=this&&this.__exportStar||function(t,_){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&d(_,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=a;const e=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("./src/helper/ValidationMessage/utils.ts"),_=s("./src/components/Icons.tsx"),o=s("./src/components/UIIcon/index.tsx");s("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,_.UiIcons.Error],[t.ErrorMessageType.Error,_.UiIcons.Error],[t.ErrorMessageType.Warning,_.UiIcons.Warning],[t.ErrorMessageType.Info,_.UiIcons.Info]]);function a(n){const{children:c,message:p}=n,b=p.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,l=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${b}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(o.UIIcon,{iconName:l}),e.default.createElement("span",null,p.message)))}a.__docgenInfo={description:`Method return MessageWrapper react element.
+
+@param props
+@returns {React.ReactElement}`,methods:[],displayName:"MessageWrapper"}},"./src/helper/ValidationMessage/index.tsx"(i,r,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(t,_,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(_,o);(!n||("get"in n?!_.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(t,a,n)}):(function(t,_,o,a){a===void 0&&(a=o),t[a]=_[o]})),e=this&&this.__exportStar||function(t,_){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&d(_,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(s("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts"(i,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var s;(function(n){n.Error="Error",n.Warning="Warning",n.Info="Info"})(s||(r.ErrorMessageType=s={}));const d=(n,c)=>{const p=`1px solid ${c}`;return{backgroundColor:n,borderLeft:p,borderRight:p,borderBottom:p,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)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[s.Error,"error"],[s.Warning,"warning"],[s.Info,"info"]]);const t=n=>{let c;switch(n){case s.Warning:{c=e.warning;break}case s.Info:{c=e.info;break}default:{c=e.error;break}}return c},_=n=>{if(n){if(n.errorMessage)return s.Error;if(n.warningMessage)return s.Warning;if(n.infoMessage)return s.Info}return s.Error},o=n=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(n!=null&&n[p])return n[p]},a=n=>{const c=_(n);return{type:c,style:t(c),message:o(n)}};r.getMessageInfo=a},"./stories/UIToggle.story.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=d(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"),_=s("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},a=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(_.UIToggle,null)),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(_.UIToggle,{defaultChecked:!0})));r.defaultUsage=a;const n=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(_.UIToggle,{disabled:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(_.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=n;const c=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(_.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(_.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(_.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(t.Stack,{tokens:o,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium"},"small size"),e.default.createElement(_.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:_.UIToggleSize.Small})));r.smallSize=p;const b=()=>{const l="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(_.UIToggle,{label:"Error",errorMessage:l}),e.default.createElement(_.UIToggle,{label:"Warning",warningMessage:l}),e.default.createElement(_.UIToggle,{label:"Info",infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(_.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:l}),e.default.createElement(_.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:l,labelFlexGrow:!0}),e.default.createElement(_.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(_.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:l}),e.default.createElement(_.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:l}),e.default.createElement(_.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:l})))};r.withMessages=b}}]);})();

package/storybook/UIToggleGroup-story.e3ff6d80.iframe.bundle.js

@@ -0,0 +1,12 @@
+(()=>{var O=Object.defineProperty,T=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?O(d,e,{enumerable:!0,configurable:!0,writable:!0,value:_}):d[e]=_,h=(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},v=(d,e)=>T(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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 f=this[i][0];f!=null&&(a[f]=!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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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:()=>P});var l=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=_.n(l),n=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=_.n(n),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=_.n(s),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=_.n(a),f=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=_.n(f),c=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=_.n(c),m=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=_.n(m),I={};for(const g in m)g!=="default"&&(I[g]=()=>m[g]);_.d(e,I);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 P=b()&&b().locals?b().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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],f=t.base?i[0]+t.base:i[0],u=s[f]||0,c="".concat(f," ").concat(u);s[f]=u+1;var p=_(c),m={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(m);else{var b=o(m,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 f=s[i],u=_(f);e[u].references--}for(var c=l(a,t),p=0;p<s.length;p++){var m=s[p],b=_(m);e[b].references===0&&(e[b].updater(),e.splice(b,1))}s=c}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/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,v(h({},this.props),{className:`ts-icon${r}`,styles:this.setStyle()}))}}e.UIIcon=t,t.__docgenInfo={description:`UIIcon component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIIcon
+@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./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:[h({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,v(h({},this.props),{styles:a}))}}e.UILabel=s,s.__docgenInfo={description:`UILabel component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
+
+@exports
+@class UILabel
+@extends {React.Component<ILabelProps, {}>}`,methods:[],displayName:"UILabel"}},"./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(f,u,c,p){p===void 0&&(p=c);var m=Object.getOwnPropertyDescriptor(u,c);(!m||("get"in m?!u.__esModule:m.writable||m.configurable))&&(m={enumerable:!0,get:function(){return u[c]}}),Object.defineProperty(f,p,m)}):(function(f,u,c,p){p===void 0&&(p=c),f[p]=u[c]})),o=this&&this.__setModuleDefault||(Object.create?(function(f,u){Object.defineProperty(f,"default",{enumerable:!0,value:u})}):function(f,u){f.default=u}),n=this&&this.__importStar||(function(){var f=function(u){return f=Object.getOwnPropertyNames||function(c){var p=[];for(var m in c)Object.prototype.hasOwnProperty.call(c,m)&&(p[p.length]=m);return p},f(u)};return function(u){if(u&&u.__esModule)return u;var c={};if(u!=null)for(var p=f(u),m=0;m<p.length;m++)p[m]!=="default"&&l(c,u,p[m]);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[f,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"}],m=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(I,y)=>{u(y?I:"")};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: ",f)),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:m,label:"Test"})))};e.defaultUsage=i}}]);})();

package/storybook/UITooltip-story.529b65bb.iframe.bundle.js

@@ -0,0 +1,13 @@
+(()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var C=(c,s,n)=>s in c?E(c,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[s]=n,b=(c,s)=>{for(var n in s||(s={}))P.call(s,n)&&C(c,n,s[n]);if(v)for(var n of v(s))O.call(s,n)&&C(c,n,s[n]);return c},w=(c,s)=>I(c,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,s,n){var d=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=_(d);o.push([c.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(s){var n=[];return n.toString=function(){return this.map(function(_){var o="",t=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),t&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=s(_),t&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},n.i=function(_,o,t,e,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(t)for(var i=0;i<this.length;i++){var f=this[i][0];f!=null&&(l[f]=!0)}for(var u=0;u<_.length;u++){var a=[].concat(_[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)),n.push(a))}},n}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(c,s,n){"use strict";n.r(s),n.d(s,{default:()=>S});var d=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=n.n(d),o=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=n.n(o),e=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=n.n(e),l=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=n.n(l),f=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=n.n(f),a=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=n.n(a),h=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=n.n(h),T={};for(const g in h)g!=="default"&&(T[g]=()=>h[g]);n.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=_()(p(),y);const S=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var s=[];function n(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var i=o[l],f=t.base?i[0]+t.base:i[0],u=e[f]||0,a="".concat(f," ").concat(u);e[f]=u+1;var m=n(a),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)s[m].references++,s[m].updater(h);else{var p=_(h,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function _(o,t){var e=t.domAPI(t);e.update(o);var r=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;e.update(o=i)}else e.remove()};return r}c.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var i=0;i<e.length;i++){var f=e[i],u=n(f);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var h=e[m],p=n(h);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var s={};function n(_){if(typeof s[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[_]=o}return s[_]}function d(_,o){var t=n(_);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function s(n){var d=document.createElement("style");return n.setAttributes(d,n.attributes),n.insert(d,n.options),d}c.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,s,n){"use strict";function d(_){var o=n.nc;o&&_.setAttribute("nonce",o)}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function s(_,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,_,o.options)}function n(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function d(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(e){s(o,_,e)},remove:function(){n(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(n,d){if(d.styleSheet)d.styleSheet.cssText=n;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(n))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class _{constructor(t,e,r=n){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const f=window.innerHeight-n.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,h=a+l.rect.height;if(m<=0||h>=f)return;if(h+=r.rect.height,h<=f&&(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=_},"./src/components/UICallout/UICallout.tsx"(c,s,n){"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 _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:4};var e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=i;class f extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&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 _.default.createElement(o.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=f,f.__docgenInfo={description:`UICallout component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
+
+@exports
+@class UICallout
+@extends {React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(c,s,n){"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]})),_=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),_(n("./src/components/UICallout/CalloutCollisionTransform.ts"),s),_(n("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UITooltip/UITooltip.tsx"(c,s,n){"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 _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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");Object.defineProperty(s,"UITooltipDelay",{enumerable:!0,get:function(){return o.TooltipDelay}});const t=n("./src/components/UICallout/index.tsx");class e extends _.default.Component{constructor(l){super(l)}render(){var m;const l=(m=this.props.maxWidth)!=null?m:200,i=()=>b({root:{display:"inline-block"},content:{backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text}},this.props.styles),u={beakWidth:10,styles:()=>(0,t.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:l}}})},a=_.default.createElement(o.TooltipHost,w(b({},this.props),{styles:i,calloutProps:b(b({},u),this.props.calloutProps)}));return this.props.showOnFocus?a:_.default.createElement("div",{onFocusCapture:h=>{var p;(p=h.target.parentElement)!=null&&p.classList.contains("ms-TooltipHost")&&h.stopPropagation()}},a)}}s.UITooltip=e,e.__docgenInfo={description:`UITooltip component
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/tooltip
+it can be used like <UITooltip tooltipProps={TooltipUtils.renderContent(value.name)}>{value.name}</UITooltip>
+
+@exports
+@class UITooltip
+@extends {React.Component<UITooltipProps, {}>}`,methods:[],displayName:"UITooltip",props:{maxWidth:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},showOnFocus:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ITooltipHostProps"]}},"./src/components/UITooltip/UITooltipUtils.tsx"(c,s,n){"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 _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=d(n("../../node_modules/.pnpm/sanitize-html@2.17.4/node_modules/sanitize-html/index.js")),t=n("./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:()=>_.default.createElement("span",null,l!=null?l:""),styles:e.getStyles()}}static renderHTMLContent(l){const i=(0,o.default)(l);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:i}}),styles:e.getStyles()}}}s.UITooltipUtils=e},"./src/components/UITooltip/index.tsx"(c,s,n){"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]})),_=this&&this.__exportStar||function(o,t){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&d(t,o,e)};Object.defineProperty(s,"__esModule",{value:!0}),_(n("./src/components/UITooltip/UITooltip.tsx"),s),_(n("./src/components/UITooltip/UITooltipUtils.tsx"),s)},"./stories/UITooltip.story.tsx"(c,s,n){"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 _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=n("./src/components/UITooltip/index.tsx"),t=n("./src/components/UIButton/index.tsx");s.default={title:"Dropdowns/Tooltip"};const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderContent(e.name)},e.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(o.UITooltip,{tooltipProps:o.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(o.UITooltip,{content:"This is the tooltip"},_.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(o.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(t.UIDefaultButton,null,"Show tooltip on hover and on focus"))));s.Tooltips=r},"?7fe3"(){},"?3c7c"(){},"?4367"(){},"?2a84"(){},"?cecd"(){}}]);})();

package/storybook/UITreedropdown-story.60f2fd3a.iframe.bundle.js

@@ -0,0 +1,6 @@
+"use strict";(()=>{var I=Object.defineProperty,y=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var g=(r,t,l)=>t in r?I(r,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[t]=l,d=(r,t)=>{for(var l in t||(t={}))B.call(t,l)&&g(r,l,t[l]);if(T)for(var l of T(t))C.call(t,l)&&g(r,l,t[l]);return r},s=(r,t)=>y(r,E(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[994],{"./src/components/UIButton/UIIconButton.tsx"(r,t,l){var v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIconButton=t.UIIconButtonSizes=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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"),a=l("./src/components/UIContextualMenu/index.tsx");var i;(function(c){c.Default="Default",c.Wide="Wide"})(i||(t.UIIconButtonSizes=i={}));class _ extends e.default.Component{constructor(h){super(h),this.setStyle=n=>{var o;const u=((o=n.sizeType)!=null?o:i.Default)===i.Default?16:26;return{root:{minWidth:"initial",height:16,width:u,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:u},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:u},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:u,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(h){return`var(${h}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(b.IconButton,s(d({},this.props),{styles:this.setStyle(this.props),menuAs:a.UIContextualMenu}))}}t.UIIconButton=_,_.__docgenInfo={description:`UIIconButton component.
+based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
+
+@exports
+@class UIIconButton
+@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./stories/UITreedropdown.story.tsx"(r,t,l){var v=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.accessibilityStates=t.Message=t.Basic=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=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"),a=l("./src/components/UITreeDropdown/index.tsx");t.default={title:"Dropdowns/TreeDropdown"};const i=[{value:"__OperationControl",label:"__OperationControl",children:[{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]}]},{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"DraftAdministrativeData",label:"DraftAdministrativeData",children:[{value:"SAP__Other",label:"SAP__Other",children:[]}]},{value:"_Artist",label:"_Artist",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title1",label:"_Title1",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]},{value:"_Title4",label:"_Title4",children:[]},{value:"_Title5",label:"_Title5",children:[]},{value:"_Title6",label:"_Title6",children:[]},{value:"_Title7",label:"_Title7",children:[]},{value:"_Title8",label:"_Title8",children:[]},{value:"_Title9",label:"_Title9",children:[]}],_=()=>{const[n,m]=e.default.useState(0),[u,o]=e.default.useState(""),p=f=>{m(n+1),o(f)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(a.UITreeDropdown,{value:u,label:`Label(value changed ${n} times)`,placeholderText:"Select value",items:i,onParameterValueChange:p,maxWidth:300}))};t.Basic=_;const c=()=>{const[n,m]=e.default.useState(""),u=o=>m(o);return e.default.createElement("div",{style:{width:300}},e.default.createElement(a.UITreeDropdown,{value:n,label:"Label",placeholderText:"Select value",items:i,onParameterValueChange:u,maxWidth:300,errorMessage:"Dummy error"}))};t.Message=c;const h=()=>{const[n,m]=e.default.useState("_Title1"),u={childrenGap:40},o={placeholderText:"Select value",items:i,maxWidth:300,onParameterValueChange:f=>console.log(f)},p=s(d({},o),{onParameterValueChange:f=>m(f)});return e.default.createElement("div",null,e.default.createElement(b.Stack,{horizontal:!0,tokens:u},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.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},p),{value:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},p),{errorMessage:"Dummy error",value:n})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},p),{value:n,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITreeDropdown,s(d({},p),{value:n,readOnly:!0})))))))};t.accessibilityStates=h}}]);})();

package/storybook/favicon-wrapper.svg

@@ -0,0 +1,46 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <mask id="active-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M25,15.3 C26.8630998,15.3 28.7261995,16.2284418 29.795607,18.0853254 L29.795607,18.0853254 L34.7484772,26.6853254 C35.2679728,27.5873604 35.5068948,28.5446245 35.509009,29.4780654 C35.5112408,30.4762222 35.243212,31.4466974 34.7610935,32.2926531 C34.2789749,33.1386087 33.5826171,33.8603071 32.7267084,34.3600412 C31.9262928,34.8273748 30.9864445,35.1 29.9528702,35.1 L29.9528702,35.1 L20.0471298,35.1 C19.0135555,35.1 18.0737072,34.8273748 17.2732916,34.3600412 C16.4173829,33.8603071 15.7210251,33.1386087 15.2389065,32.2926531 C14.756788,31.4466974 14.4887592,30.4762222 14.490991,29.4780654 C14.4931052,28.5446245 14.7320272,27.5873604 15.2515228,26.6853254 L15.2515228,26.6853254 L20.204393,18.0853254 C21.2738005,16.2284418 23.1369002,15.3 25,15.3 Z"
+        transform="rotate(90 25 25.2)" />
+    </mask>
+    <mask id="critical-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M23.9,14.6 C26.7442665,14.6 29.3192665,15.7528668 31.1831998,17.6168002 C33.0471332,19.4807335 34.2,22.0557335 34.2,24.9 C34.2,27.7442665 33.0471332,30.3192665 31.1831998,32.1831998 C29.3192665,34.0471332 26.7442665,35.2 23.9,35.2 C21.0557335,35.2 18.4807335,34.0471332 16.6168002,32.1831998 C14.7528668,30.3192665 13.6,27.7442665 13.6,24.9 C13.6,22.0557335 14.7528668,19.4807335 16.6168002,17.6168002 C18.4807335,15.7528668 21.0557335,14.6 23.9,14.6 Z" />
+    </mask>
+    <mask id="negative-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M28.2,14.8 C29.633165,14.8 31.06633,15.346734 32.159798,16.440202 C33.2414078,17.5218119 33.7880833,18.9357904 33.8,20.353376 C33.811544,21.7725108 33.2872104,23.1952877 32.2266806,24.2917914 L32.2266806,24.2917914 L31.7206,24.8006729 L32.159798,25.240202 C33.253266,26.33367 33.8,27.766835 33.8,29.2 C33.8,30.633165 33.253266,32.06633 32.159798,33.159798 C31.0781881,34.2414078 29.6642096,34.7880833 28.246624,34.8 C26.8274892,34.811544 25.4047123,34.2872104 24.3082086,33.2266806 L24.3082086,33.2266806 L23.7993271,32.7206 L23.359798,33.159798 C22.26633,34.253266 20.833165,34.8 19.4,34.8 C17.966835,34.8 16.53367,34.253266 15.440202,33.159798 C14.3585922,32.0781881 13.8119167,30.6642096 13.8,29.246624 C13.788456,27.8274892 14.3127896,26.4047123 15.3733194,25.3082086 L15.3733194,25.3082086 L15.8794,24.7993271 L15.440202,24.359798 C14.346734,23.26633 13.8,21.833165 13.8,20.4 C13.8,18.966835 14.346734,17.53367 15.440202,16.440202 C16.5218119,15.3585922 17.9357904,14.8119167 19.353376,14.8 C20.7725108,14.788456 22.1952877,15.3127896 23.2917914,16.3733194 L23.2917914,16.3733194 L23.8006729,16.8794 L24.240202,16.440202 C25.33367,15.346734 26.766835,14.8 28.2,14.8 Z" />
+    </mask>
+    <mask id="positive-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M29.7294207,16.9922805 C31.1625744,16.9866282 32.5979013,17.5276612 33.6957071,18.6167741 C34.7816077,19.6940761 35.3338993,21.1058704 35.351258,22.5233982 C35.3686336,23.9423122 34.8500808,25.3669976 33.7941627,26.4676563 L33.7941627,26.4676563 L27.1794488,33.1363075 C26.0960963,34.2283069 24.675298,34.7802389 23.2508341,34.7920857 C21.8249459,34.8039445 20.3953569,34.27469 19.296927,33.2041927 L19.296927,33.2041927 L15.7761737,29.656491 C14.6870608,28.5586851 14.1460279,27.1233582 14.1516801,25.6902046 C14.1574213,24.2570509 14.7098478,22.8260705 15.8076536,21.7369576 C16.7544861,20.7976225 17.9523748,20.2659173 19.1834383,20.1411672 C20.4372495,20.0141119 21.7255226,20.3088158 22.8178242,21.0249737 L22.8178242,21.0249737 L23.1781395,21.2667759 L25.7761737,18.648254 C26.8652867,17.5504481 28.2962671,16.9980217 29.7294207,16.9922805 Z" />
+    </mask>
+    <mask id="warning-mask">
+      <rect x="0" y="0" width="32" height="32" fill="#FFF" />
+      <path fill="#000" fill-rule="nonzero"
+        d="M23.8,14.8 C25.6808284,14.8 27.5616567,15.7284418 28.6412402,17.5853254 L28.6412402,17.5853254 L33.6412402,26.1853254 C34.1656792,27.0873604 34.4068747,28.0446245 34.409009,28.9780654 C34.4112621,29.9762222 34.1406828,30.9466974 33.6539766,31.7926531 C33.1672704,32.6386087 32.4642862,33.3603071 31.600233,33.8600412 C30.7922009,34.3273748 29.8434094,34.6 28.8,34.6 L28.8,34.6 L18.8,34.6 C17.7565906,34.6 16.8077991,34.3273748 15.999767,33.8600412 C15.1357138,33.3603071 14.4327296,32.6386087 13.9460234,31.7926531 C13.4593172,30.9466974 13.1887379,29.9762222 13.190991,28.9780654 C13.1931253,28.0446245 13.4343208,27.0873604 13.9587598,26.1853254 L13.9587598,26.1853254 L18.9587598,17.5853254 C20.0383433,15.7284418 21.9191716,14.8 23.8,14.8 Z" />
+    </mask>
+
+    <polygon id="active" fill="none" stroke="#029CFD" stroke-linejoin="round" stroke-width="2.8"
+      points="25 21 30 29.6 20 29.6" transform="rotate(90 25 25.3)" />
+    <circle id="critical" fill="none" cx="23.9" cy="24.9" r="4.7" stroke="#000" stroke-linejoin="round"
+      stroke-width="2.8" />
+    <path id="negative" fill="none" stroke="#F40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.8"
+      d="M19.4,20.4 L28.2,29.2 M28.2,20.4 L19.4,29.2" />
+    <polyline id="positive" fill="none" stroke="#66BF3C" stroke-linecap="round" stroke-linejoin="round"
+      stroke-width="2.8" points="19.752 25.712 23.204 29.192 29.752 22.592" />
+    <polygon id="warning" fill="none" stroke="#FFAE00" stroke-linejoin="round" stroke-width="2.8"
+      points="23.8 20.4 28.8 29 18.8 29" />
+  </defs>
+
+  <g id="mask">
+    <use id="icon" />
+  </g>
+  <use id="status" />
+</svg>

package/storybook/favicon.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><path fill="#FF4785" fill-rule="nonzero" d="M3.19456517,29.5523576 L2.20116517,3.08035756 C2.16820317,2.206041 2.83853396,1.46497625 3.71176517,1.41035756 L26.2285652,0.00315756388 C26.6728415,-0.0246745074 27.1088544,0.132425741 27.4332785,0.437229126 C27.7577026,0.74203251 27.9415652,1.16741027 27.9415652,1.61255756 L27.9415652,30.4585576 C27.9415652,30.8987416 27.7615266,31.3197739 27.4433606,31.6239653 C27.1251947,31.9281568 26.6965078,32.0890657 26.2567652,32.0693576 L4.73376517,31.1027576 C3.89549138,31.0651477 3.22618762,30.3908861 3.19476517,29.5523576 L3.19456517,29.5523576 Z"/><path fill="#FFF" d="M24.4581652,0.113957564 L21.3591652,0.307557564 L21.2081652,3.94195756 C21.2043927,4.0349625 21.2546048,4.1217998 21.3370927,4.16492627 C21.4195807,4.20805273 21.5195442,4.19973049 21.5937652,4.14355756 L23.0057652,3.07275756 L24.1981652,4.01215756 C24.2717133,4.07021898 24.3722957,4.08025391 24.4558654,4.03786787 C24.539435,3.99548183 24.5907604,3.90840015 24.5873652,3.81475756 L24.4581652,0.113757564 L24.4581652,0.113957564 Z M22.0463652,12.2851576 C21.4791652,12.7257576 17.2533652,13.0265576 17.2533652,12.3991576 C17.3427652,10.0053576 16.2709652,9.90035756 15.6755652,9.90035756 C15.1099652,9.90035756 14.1575652,10.0713576 14.1575652,11.3537576 C14.1575652,12.6605576 15.5495652,13.3983576 17.1835652,14.2643576 C19.5049652,15.4943576 22.3143652,16.9831576 22.3143652,20.7295576 C22.3143652,24.3201576 19.3967652,26.3037576 15.6755652,26.3037576 C11.8353652,26.3037576 8.47936517,24.7499576 8.85836517,19.3633576 C9.00716517,18.7307576 13.8895652,18.8811576 13.8895652,19.3633576 C13.8299652,21.5861576 14.3359652,22.2399576 15.6161652,22.2399576 C16.5985652,22.2399576 17.0449652,21.6983576 17.0449652,20.7865576 C17.0449652,19.4065576 15.5945652,18.5919576 13.9259652,17.6551576 C11.6665652,16.3865576 9.00716517,14.8935576 9.00716517,11.4679576 C9.00716517,8.04835756 11.3591652,5.76855756 15.5565652,5.76855756 C19.7541652,5.76855756 22.0463652,8.01335756 22.0463652,12.2853576 L22.0463652,12.2851576 Z"/></g></svg>