@sap-ux/ui-components 1.20.1 → 1.20.3
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/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts.map +1 -1
- package/dist/components/UIChoiceGroup/UIChoiceGroup.js +2 -1
- package/dist/components/UIChoiceGroup/UIChoiceGroup.js.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +2 -1
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.js +2 -1
- package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map +1 -1
- package/dist/components/UIFlexibleTable/types.d.ts +1 -0
- package/dist/components/UIFlexibleTable/types.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/types.js.map +1 -1
- package/dist/components/UIInput/UITextInput.d.ts.map +1 -1
- package/dist/components/UIInput/UITextInput.js +2 -1
- package/dist/components/UIInput/UITextInput.js.map +1 -1
- package/dist/components/UILabel/UILabel.d.ts.map +1 -1
- package/dist/components/UILabel/UILabel.js +2 -1
- package/dist/components/UILabel/UILabel.js.map +1 -1
- package/dist/components/types.d.ts +2 -0
- package/dist/components/types.d.ts.map +1 -0
- package/dist/components/types.js +6 -0
- package/dist/components/types.js.map +1 -0
- package/package.json +1 -1
- package/storybook/342.d1d957e9.iframe.bundle.js +1 -0
- package/storybook/{583.47fc3996.iframe.bundle.js → 583.6297da75.iframe.bundle.js} +1 -1
- package/storybook/841.8ff27cf5.iframe.bundle.js +7 -0
- package/storybook/973.0c497be1.iframe.bundle.js +1 -0
- package/storybook/UIChoiceGroup-story.5a757001.iframe.bundle.js +1 -0
- package/storybook/UILabel-story.0455922f.iframe.bundle.js +1 -0
- package/storybook/{UITextInput-story.c304ef49.iframe.bundle.js → UITextInput-story.ad5a9af8.iframe.bundle.js} +2 -2
- package/storybook/UIToggleGroup-story.81598f43.iframe.bundle.js +2 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.33685327.iframe.bundle.js → runtime~main.87b6450e.iframe.bundle.js} +2 -2
- package/storybook/342.5c3d2f24.iframe.bundle.js +0 -1
- package/storybook/841.d180e55f.iframe.bundle.js +0 -7
- package/storybook/973.8afe4d07.iframe.bundle.js +0 -1
- package/storybook/UIChoiceGroup-story.3f7410da.iframe.bundle.js +0 -1
- package/storybook/UILabel-story.2dc6751f.iframe.bundle.js +0 -1
- package/storybook/UIToggleGroup-story.14a29e9a.iframe.bundle.js +0 -2
|
@@ -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.94.0/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.94.0/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.94.0/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
|
|
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.94.0/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})));r.defaultUsage=d;const f=()=>{const[o,
|
|
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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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}}]);})();
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(()=>{var T=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?T(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,g=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var _={};if(t)for(var c=0;c<this.length;c++){var i=this[c][0];i!=null&&(_[i]=!0)}for(var m=0;m<r.length;m++){var u=[].concat(r[m]);t&&_[u[0]]||(typeof l!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=l),o&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=o),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),s.push(u))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>P});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=s.n(_),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=s.n(i),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=s.n(u),p=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(p),v={};for(const I in p)I!=="default"&&(v[I]=()=>p[I]);s.d(e,v);var b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=m();var D=r()(y(),b);const P=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],_=0;_<o.length;_++){var c=o[_],i=t.base?c[0]+t.base:c[0],m=n[i]||0,u="".concat(i," ").concat(m);n[i]=m+1;var f=s(u),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(f!==-1)e[f].references++,e[f].updater(p);else{var y=r(p,t);t.byIndex=_,e.splice(_,0,{identifier:u,updater:y,references:1})}l.push(u)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(c){if(c){if(c.css===o.css&&c.media===o.media&&c.sourceMap===o.sourceMap&&c.supports===o.supports&&c.layer===o.layer)return;n.update(o=c)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(_){_=_||[];for(var c=0;c<n.length;c++){var i=n[c],m=s(i);e[m].references--}for(var u=a(_,t),f=0;f<n.length;f++){var p=n[f],y=s(p);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var _=t.sourceMap;_&&typeof btoa!="undefined"&&(n+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(_))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=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"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class n extends r.default.Component{constructor(_){super(_)}render(){const _=c=>({root:[g({marginTop:25},e.labelGlobalStyle),c.disabled&&{opacity:"0.4"},c.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(g({},this.props),{styles:_}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=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");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=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");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=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");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var _=Object.getOwnPropertyDescriptor(t,n);(!_||("get"in _?!t.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,_)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(i,m,u,f){f===void 0&&(f=u);var p=Object.getOwnPropertyDescriptor(m,u);(!p||("get"in p?!m.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return m[u]}}),Object.defineProperty(i,f,p)}:function(i,m,u,f){f===void 0&&(f=u),i[f]=m[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,m){Object.defineProperty(i,"default",{enumerable:!0,value:m})}:function(i,m){i.default=m}),o=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var m={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&a(m,i,u);return r(m,i),m};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),l=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const _={childrenGap:40},c=()=>{const[i,m]=(0,t.useState)(""),u=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],f=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],p=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(v,b)=>{m(b?v:"")};return t.default.createElement(n.Stack,{tokens:_,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",i)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:u,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:p,label:"Test"})))};e.defaultUsage=c}}]);})();
|
package/storybook/iframe.html
CHANGED
|
@@ -488,7 +488,7 @@
|
|
|
488
488
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
489
489
|
|
|
490
490
|
|
|
491
|
-
import './runtime~main.
|
|
491
|
+
import './runtime~main.87b6450e.iframe.bundle.js';
|
|
492
492
|
|
|
493
493
|
import './389.5879b7cc.iframe.bundle.js';
|
|
494
494
|
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1730205256789,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.1.11","storybookVersionSpecifier":"8.1.11","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.1.11"},"@storybook/react-webpack5":{"version":"8.1.11"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.1.11"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.33685327.iframe.bundle.js → runtime~main.87b6450e.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],
|
|
2
|
-
(`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(l,
|
|
1
|
+
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],b=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(b=!1,i<o&&(o=i));if(b){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(b=>n[b]=()=>t[b]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{6:"20290ff6",43:"160ba753",57:"2c7d1953",69:"0455922f",104:"383f63fc",177:"73044eae",191:"22bc503a",218:"81598f43",222:"578a5088",239:"a22932c4",271:"6cdb6313",289:"2362d642",342:"d1d957e9",390:"77520f0c",393:"2aeb882a",406:"16d8ba4e",449:"b6524622",498:"9e803d53",504:"f031c6ee",525:"5a757001",530:"61827811",558:"624f35bc",583:"6297da75",589:"44ac45cc",592:"7880c0f6",632:"3c7f6ed6",644:"ad5a9af8",660:"53a44698",673:"fab92f4e",680:"3111e6e0",685:"f887fe18",733:"13a6dea2",742:"e07d5a84",812:"81441f28",817:"c71ffc11",825:"d50c7306",841:"8ff27cf5",920:"1385eab3",930:"a27b46f7",937:"b439e60a",949:"29c5d25d",967:"2c0ccae1",973:"0c497be1",994:"0da3980f"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,b;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(b=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var d=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},u=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),b&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="",(()=>{var e={354:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=354){var o=new Promise((c,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var b=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
+
(`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(b,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,b]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(b)var d=b(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(d)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var j=Object.defineProperty,h=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var P=(a,_,e)=>_ in a?j(a,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[_]=e,f=(a,_)=>{for(var e in _||(_={}))C.call(_,e)&&P(a,e,_[e]);if(O)for(var e of O(_))A.call(_,e)&&P(a,e,_[e]);return a},I=(a,_)=>h(a,T(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[342],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.id,".ts-icon{fill:var(--vscode-foreground)}",""]),a.exports=r},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),d=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),r=d(l);r.push([a.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}",""]),a.exports=r},"./src/components/UIIcon/UIIcon.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(a,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>v});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),d=e.n(l),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=e.n(r),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),n=e.n(o),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=e.n(s),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),b=e.n(g),M={};for(const E in g)E!=="default"&&(M[E]=()=>g[E]);e.d(_,M);var m={};m.styleTagTransform=y(),m.setAttributes=c(),m.insert=n().bind(null,"head"),m.domAPI=t(),m.insertStyleElement=p();var S=d()(b(),m);const v=b()&&b().locals?b().locals:void 0},"./src/components/UIIcon/UIIcon.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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 t extends d.default.Component{constructor(n){super(n),this.setStyle=()=>({})}render(){const n=this.props.className?` ${this.props.className}`:"";return d.default.createElement(r.Icon,I(f({},this.props),{className:`ts-icon${n}`,styles:this.setStyle()}))}}_.UIIcon=t},"./src/components/UIIcon/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar||function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/components/UIInput/UITextInput.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITextInput=_.COMMON_INPUT_STYLES=_.ITextFieldProps=_.ITextField=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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"),t=e("./src/helper/ValidationMessage/index.tsx"),o=e("./src/components/UILabel/index.tsx");var n=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");Object.defineProperty(_,"ITextField",{enumerable:!0,get:function(){return n.ITextField}}),Object.defineProperty(_,"ITextFieldProps",{enumerable:!0,get:function(){return n.ITextFieldProps}}),_.COMMON_INPUT_STYLES={borderRadius:2};const s={regular:{backgroundColor:"var(--vscode-input-background)",borderColor:"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderStyle:"solid"},disabled:{backgroundColor:"var(--vscode-editor-inactiveSelectionBackground)",opacity:.5},readOnly:{backgroundColor:"var(--vscode-editor-background)",borderStyle:"dashed"},hover:{borderColor:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"}};class c extends d.default.Component{constructor(p){super(p),this.getStyles=i=>{const y=(0,t.getMessageInfo)(this.props);return{root:{height:"auto",fontFamily:"var(--vscode-font-family)"},fieldGroup:[{backgroundColor:s.regular.backgroundColor,borderWidth:1,borderStyle:s.regular.borderStyle,borderColor:s.regular.borderColor,color:s.regular.color,borderRadius:_.COMMON_INPUT_STYLES.borderRadius,boxSizing:"initial"},!i.multiline&&{height:24,maxHeight:24,minHeight:24},!i.disabled&&{selectors:{"&:hover":{borderColor:s.hover.borderColor}}},i.disabled&&{backgroundColor:s.disabled.backgroundColor,opacity:s.disabled.opacity,borderRadius:_.COMMON_INPUT_STYLES.borderRadius},this.props.readOnly&&{borderStyle:s.readOnly.borderStyle,backgroundColor:s.readOnly.backgroundColor,selectors:this.props.value?void 0:{"&:hover":{borderColor:"var(--vscode-editorWidget-border)"}}},i.hasErrorMessage&&{borderColor:y.style.borderColor},i.focused&&{selectors:{":after":{border:this.getFocusBorder(y),borderRadius:_.COMMON_INPUT_STYLES.borderRadius}}}],field:[{backgroundColor:s.regular.backgroundColor,color:s.regular.color,fontSize:"13px",fontWeight:"normal",boxSizing:"border-box",borderRadius:_.COMMON_INPUT_STYLES.borderRadius,fontFamily:"var(--vscode-font-family)",selectors:{"::placeholder":{fontSize:13,fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}}},!i.multiline&&{lineHeight:"normal"},i.multiline&&{minHeight:"60px",height:"auto",display:"flex"},i.disabled&&{backgroundColor:"transparent"},this.props.readOnly&&{fontStyle:"italic",backgroundColor:s.readOnly.backgroundColor},i.hasIcon&&{selectors:{"&:hover":{cursor:"pointer"}}}],suffix:{backgroundColor:"var(--vscode-input-background)"},subComponentStyles:{label:{root:[f({marginTop:25},o.labelGlobalStyle),i.disabled&&{opacity:s.disabled.opacity},i.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]}},errorMessage:[y.style],icon:[{bottom:2}]}},this.onRenderDisabledInput=(i,y)=>{const g=I(f({},i),{disabled:void 0,readOnly:!0,"aria-disabled":!0});return(y==null?void 0:y(g))||null},this.onRenderDisabledInput=this.onRenderDisabledInput.bind(this)}getFocusBorder(p){let i=s.focus.borderColor;return this.props.errorMessage&&p.style.borderColor&&(i=`var(${p.style.borderColor})`),`1px ${s.regular.borderStyle} ${i}`}render(){const p=(0,t.getMessageInfo)(this.props),i=this.getStyles;return d.default.createElement(r.TextField,I(f({onRenderInput:this.props.disabled?this.onRenderDisabledInput:void 0},this.props),{errorMessage:p.message,styles:i}))}}_.UITextInput=c},"./src/components/UIInput/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar||function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UIInput/UITextInput.tsx"),_)},"./src/components/UILabel/UILabel.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(_,"__esModule",{value:!0}),_.UILabel=_.labelGlobalStyle=void 0;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=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");_.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class t extends d.default.Component{constructor(n){super(n)}render(){const n=s=>({root:[f({marginTop:25},_.labelGlobalStyle),s.disabled&&{opacity:"0.4"},s.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return d.default.createElement(r.Label,I(f({},this.props),{styles:n}))}}_.UILabel=t},"./src/components/UILabel/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar||function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/components/UILabel/UILabel.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(a,_,e){"use strict";var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(_,"__esModule",{value:!0}),_.MESSAGE_ICONS_MAP=void 0,_.MessageWrapper=n;const d=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=e("./src/helper/ValidationMessage/utils.ts"),t=e("./src/components/Icons.tsx"),o=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,t.UiIcons.Error],[r.ErrorMessageType.Error,t.UiIcons.Error],[r.ErrorMessageType.Warning,t.UiIcons.Warning],[r.ErrorMessageType.Info,t.UiIcons.Info]]);function n(s){const{children:c,message:u}=s,p=u.message?r.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return d.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},d.default.createElement("div",{className:"ts-message-target"},c),d.default.createElement("div",{className:"ts-message-body"},d.default.createElement(o.UIIcon,{iconName:i}),d.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(a,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(r,t,o,n){n===void 0&&(n=o);var s=Object.getOwnPropertyDescriptor(t,o);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(r,n,s)}:function(r,t,o,n){n===void 0&&(n=o),r[n]=t[o]}),d=this&&this.__exportStar||function(r,t){for(var o in r)o!=="default"&&!Object.prototype.hasOwnProperty.call(t,o)&&l(t,r,o)};Object.defineProperty(_,"__esModule",{value:!0}),d(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),d(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(a,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(s){s.Error="Error",s.Warning="Warning",s.Info="Info"})(e||(_.ErrorMessageType=e={}));const l=(s,c)=>{const u=`1px solid ${c}`;return{backgroundColor:s,borderLeft:u,borderRight:u,borderBottom:u,borderColor:c}},d={error:I(f({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};d.warning=f(f({},d.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),d.info=f(f({},d.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const r=s=>{let c;switch(s){case e.Warning:{c=d.warning;break}case e.Info:{c=d.info;break}default:{c=d.error;break}}return c},t=s=>{if(s){if(s.errorMessage)return e.Error;if(s.warningMessage)return e.Warning;if(s.infoMessage)return e.Info}return e.Error},o=s=>{const c=["errorMessage","warningMessage","infoMessage"];for(const u of c)if(s!=null&&s[u])return s[u]},n=s=>{const c=t(s);return{type:c,style:r(c),message:o(s)}};_.getMessageInfo=n}}]);})();
|