@sap-ux/ui-components 1.26.13 → 1.26.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +6 -6
- package/dist/components/Icons.js.map +1 -1
- package/package.json +2 -2
- package/storybook/{602.cb21b075.iframe.bundle.js → 166.6e45109c.iframe.bundle.js} +3 -3
- package/storybook/{569.072cfeae.iframe.bundle.js → 201.472ec30f.iframe.bundle.js} +1 -1
- package/storybook/{263.28b3ed84.iframe.bundle.js → 220.ab5ca261.iframe.bundle.js} +1 -1
- package/storybook/{559.62175a29.iframe.bundle.js → 348.65c7d509.iframe.bundle.js} +1 -1
- package/storybook/442.8ebf07f3.iframe.bundle.js +1 -0
- package/storybook/{764.25246889.iframe.bundle.js → 452.ad0596e2.iframe.bundle.js} +1 -1
- package/storybook/{361.b8922a97.iframe.bundle.js → 473.122e0f3a.iframe.bundle.js} +1 -1
- package/storybook/{536.799ef159.iframe.bundle.js → 578.8e20ee82.iframe.bundle.js} +2 -2
- package/storybook/{102.b4be6e96.iframe.bundle.js → 638.0fec594f.iframe.bundle.js} +1 -1
- package/storybook/80.67234836.iframe.bundle.js +1 -0
- package/storybook/{627.a0bc1ea5.iframe.bundle.js → 931.3bf97047.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.88353622.iframe.bundle.js → UIActionCallout-story.430b1a31.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.486efc0a.iframe.bundle.js → UIButton-story.572c9af7.iframe.bundle.js} +2 -2
- package/storybook/{UICallout-story.178ded94.iframe.bundle.js → UICallout-story.5345d90a.iframe.bundle.js} +2 -2
- package/storybook/{UICheckbox-story.f343145c.iframe.bundle.js → UICheckbox-story.2ad27280.iframe.bundle.js} +2 -2
- package/storybook/{UIContextualMenu-story.935b032a.iframe.bundle.js → UIContextualMenu-story.e3e1391e.iframe.bundle.js} +2 -2
- package/storybook/{UICreateSelect-story.6ffbed78.iframe.bundle.js → UICreateSelect-story.71d25ae2.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.afabdde2.iframe.bundle.js → UIDatePicker-story.2d279da6.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.e8f8924a.iframe.bundle.js → UIDialog-story.d8305fc3.iframe.bundle.js} +2 -2
- package/storybook/{UILink-story.37ba6d2f.iframe.bundle.js → UILink-story.744125e2.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.22d09ff0.iframe.bundle.js → UILoader-story.3a6e7d6c.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.e3013924.iframe.bundle.js → UITextInput-story.9e10cb39.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.94565150.iframe.bundle.js → UIToggle-story.ca3117d5.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.d6eff54e.iframe.bundle.js → UIToggleGroup-story.b0721a69.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.8fd1724e.iframe.bundle.js → UITooltip-story.46e3a9a0.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.a4fa4534.iframe.bundle.js → UITreedropdown-story.d8d9317f.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +3 -3
- package/storybook/{main.ef66141f.iframe.bundle.js → main.d6f7f9b4.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.e9ec9be0.iframe.bundle.js → runtime~main.2fd9c1a0.iframe.bundle.js} +2 -2
- package/storybook/112.d83dc5ba.iframe.bundle.js +0 -1
- package/storybook/74.f0a1a2e2.iframe.bundle.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var B=Object.defineProperty,M=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var k=(d,a,o)=>a in d?B(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,T=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&k(d,o,a[o]);if(C)for(var o of C(a))z.call(a,o)&&k(d,o,a[o]);return d},A=(d,a)=>M(d,w(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
"use strict";(()=>{var B=Object.defineProperty,M=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var k=(d,a,o)=>a in d?B(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,T=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&k(d,o,a[o]);if(C)for(var o of C(a))z.call(a,o)&&k(d,o,a[o]);return d},A=(d,a)=>M(d,w(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":d=>{d.exports=function(a){var o=[];return o.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=a(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},o.i=function(r,t,e,n,h){typeof r=="string"&&(r=[[null,r,void 0]]);var f={};if(e)for(var l=0;l<this.length;l++){var I=this[l][0];I!=null&&(f[I]=!0)}for(var x=0;x<r.length;x++){var i=[].concat(r[x]);e&&f[i[0]]||(typeof h!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=h),t&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=t),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),o.push(i))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function p(t,e){for(var n={},h=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],x=n[I]||0,i="".concat(I," ").concat(x);n[I]=x+1;var g=o(i),E={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(g!==-1)a[g].references++,a[g].updater(E);else{var v=r(E,e);e.byIndex=f,a.splice(f,0,{identifier:i,updater:v,references:1})}h.push(i)}return h}function r(t,e){var n=e.domAPI(e);n.update(t);var h=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;n.update(t=l)}else n.remove()};return h}d.exports=function(t,e){e=e||{},t=t||[];var n=p(t,e);return function(f){f=f||[];for(var l=0;l<n.length;l++){var I=n[l],x=o(I);a[x].references--}for(var i=p(f,e),g=0;g<n.length;g++){var E=n[g],v=o(E);a[v].references===0&&(a[v].updater(),a.splice(v,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{var a={};function o(r){if(typeof a[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[r]=t}return a[r]}function p(r,t){var e=o(r);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)}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function a(o){var p=document.createElement("style");return o.setAttributes(p,o.attributes),o.insert(p,o.options),p}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,a,o)=>{function p(r){var t=o.nc;t&&r.setAttribute("nonce",t)}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function a(r,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var h=typeof e.layer!="undefined";h&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,h&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var f=e.sourceMap;f&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),t.styleTagTransform(n,r,t.options)}function o(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function p(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(n){a(t,r,n)},remove:function(){o(t)}}}d.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function a(o,p){if(p.styleSheet)p.styleSheet.cssText=o;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(o))}}d.exports=a},"./stories/UIDialog.story.tsx":function(d,a,o){var p=this&&this.__createBinding||(Object.create?function(c,u,m,s){s===void 0&&(s=m);var y=Object.getOwnPropertyDescriptor(u,m);(!y||("get"in y?!u.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return u[m]}}),Object.defineProperty(c,s,y)}:function(c,u,m,s){s===void 0&&(s=m),c[s]=u[m]}),r=this&&this.__setModuleDefault||(Object.create?function(c,u){Object.defineProperty(c,"default",{enumerable:!0,value:u})}:function(c,u){c.default=u}),t=this&&this.__importStar||function(){var c=function(u){return c=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},c(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=c(u),y=0;y<s.length;y++)s[y]!=="default"&&p(m,u,s[y]);return r(m,u),m}}();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=o("./src/components/UIDialog/index.ts"),f=o("./src/components/UIButton/index.tsx"),l=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),x=o("./src/components/UIComboBox/index.tsx"),i=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const g={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class v extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=u=>{this.setState({text:u.target.value})},this.onToggle=()=>{this.setState({isOpen:!this.state.isOpen})},this.onAccept=()=>{alert(`You wrote: ${this.state.text}`),this.setState({isOpen:!1})}}render(){const{draggable:u}=this.props,m=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],s=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:this.onToggle,primary:!0},u?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(h.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(l.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(x.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const D=c=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=T({},E.main),{size:b}=c;b&&(y.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},U),e.default.createElement(h.UIDialog,{isOpen:u,isOpenAnimated:c.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:y},onAccept:s,onCancel:s,onDismiss:s},e.default.createElement(I.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(l.UITextInput,{label:"Username"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"Password",type:"password"}),e.default.createElement(l.UITextInput,{label:"Email"}),e.default.createElement(l.UITextInput,{label:"First name"}),e.default.createElement(l.UITextInput,{label:"Last name"}),e.default.createElement(l.UITextInput,{label:"Address"}),e.default.createElement(l.UITextInput,{label:"State"}),e.default.createElement(l.UITextInput,{label:"Country"}),e.default.createElement(l.UITextInput,{label:"Phone"}),e.default.createElement(l.UITextInput,{label:"Dummy 1"}),e.default.createElement(l.UITextInput,{label:"Dummy 2"}),e.default.createElement(l.UITextInput,{label:"Dummy 3"}),e.default.createElement(l.UITextInput,{label:"Dummy 4"}),e.default.createElement(l.UITextInput,{label:"Dummy 5"})))},S=c=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Confirm Dialog"),e.default.createElement(h.UIDialog,{isOpen:u,isOpenAnimated:c.openAnimation,isBlocking:!0,onAccept:s,onCancel:s,onDismiss:s,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},_=c=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},"Open Dialog with multiple buttons"),e.default.createElement(h.UIDialog,{isOpen:u,isOpenAnimated:c.openAnimation,isBlocking:!0,onDismiss:s,title:"Delete Confirmation",dialogContentProps:{subText:"This entry includes subelements. Are you sure you want to delete the entry or only its subelements? This action cannot be undone."},footer:[e.default.createElement(f.UIDefaultButton,{key:"1",onClick:s,primary:!0,text:"Delete entry and subelements"}),e.default.createElement(f.UIDefaultButton,{key:"2",onClick:s,text:"Delete entry only"}),e.default.createElement(f.UIDefaultButton,{key:"3",onClick:s,text:"Cancel"})]}))},O=()=>{const[c,u]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(i.UICheckbox,{label:"Open animation enabled",checked:c,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!1,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!1,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(v,{draggable:!0,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{size:400,openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(S,{openAnimation:c})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(_,{openAnimation:c}))))};a.Dialog=O}}]);})();
|
package/storybook/{UILink-story.37ba6d2f.iframe.bundle.js → UILink-story.744125e2.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var O=Object.defineProperty,C=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))k.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,j(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function c(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,c){if(c.styleSheet)c.styleSheet.cssText=e;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.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:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.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"}}},d.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:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,l=()=>({root:{color:m.color,textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:l}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,l=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:l}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const c=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(m,l,y,p){p===void 0&&(p=y);var f=Object.getOwnPropertyDescriptor(l,y);(!f||("get"in f?!l.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return l[y]}}),Object.defineProperty(m,p,f)}:function(m,l,y,p){p===void 0&&(p=y),m[p]=l[y]}),_=this&&this.__setModuleDefault||(Object.create?function(m,l){Object.defineProperty(m,"default",{enumerable:!0,value:l})}:function(m,l){m.default=l}),o=this&&this.__importStar||function(){var m=function(l){return m=Object.getOwnPropertyNames||function(y){var p=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(p[p.length]=f);return p},m(l)};return function(l){if(l&&l.__esModule)return l;var y={};if(l!=null)for(var p=m(l),f=0;f<p.length;f++)p[f]!=="default"&&c(y,l,p[f]);return _(y,l),y}}();Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,l]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(y,p)=>{l(!!p)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
|
|
1
|
+
(()=>{var O=Object.defineProperty,C=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))k.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,j(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),o=_(c);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),o=_(c);o.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=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var l=[].concat(_[m]);s&&r[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),o&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=o),t&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=t):l[4]="".concat(t)),e.push(l))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(c),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(l),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=e.n(p),h={};for(const b in p)b!=="default"&&(h[b]=()=>p[b]);e.d(n,h);var v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(f(),v);const I=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(c),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(l),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=e.n(p),h={};for(const b in p)b!=="default"&&(h[b]=()=>p[b]);e.d(n,h);var v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(f(),v);const I=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function c(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,l="".concat(u," ").concat(m);t[u]=m+1;var y=e(l),p={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(y!==-1)n[y].references++,n[y].updater(p);else{var f=_(p,s);s.byIndex=r,n.splice(r,0,{identifier:l,updater:f,references:1})}a.push(l)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=c(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var l=c(r,s),y=0;y<t.length;y++){var p=t[y],f=e(p);n[f].references===0&&(n[f].updater(),n.splice(f,1))}t=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function c(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var c=document.createElement("style");return e.setAttributes(c,e.attributes),e.insert(c,e.options),c}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function c(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function c(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,c){if(c.styleSheet)c.styleSheet.cssText=e;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.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:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.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"}}},d.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:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,l=()=>({root:{color:m.color,textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:l}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,l=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:l}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const c=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(m,l,y,p){p===void 0&&(p=y);var f=Object.getOwnPropertyDescriptor(l,y);(!f||("get"in f?!l.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return l[y]}}),Object.defineProperty(m,p,f)}:function(m,l,y,p){p===void 0&&(p=y),m[p]=l[y]}),_=this&&this.__setModuleDefault||(Object.create?function(m,l){Object.defineProperty(m,"default",{enumerable:!0,value:l})}:function(m,l){m.default=l}),o=this&&this.__importStar||function(){var m=function(l){return m=Object.getOwnPropertyNames||function(y){var p=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(p[p.length]=f);return p},m(l)};return function(l){if(l&&l.__esModule)return l;var y={};if(l!=null)for(var p=m(l),f=0;f<p.length;f++)p[f]!=="default"&&c(y,l,p[f]);return _(y,l),y}}();Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,l]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(y,p)=>{l(!!p)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,n,s)=>{var r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),a=l(r);a.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=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(n){var s=[];return s.toString=function(){return this.map(function(l){var a="",e=typeof l[5]!="undefined";return l[4]&&(a+="@supports (".concat(l[4],") {")),l[2]&&(a+="@media ".concat(l[2]," {")),e&&(a+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),a+=n(l),e&&(a+="}"),l[2]&&(a+="}"),l[4]&&(a+="}"),a}).join("")},s.i=function(l,a,e,t,u){typeof l=="string"&&(l=[[null,l,void 0]]);var c={};if(e)for(var _=0;_<this.length;_++){var i=this[_][0];i!=null&&(c[i]=!0)}for(var v=0;v<l.length;v++){var o=[].concat(l[v]);e&&c[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),a&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=a),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),s.push(o))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(m,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>f});var r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(r),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(a),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=s.n(t),c=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=s.n(c),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=s.n(i),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=s.n(o),D=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),h=s.n(D),y={};for(const p in D)p!=="default"&&(y[p]=()=>D[p]);s.d(n,y);var d={};d.styleTagTransform=S(),d.setAttributes=_(),d.insert=u().bind(null,"head"),d.domAPI=e(),d.insertStyleElement=v();var E=l()(h(),d);const f=h()&&h().locals?h().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var n=[];function s(a){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===a){e=t;break}return e}function r(a,e){for(var t={},u=[],c=0;c<a.length;c++){var _=a[c],i=e.base?_[0]+e.base:_[0],v=t[i]||0,o="".concat(i," ").concat(v);t[i]=v+1;var S=s(o),D={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(S!==-1)n[S].references++,n[S].updater(D);else{var h=l(D,e);e.byIndex=c,n.splice(c,0,{identifier:o,updater:h,references:1})}u.push(o)}return u}function l(a,e){var t=e.domAPI(e);t.update(a);var u=function(_){if(_){if(_.css===a.css&&_.media===a.media&&_.sourceMap===a.sourceMap&&_.supports===a.supports&&_.layer===a.layer)return;t.update(a=_)}else t.remove()};return u}m.exports=function(a,e){e=e||{},a=a||[];var t=r(a,e);return function(c){c=c||[];for(var _=0;_<t.length;_++){var i=t[_],v=s(i);n[v].references--}for(var o=r(c,e),S=0;S<t.length;S++){var D=t[S],h=s(D);n[h].references===0&&(n[h].updater(),n.splice(h,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var n={};function s(l){if(typeof n[l]=="undefined"){var a=document.querySelector(l);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}n[l]=a}return n[l]}function r(l,a){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(a)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function n(s){var r=document.createElement("style");return s.setAttributes(r,s.attributes),s.insert(r,s.options),r}m.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,n,s)=>{"use strict";function r(l){var a=s.nc;a&&l.setAttribute("nonce",a)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function n(l,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var c=e.sourceMap;c&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function r(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function n(s,r){if(r.styleSheet)r.styleSheet.cssText=s;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(s))}}m.exports=n},"./stories/UILoader.story.tsx":function(m,n,s){"use strict";var r=this&&this.__createBinding||(Object.create?function(y,d,E,f){f===void 0&&(f=E);var p=Object.getOwnPropertyDescriptor(d,E);(!p||("get"in p?!d.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return d[E]}}),Object.defineProperty(y,f,p)}:function(y,d,E,f){f===void 0&&(f=E),y[f]=d[E]}),l=this&&this.__setModuleDefault||(Object.create?function(y,d){Object.defineProperty(y,"default",{enumerable:!0,value:d})}:function(y,d){y.default=d}),a=this&&this.__importStar||function(){var y=function(d){return y=Object.getOwnPropertyNames||function(E){var f=[];for(var p in E)Object.prototype.hasOwnProperty.call(E,p)&&(f[f.length]=p);return f},y(d)};return function(d){if(d&&d.__esModule)return d;var E={};if(d!=null)for(var f=y(d),p=0;p<f.length;p++)f[p]!=="default"&&r(E,d,f[p]);return l(E,d),E}}();Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=s("./src/components/UILoader/index.tsx"),c=s("./src/components/UIButton/index.tsx"),_=s("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"};const i={childrenGap:40},v=()=>e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,null))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=v;const o=()=>{const[y,d]=(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(t.Text,null,"Loader - delayed"),y&&e.default.createElement(u.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(c.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{d(!y)}}))))};n.Delayed=o;const S=`
|
|
3
3
|
.popup--busy .ms-Dialog-content {
|
|
4
4
|
position: static;
|
|
5
5
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var I=(u,r,l)=>r in u?C(u,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):u[r]=l,m=(u,r)=>{for(var l in r||(r={}))U.call(r,l)&&I(u,l,r[l]);if(y)for(var l of y(r))T.call(r,l)&&I(u,l,r[l]);return u},p=(u,r)=>E(u,S(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),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)}}}u.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.
|
|
1
|
+
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var I=(u,r,l)=>r in u?C(u,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):u[r]=l,m=(u,r)=>{for(var l in r||(r={}))U.call(r,l)&&I(u,l,r[l]);if(y)for(var l of y(r))T.call(r,l)&&I(u,l,r[l]);return u},p=(u,r)=>E(u,S(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":u=>{u.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,s){typeof e=="string"&&(e=[[null,e,void 0]]);var c={};if(a)for(var d=0;d<this.length;d++){var f=this[d][0];f!=null&&(c[f]=!0)}for(var h=0;h<e.length;h++){var o=[].concat(e[h]);a&&c[o[0]]||(typeof s!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=s),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@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{u.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{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={},s=[],c=0;c<t.length;c++){var d=t[c],f=a.base?d[0]+a.base:d[0],h=n[f]||0,o="".concat(f," ").concat(h);n[f]=h+1;var b=l(o),v={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(b!==-1)r[b].references++,r[b].updater(v);else{var x=e(v,a);a.byIndex=c,r.splice(c,0,{identifier:o,updater:x,references:1})}s.push(o)}return s}function e(t,a){var n=a.domAPI(a);n.update(t);var s=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;n.update(t=d)}else n.remove()};return s}u.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(c){c=c||[];for(var d=0;d<n.length;d++){var f=n[d],h=l(f);r[h].references--}for(var o=i(c,a),b=0;b<n.length;b++){var v=n[b],x=l(v);r[x].references===0&&(r[x].updater(),r.splice(x,1))}n=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{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)}u.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,r,l)=>{function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}u.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var s=typeof a.layer!="undefined";s&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,s&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var c=a.sourceMap;c&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),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)}}}u.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{function r(l,i){if(i.styleSheet)i.styleSheet.cssText=l;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(l))}}u.exports=r},"./src/components/UICheckbox/UICheckbox.tsx":function(u,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.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/helper/ValidationMessage/index.tsx");class n 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=(d,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"}}},d.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},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),d=e.default.createElement(t.Checkbox,p(m({},this.props),{styles:f=>m(m({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},d):d}}r.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(u,r,l){var i=this&&this.__createBinding||(Object.create?function(t,a,n,s){s===void 0&&(s=n);var c=Object.getOwnPropertyDescriptor(a,n);(!c||("get"in c?!a.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return a[n]}}),Object.defineProperty(t,s,c)}:function(t,a,n,s){s===void 0&&(s=n),t[s]=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":function(u,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.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=l("./src/components/UIInput/index.tsx"),n=l("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const s={childrenGap:40},c={iconName:"FolderOpened"},d=()=>e.default.createElement(t.Stack,{tokens:s,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:c})),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=d;const f=()=>{const[o,b]=e.default.useState(!1),[v,x]=e.default.useState("Content"),g={multiline:o,onChange:(_,k)=>{x(k||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:s},e.default.createElement(n.UICheckbox,{label:"Multi Line",checked:o,onChange:(_,k)=>{b(k)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:s},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{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,p(m({},g),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{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,p(m({},g),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,p(m({},g),{value:v,readOnly:!0})))))))};r.accessibilityStates=f;const h=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:s,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=h}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var O=Object.defineProperty,A=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(u,r,t)=>r in u?O(u,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[r]=t,y=(u,r)=>{for(var t in r||(r={}))j.call(r,t)&&k(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&k(u,t,r[t]);return u},M=(u,r)=>A(u,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(d){super(d),this.setStyle=()=>({})}render(){const d=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${d}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(u,r,t){"use strict";var _=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=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=t("./src/helper/ValidationMessage/index.tsx"),d=t("./src/components/UIIcon/index.tsx"),a=t("./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,i={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(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 I,m;this.replaceThumbWithIcon(f),(m=(I=this.props).onChange)==null||m.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");I&&s.default.render(e.default.createElement(d.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:b}),I)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,m=p,E=(0,n.getMessageInfo)(this.props),P=T=>({root:M(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:M(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:l}},!T.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:M(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:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:T.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),S=e.default.createElement(o.Toggle,M(y({},this.props),{styles:P,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},S):S}}r.UIToggle=v},"./src/components/UIToggle/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=d;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function d(a){const{children:c,message:p}=a,b=p.message?s.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(n.UIIcon,{iconName:l}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},d=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=d},"./stories/UIToggle.story.tsx":function(u,r,t){"use strict";var _=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=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},d=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=d;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.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(o.UIToggle,{label:"Error",errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:l,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:l})))};r.withMessages=b}}]);})();
|
|
1
|
+
(()=>{var O=Object.defineProperty,A=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(u,r,t)=>r in u?O(u,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[r]=t,y=(u,r)=>{for(var t in r||(r={}))j.call(r,t)&&k(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&k(u,t,r[t]);return u},M=(u,r)=>A(u,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),u.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(r){var t=[];return t.toString=function(){return this.map(function(e){var s="",o=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),o&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),o&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},t.i=function(e,s,o,n,d){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(a[p]=!0)}for(var b=0;b<e.length;b++){var l=[].concat(e[b]);o&&a[l[0]]||(typeof d!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=d),s&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=s),n&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=n):l[4]="".concat(n)),t.push(l))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(r){return r[1]}},"./src/components/UIIcon/UIIcon.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>m});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=t.n(l),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=d().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>m});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=t.n(l),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=d().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const m=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var r=[];function t(s){for(var o=-1,n=0;n<r.length;n++)if(r[n].identifier===s){o=n;break}return o}function _(s,o){for(var n={},d=[],a=0;a<s.length;a++){var c=s[a],p=o.base?c[0]+o.base:c[0],b=n[p]||0,l="".concat(p," ").concat(b);n[p]=b+1;var i=t(l),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var g=e(v,o);o.byIndex=a,r.splice(a,0,{identifier:l,updater:g,references:1})}d.push(l)}return d}function e(s,o){var n=o.domAPI(o);n.update(s);var d=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return d}u.exports=function(s,o){o=o||{},s=s||[];var n=_(s,o);return function(a){a=a||[];for(var c=0;c<n.length;c++){var p=n[c],b=t(p);r[b].references--}for(var l=_(a,o),i=0;i<n.length;i++){var v=n[i],g=t(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}n=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var r={};function t(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}r[e]=s}return r[e]}function _(e,s){var o=t(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function r(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,r,t)=>{"use strict";function _(e){var s=t.nc;s&&e.setAttribute("nonce",s)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function r(e,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var d=typeof o.layer!="undefined";d&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,d&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var a=o.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r},"./src/components/UIIcon/UIIcon.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(d){super(d),this.setStyle=()=>({})}render(){const d=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${d}`,styles:this.setStyle()}))}}r.UIIcon=o},"./src/components/UIIcon/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx":function(u,r,t){"use strict";var _=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=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=t("./src/helper/ValidationMessage/index.tsx"),d=t("./src/components/UIIcon/index.tsx"),a=t("./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,i={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(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 I,m;this.replaceThumbWithIcon(f),(m=(I=this.props).onChange)==null||m.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");I&&s.default.render(e.default.createElement(d.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:b}),I)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,m=p,E=(0,n.getMessageInfo)(this.props),P=T=>({root:M(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:M(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:l}},!T.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:M(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:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:T.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),S=e.default.createElement(o.Toggle,M(y({},this.props),{styles:P,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},S):S}}r.UIToggle=v},"./src/components/UIToggle/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=d;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function d(a){const{children:c,message:p}=a,b=p.message?s.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(n.UIIcon,{iconName:l}),e.default.createElement("span",null,p.message)))}},"./src/helper/ValidationMessage/index.tsx":function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}:function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]}),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)},"./src/helper/ValidationMessage/utils.ts":(u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},d=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=d},"./stories/UIToggle.story.tsx":function(u,r,t){"use strict";var _=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=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},d=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=d;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.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(o.UIToggle,{label:"Error",errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:l,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:l})))};r.withMessages=b}}]);})();
|