@sap-ux/ui-components 2.1.2 → 2.1.4
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/UITranslationInput/UIFormattedText.d.ts +1 -0
- package/dist/components/UITranslationInput/UIFormattedText.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UIFormattedText.js +3 -3
- package/dist/components/UITranslationInput/UIFormattedText.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.js +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.scss +3 -0
- package/dist/components/UITreeDropdown/UITreeDropdown.js +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
- package/package.json +11 -11
- package/storybook/{824.c1c8a45a.iframe.bundle.js → 269.2e384cbe.iframe.bundle.js} +1 -1
- package/storybook/278.82b9405f.iframe.bundle.js +1 -0
- package/storybook/401.d64573f2.iframe.bundle.js +7 -0
- package/storybook/{495.5574310d.iframe.bundle.js → 438.0829e8a5.iframe.bundle.js} +1 -1
- package/storybook/{879.4e975e38.iframe.bundle.js → 510.8f439f11.iframe.bundle.js} +1 -1
- package/storybook/{112.80afc68d.iframe.bundle.js → 541.ffb8b4b6.iframe.bundle.js} +1 -1
- package/storybook/594.707fe6f6.iframe.bundle.js +62 -0
- package/storybook/{279.8dad0e60.iframe.bundle.js → 691.f6e50391.iframe.bundle.js} +1 -1
- package/storybook/{763.3294d52f.iframe.bundle.js → 715.db8a2ba5.iframe.bundle.js} +1 -1
- package/storybook/722.ee41486f.iframe.bundle.js +43 -0
- package/storybook/{776.2cac3f4d.iframe.bundle.js → 738.5ed5b79d.iframe.bundle.js} +1 -1
- package/storybook/{14.1da3f2ee.iframe.bundle.js → 766.540c70db.iframe.bundle.js} +2 -2
- package/storybook/{UIActionCallout-story.3d4143cc.iframe.bundle.js → UIActionCallout-story.ccc180b0.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.b4af0230.iframe.bundle.js → UIButton-story.9f7c2053.iframe.bundle.js} +1 -1
- package/storybook/{UICallout-story.bed8a5fb.iframe.bundle.js → UICallout-story.14377363.iframe.bundle.js} +2 -2
- package/storybook/{UICalloutCollisionTransform-story.ab856fec.iframe.bundle.js → UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js} +1 -1
- package/storybook/{UICheckbox-story.c5ee487a.iframe.bundle.js → UICheckbox-story.2f75500d.iframe.bundle.js} +2 -2
- package/storybook/{UIChoiceGroup-story.9a573f7f.iframe.bundle.js → UIChoiceGroup-story.f5c61c53.iframe.bundle.js} +1 -1
- package/storybook/{UICombobox-story.82435b80.iframe.bundle.js → UICombobox-story.c6fdb1e6.iframe.bundle.js} +1 -1
- package/storybook/{UIContextualMenu-story.43b45fa0.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
- package/storybook/{UICreateSelect-story.6f685540.iframe.bundle.js → UICreateSelect-story.be724da9.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.85d938e0.iframe.bundle.js → UIDatePicker-story.b3d71c97.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.12c2e8e6.iframe.bundle.js → UIDialog-story.6c2a9c3a.iframe.bundle.js} +2 -2
- package/storybook/{UIDropdown-story.9665029e.iframe.bundle.js → UIDropdown-story.0b189ddd.iframe.bundle.js} +1 -1
- package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
- package/storybook/{UILabel-story.49795aba.iframe.bundle.js → UILabel-story.4f878fd0.iframe.bundle.js} +1 -1
- package/storybook/{UILink-story.111b916d.iframe.bundle.js → UILink-story.0a9527b8.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.0da3754b.iframe.bundle.js → UILoader-story.71d8d512.iframe.bundle.js} +2 -2
- package/storybook/{UIMessageBar-story.21443966.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
- package/storybook/{UIPersona-story.7276de7c.iframe.bundle.js → UIPersona-story.cf14bf11.iframe.bundle.js} +1 -1
- package/storybook/{UISearchBox-story.b2e103c4.iframe.bundle.js → UISearchBox-story.9f58fac1.iframe.bundle.js} +1 -1
- package/storybook/{UISections-story.bf185a2a.iframe.bundle.js → UISections-story.4e7d6b0c.iframe.bundle.js} +1 -1
- package/storybook/{UISeparator-story.fa052e00.iframe.bundle.js → UISeparator-story.b93568c6.iframe.bundle.js} +1 -1
- package/storybook/{UITable-story.c80d3a04.iframe.bundle.js → UITable-story.08b1e3ca.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.24e2874f.iframe.bundle.js → UITextInput-story.51cd8b66.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.99bc14b4.iframe.bundle.js → UIToggle-story.0f04a592.iframe.bundle.js} +2 -2
- package/storybook/{UIToggleGroup-story.e5826214.iframe.bundle.js → UIToggleGroup-story.ea3b5223.iframe.bundle.js} +2 -2
- package/storybook/{UITooltip-story.4a12582e.iframe.bundle.js → UITooltip-story.b998278a.iframe.bundle.js} +2 -2
- package/storybook/{UITranslationInput-story.90c7e487.iframe.bundle.js → UITranslationInput-story.298127f4.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.1df59995.iframe.bundle.js → UITreedropdown-story.60ded1bc.iframe.bundle.js} +1 -1
- package/storybook/{Utilities-story.7f8fd70e.iframe.bundle.js → Utilities-story.31a14ded.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +3 -3
- package/storybook/{main.c9bd7885.iframe.bundle.js → main.54ec2155.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.426622d6.iframe.bundle.js +2 -0
- package/storybook/625.874afe67.iframe.bundle.js +0 -62
- package/storybook/642.ce702059.iframe.bundle.js +0 -7
- package/storybook/693.6315357e.iframe.bundle.js +0 -42
- package/storybook/723.36541956.iframe.bundle.js +0 -1
- package/storybook/UIIcon-story.56526df5.iframe.bundle.js +0 -1
- package/storybook/runtime~main.d417811b.iframe.bundle.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
1
|
+
"use strict";(()=>{var O=Object.defineProperty,B=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var C=(d,a,o)=>a in d?O(d,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):d[a]=o,D=(d,a)=>{for(var o in a||(a={}))P.call(a,o)&&C(d,o,a[o]);if(U)for(var o of U(a))z.call(a,o)&&C(d,o,a[o]);return d},k=(d,a)=>B(d,M(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(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,g){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 _=0;_<r.length;_++){var c=[].concat(r[_]);e&&f[c[0]]||(typeof g!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=g),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var 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={},g=[],f=0;f<t.length;f++){var l=t[f],I=e.base?l[0]+e.base:l[0],_=n[I]||0,c="".concat(I," ").concat(_);n[I]=_+1;var h=o(c),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)a[h].references++,a[h].updater(x);else{var b=r(x,e);e.byIndex=f,a.splice(f,0,{identifier:c,updater:b,references:1})}g.push(c)}return g}function r(t,e){var n=e.domAPI(e);n.update(t);var g=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 g}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],_=o(I);a[_].references--}for(var c=p(f,e),h=0;h<n.length;h++){var x=n[h],b=o(x);a[b].references===0&&(a[b].updater(),a.splice(b,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var 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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function 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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function a(r,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function 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"(d,a,o){var p=this&&this.__createBinding||(Object.create?(function(i,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(i,s,y)}):(function(i,u,m,s){s===void 0&&(s=m),i[s]=u[m]})),r=this&&this.__setModuleDefault||(Object.create?(function(i,u){Object.defineProperty(i,"default",{enumerable:!0,value:u})}):function(i,u){i.default=u}),t=this&&this.__importStar||(function(){var i=function(u){return i=Object.getOwnPropertyNames||function(m){var s=[];for(var y in m)Object.prototype.hasOwnProperty.call(m,y)&&(s[s.length]=y);return s},i(u)};return function(u){if(u&&u.__esModule)return u;var m={};if(u!=null)for(var s=i(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.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),g=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"),_=o("./src/components/UIComboBox/index.tsx"),c=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},x={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class b 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(g.UIDialog,k(D({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},s),{onAccept:this.onAccept,styles:x,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(_.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const E=i=>{const[u,m]=(0,e.useState)(!1),s=()=>{m(!u)},y=D({},x.main),{size:v}=i;v&&(y.height=v);let T="Open Large Dialog";return v&&(T+=` height=${v}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(f.UIDefaultButton,{onClick:s,primary:!0},T),e.default.createElement(g.UIDialog,{isOpen:u,isOpenAnimated:i.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"})))},A=i=>{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(g.UIDialog,{isOpen:u,isOpenAnimated:i.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."}}))},S=i=>{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(g.UIDialog,{isOpen:u,isOpenAnimated:i.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"})]}))},w=()=>{const[i,u]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(c.UICheckbox,{label:"Open animation enabled",checked:i,onChange:(m,s)=>{u(s)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!1,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(b,{draggable:!0,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{size:400,openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(E,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(A,{openAnimation:i})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(S,{openAnimation:i}))))};a.Dialog=w}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var T=Object.defineProperty,B=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(u,t,d)=>t in u?T(u,t,{enumerable:!0,configurable:!0,writable:!0,value:d}):u[t]=d,i=(u,t)=>{for(var d in t||(t={}))P.call(t,d)&&w(u,d,t[d]);if(x)for(var d of x(t))G.call(t,d)&&w(u,d,t[d]);return u},c=(u,t)=>B(u,O(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[6],{"./stories/UIDropdown.story.tsx"(u,t,d){var p=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=p(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=d("../../node_modules/.pnpm/@fluentui+react@8.
|
|
1
|
+
"use strict";(()=>{var T=Object.defineProperty,B=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(u,t,d)=>t in u?T(u,t,{enumerable:!0,configurable:!0,writable:!0,value:d}):u[t]=d,i=(u,t)=>{for(var d in t||(t={}))P.call(t,d)&&w(u,d,t[d]);if(x)for(var d of x(t))G.call(t,d)&&w(u,d,t[d]);return u},c=(u,t)=>B(u,O(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[6],{"./stories/UIDropdown.story.tsx"(u,t,d){var p=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=p(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=d("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),a=d("./src/components/index.tsx"),n=d("./test/__mock__/select-data.ts");t.default={title:"Dropdowns/Dropdown"};const k=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,useDropdownAsMenuMinWidth:!0}));t.Basic=k;const D=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:n.shortData}),e.default.createElement(a.UIDropdown,{options:n.shortData,disabled:!0}));t.Short=D;const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Required",required:!0}));t.States=I;const M=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=M;const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:n.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),e.default.createElement(a.UIDropdown,{label:"Long",options:n.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:n.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:n.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:n.shortData})));t.UseDropdownAsMenuMinWidth=U;const A=()=>{const[l,y]=e.default.useState(!1),[r,s]=e.default.useState("EE"),h={childrenGap:40},f=Array.isArray(r)?r:void 0,m={options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:l,onChange:(C,o)=>{if(Array.isArray(r)){const K=[...r,o==null?void 0:o.key].filter(R=>o!=null&&o.selected?!0:R!==(o==null?void 0:o.key));s(K)}else o&&s(o.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:l,onChange:(C,o)=>{o&&!Array.isArray(r)?s([r]):!o&&Array.isArray(r)&&s(r[0]),y(o)}}),e.default.createElement(E.Stack,{horizontal:!0,tokens:h},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.UIDropdown,c(i({},m),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{errorMessage:"Dummy error",selectedKey:r,selectedKeys:f})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,c(i({},m),{selectedKey:r,selectedKeys:f,readOnly:!0})))))))};t.accessibilityStates=A;const g=()=>{const l=[...n.groupsData];return l.splice(4,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),l.splice(14,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),l.splice(18,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:n.groupsData,label:"Menu items with headers"}),e.default.createElement(a.UIDropdown,{options:l,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIDropdown,{options:n.groupsData,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIDropdown,{options:l,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=g;const b=["AR","BR","DK"],_=n.data.map(l=>b.includes(l.key)?c(i({},l),{editable:!0}):l),v=()=>e.default.createElement(a.UIDropdown,{options:_,onRenderOption:(l,y)=>{var r;return"editable"in(l!=null?l:{})?e.default.createElement(a.UITextInput,{onMouseDown:s=>{s.target.focus()},onClick:s=>{s.nativeEvent.preventDefault(),s.nativeEvent.stopPropagation(),s.preventDefault(),s.stopPropagation()}}):(r=y==null?void 0:y(l))!=null?r:null},onRenderItem:(l,y)=>{var r;return(r=y==null?void 0:y(l))!=null?r:null}});t.customRender=v},"./test/__mock__/select-data.ts"(u,t,d){Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const p=d("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const e={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const E in e){t.groupsData.push({key:E,text:E.charAt(0).toUpperCase()+E.slice(1),itemType:p.UISelectableOptionMenuItemType.Header});const a=e[E];for(const n of a){const k=t.data.find(D=>D.key===n);k&&t.groupsData.push(k)}}}}]);})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx"(l,t,o){var d=this&&this.__createBinding||(Object.create?(function(r,n,e,s){s===void 0&&(s=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,s,u)}):(function(r,n,e,s){s===void 0&&(s=e),r[s]=n[e]})),i=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&d(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,i(o("./src/components/index.tsx"),t),i(o("./src/utilities/index.ts"),t),i(o("./src/theme/index.ts"),t);var a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return a.setIconOptions}})},"./stories/UIIcon.story.tsx"(l,t,o){var d=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const i=d(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=o("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=o("./src/components/UIIcon/index.tsx"),n=o("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const c in n.UiIcons)e.push(c);e.sort();const s=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>i.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>i.default.createElement("span",null,c)}],u=()=>i.default.createElement("div",null,i.default.createElement(a.DetailsList,{selectionMode:a.SelectionMode.none,items:e,columns:s,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(o,e,t)=>e in o?p(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(o,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(o,t,e[t]);return o},b=(o,e)=>m(o,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(o,e,t){var
|
|
1
|
+
"use strict";(()=>{var p=Object.defineProperty,m=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(o,e,t)=>e in o?p(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))I.call(e,t)&&f(o,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(o,t,e[t]);return o},b=(o,e)=>m(o,y(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(o,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class r extends c.default.Component{constructor(n){super(n)}render(){const n=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,b(d({},this.props),{styles:n}))}}e.UILabel=r},"./src/components/UILabel/index.tsx"(o,e,t){var u=this&&this.__createBinding||(Object.create?(function(l,s,r,a){a===void 0&&(a=r);var n=Object.getOwnPropertyDescriptor(s,r);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[r]}}),Object.defineProperty(l,a,n)}):(function(l,s,r,a){a===void 0&&(a=r),l[a]=s[r]})),c=this&&this.__exportStar||function(l,s){for(var r in l)r!=="default"&&!Object.prototype.hasOwnProperty.call(s,r)&&u(s,l,r)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(o,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(o,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const r={childrenGap:40},a=()=>c.default.createElement(l.Stack,{tokens:r,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=a}}]);})();
|
package/storybook/{UILink-story.111b916d.iframe.bundle.js → UILink-story.0a9527b8.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
1
|
+
"use strict";(()=>{var k=Object.defineProperty,x=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var y=(f,o,a)=>o in f?k(f,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):f[o]=a,v=(f,o)=>{for(var a in o||(o={}))I.call(o,a)&&y(f,a,o[a]);if(g)for(var a of g(o))S.call(o,a)&&y(f,a,o[a]);return f},m=(f,o)=>x(f,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(f){f.exports=function(o){var a=[];return a.toString=function(){return this.map(function(s){var t="",e=typeof s[5]!="undefined";return s[4]&&(t+="@supports (".concat(s[4],") {")),s[2]&&(t+="@media ".concat(s[2]," {")),e&&(t+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),t+=o(s),e&&(t+="}"),s[2]&&(t+="}"),s[4]&&(t+="}"),t}).join("")},a.i=function(s,t,e,r,i){typeof s=="string"&&(s=[[null,s,void 0]]);var l={};if(e)for(var c=0;c<this.length;c++){var b=this[c][0];b!=null&&(l[b]=!0)}for(var d=0;d<s.length;d++){var n=[].concat(s[d]);e&&l[n[0]]||(typeof i!="undefined"&&(typeof n[5]=="undefined"||(n[1]="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {").concat(n[1],"}")),n[5]=i),t&&(n[2]&&(n[1]="@media ".concat(n[2]," {").concat(n[1],"}")),n[2]=t),r&&(n[4]?(n[1]="@supports (".concat(n[4],") {").concat(n[1],"}"),n[4]=r):n[4]="".concat(r)),a.push(n))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(f){f.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(f){var o=[];function a(t){for(var e=-1,r=0;r<o.length;r++)if(o[r].identifier===t){e=r;break}return e}function u(t,e){for(var r={},i=[],l=0;l<t.length;l++){var c=t[l],b=e.base?c[0]+e.base:c[0],d=r[b]||0,n="".concat(b," ").concat(d);r[b]=d+1;var p=a(n),h={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(p!==-1)o[p].references++,o[p].updater(h);else{var _=s(h,e);e.byIndex=l,o.splice(l,0,{identifier:n,updater:_,references:1})}i.push(n)}return i}function s(t,e){var r=e.domAPI(e);r.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;r.update(t=c)}else r.remove()};return i}f.exports=function(t,e){e=e||{},t=t||[];var r=u(t,e);return function(l){l=l||[];for(var c=0;c<r.length;c++){var b=r[c],d=a(b);o[d].references--}for(var n=u(l,e),p=0;p<r.length;p++){var h=r[p],_=a(h);o[_].references===0&&(o[_].updater(),o.splice(_,1))}r=n}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(f){var o={};function a(s){if(typeof o[s]=="undefined"){var t=document.querySelector(s);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[s]=t}return o[s]}function u(s,t){var e=a(s);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(f){function o(a){var u=document.createElement("style");return a.setAttributes(u,a.attributes),a.insert(u,a.options),u}f.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(f,o,a){function u(s){var t=a.nc;t&&s.setAttribute("nonce",t)}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(f){function o(s,t,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var i=typeof e.layer!="undefined";i&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,i&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),t.styleTagTransform(r,s,t.options)}function a(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=s.insertStyleElement(s);return{update:function(r){o(t,s,r)},remove:function(){a(t)}}}f.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(f){function o(a,u){if(u.styleSheet)u.styleSheet.cssText=a;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(a))}}f.exports=o},"./src/components/UICheckbox/UICheckbox.tsx"(f,o,a){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=a("./src/helper/ValidationMessage/index.tsx"),r=a("./src/components/UIInput/index.tsx");class i extends s.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(b,d)=>({root:[!d.disabled&&[!d.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:d.disabled?"GrayText":"WindowText"}}}],d.checked&&!d.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:d.disabled?"":"var(--vscode-checkbox-background)",borderColor:d.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},b.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:d.disabled?.4:void 0,borderRadius:r.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:d.disabled?.4:void 0}})}render(){const c=(0,e.getMessageInfo)(this.props),b=s.default.createElement(t.Checkbox,m(v({},this.props),{styles:d=>v(v({},this.setStyle(c,d)),this.props.styles)}));return c.message?s.default.createElement(e.MessageWrapper,{message:c},b):b}}o.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./src/components/UILink/UILink.tsx"(f,o,a){var u=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILink=void 0;const s=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class r extends s.default.Component{constructor(l){super(l)}render(){const{secondary:l,underline:c,disabled:b}=this.props,d=l?e.secondary:e.primary,n=()=>({root:{color:d.color,textDecoration:c===!1?void 0:"underline",selectors:b?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:d.hoverColor,textDecoration:c===!1?"underline":"none"},"&:active, &:focus":{color:d.hoverColor,textDecoration:c===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:b?.4:void 0}});return s.default.createElement(t.Link,m(v({},this.props),{styles:n}))}}o.UILink=r},"./src/components/UILink/index.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(t,e,r,i){i===void 0&&(i=r);var l=Object.getOwnPropertyDescriptor(e,r);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,l)}):(function(t,e,r,i){i===void 0&&(i=r),t[i]=e[r]})),s=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&u(e,t,r)};Object.defineProperty(o,"__esModule",{value:!0}),s(a("./src/components/UILink/UILink.tsx"),o)},"./stories/UILink.story.tsx"(f,o,a){var u=this&&this.__createBinding||(Object.create?(function(d,n,p,h){h===void 0&&(h=p);var _=Object.getOwnPropertyDescriptor(n,p);(!_||("get"in _?!n.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(d,h,_)}):(function(d,n,p,h){h===void 0&&(h=p),d[h]=n[p]})),s=this&&this.__setModuleDefault||(Object.create?(function(d,n){Object.defineProperty(d,"default",{enumerable:!0,value:n})}):function(d,n){d.default=n}),t=this&&this.__importStar||(function(){var d=function(n){return d=Object.getOwnPropertyNames||function(p){var h=[];for(var _ in p)Object.prototype.hasOwnProperty.call(p,_)&&(h[h.length]=_);return h},d(n)};return function(n){if(n&&n.__esModule)return n;var p={};if(n!=null)for(var h=d(n),_=0;_<h.length;_++)h[_]!=="default"&&u(p,n,h[_]);return s(p,n),p}})();Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),i=a("./src/components/UILink/index.tsx"),l=a("./src/components/UICheckbox/index.tsx");o.default={title:"Basic Inputs/Link"};const c={childrenGap:40},b=()=>{const[d,n]=(0,e.useState)(!1);return e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(l.UICheckbox,{label:"Disabled",checked:d,onChange:(p,h)=>{n(!!h)}}))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:d},"I am a link"))),e.default.createElement(r.Stack,{tokens:c},e.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),e.default.createElement(r.Stack,{horizontal:!0,tokens:c},e.default.createElement(i.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:d},"I am a secondary link"))))};o.defaultUsage=b}}]);})();
|
|
@@ -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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),t.styleTagTransform(_,l,t.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
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.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(m,a,s){var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),t=l(d);t.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=t},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(m){"use strict";m.exports=function(a){var s=[];return s.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},s.i=function(l,t,e,_,c){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var n=0;n<this.length;n++){var i=this[n][0];i!=null&&(u[i]=!0)}for(var w=0;w<l.length;w++){var r=[].concat(l[w]);e&&u[r[0]]||(typeof c!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=c),t&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=t),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),s.push(r))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(m){"use strict";m.exports=function(a){return a[1]}},"./src/styles/_shadows.scss"(m,a,s){"use strict";s.r(a),s.d(a,{default:()=>p});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(t),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),c=s.n(_),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),n=s.n(u),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),w=s.n(i),r=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=s.n(r),v=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_c87d059dae1658c59490c31a34edf9cb/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(v),y={};for(const f in v)f!=="default"&&(y[f]=()=>v[f]);s.d(a,y);var o={};o.styleTagTransform=b(),o.setAttributes=n(),o.insert=c().bind(null,"head"),o.domAPI=e(),o.insertStyleElement=w();var h=l()(E(),o);const p=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(m){"use strict";var a=[];function s(t){for(var e=-1,_=0;_<a.length;_++)if(a[_].identifier===t){e=_;break}return e}function d(t,e){for(var _={},c=[],u=0;u<t.length;u++){var n=t[u],i=e.base?n[0]+e.base:n[0],w=_[i]||0,r="".concat(i," ").concat(w);_[i]=w+1;var b=s(r),v={css:n[1],media:n[2],sourceMap:n[3],supports:n[4],layer:n[5]};if(b!==-1)a[b].references++,a[b].updater(v);else{var E=l(v,e);e.byIndex=u,a.splice(u,0,{identifier:r,updater:E,references:1})}c.push(r)}return c}function l(t,e){var _=e.domAPI(e);_.update(t);var c=function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap&&n.supports===t.supports&&n.layer===t.layer)return;_.update(t=n)}else _.remove()};return c}m.exports=function(t,e){e=e||{},t=t||[];var _=d(t,e);return function(u){u=u||[];for(var n=0;n<_.length;n++){var i=_[n],w=s(i);a[w].references--}for(var r=d(u,e),b=0;b<_.length;b++){var v=_[b],E=s(v);a[E].references===0&&(a[E].updater(),a.splice(E,1))}_=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(m){"use strict";var a={};function s(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(m){"use strict";function a(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}m.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(m,a,s){"use strict";function d(l){var t=s.nc;t&&l.setAttribute("nonce",t)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(m){"use strict";function a(l,t,e){var _="";e.supports&&(_+="@supports (".concat(e.supports,") {")),e.media&&(_+="@media ".concat(e.media," {"));var c=typeof e.layer!="undefined";c&&(_+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),_+=e.css,c&&(_+="}"),e.media&&(_+="}"),e.supports&&(_+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(_+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),t.styleTagTransform(_,l,t.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(_){a(t,l,_)},remove:function(){s(t)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(m){"use strict";function a(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}m.exports=a},"./stories/UILoader.story.tsx"(m,a,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(y,o,h,p){p===void 0&&(p=h);var f=Object.getOwnPropertyDescriptor(o,h);(!f||("get"in f?!o.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return o[h]}}),Object.defineProperty(y,p,f)}):(function(y,o,h,p){p===void 0&&(p=h),y[p]=o[h]})),l=this&&this.__setModuleDefault||(Object.create?(function(y,o){Object.defineProperty(y,"default",{enumerable:!0,value:o})}):function(y,o){y.default=o}),t=this&&this.__importStar||(function(){var y=function(o){return y=Object.getOwnPropertyNames||function(h){var p=[];for(var f in h)Object.prototype.hasOwnProperty.call(h,f)&&(p[p.length]=f);return p},y(o)};return function(o){if(o&&o.__esModule)return o;var h={};if(o!=null)for(var p=y(o),f=0;f<p.length;f++)p[f]!=="default"&&d(h,o,p[f]);return l(h,o),h}})();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialogs=a.Delayed=a.Loaders=void 0;const e=t(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),c=s("./src/components/UILoader/index.tsx"),u=s("./src/components/UIButton/index.tsx"),n=s("./src/components/UIDialog/index.ts");a.default={title:"Progress/Loader"};const i={childrenGap:40},w=()=>e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Default Loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,null))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.large}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Medium loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.medium}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.small}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"xSmall loader"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{size:_.SpinnerSize.xSmall}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(_.Text,null,"Loader - block DOM"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0}))),e.default.createElement(_.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(_.Text,null,"Loader - block DOM with text..."),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Small loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(_.Stack,{tokens:i},e.default.createElement(_.Text,null,"Large loader - css class"),e.default.createElement(_.Stack,{horizontal:!0},e.default.createElement(c.UILoader,{className:"uiLoaderXLarge"}))));a.Loaders=w;const r=()=>{const[y,o]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(_.Text,null,"Loader - delayed"),y&&e.default.createElement(c.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(u.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{o(!y)}}))))};a.Delayed=r;const b=`
|
|
3
3
|
.popup--busy .ms-Dialog-content {
|
|
4
4
|
position: static;
|
|
5
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var m=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,
|
|
1
|
+
"use strict";(()=>{var m=Object.defineProperty,y=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var g=(o,e,s)=>e in o?m(o,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[e]=s,d=(o,e)=>{for(var s in e||(e={}))B.call(e,s)&&g(o,s,e[s]);if(p)for(var s of p(e))I.call(e,s)&&g(o,s,e[s]);return o},f=(o,e)=>y(o,M(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[733],{"./src/components/UIMessageBar/UIMessageBar.tsx"(o,e,s){var i=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIMessageBar=e.UIMessageBarType=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIMessageBarType",{enumerable:!0,get:function(){return t.MessageBarType}});const r=s("./src/components/Icons.tsx");class c extends u.default.Component{constructor(a){super(a),this.setStyle=_=>{const{messageBarType:l}=_;return{root:d({},(l===t.MessageBarType.error||l===t.MessageBarType.success||l===t.MessageBarType.info||l===t.MessageBarType.warning)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}getMessageTypeIcon(a){switch(a){case t.MessageBarType.error:return r.UiIcons.Error;case t.MessageBarType.info:return r.UiIcons.Info;case t.MessageBarType.warning:return r.UiIcons.Warning;default:return r.UiIcons.Success}}render(){const a=this.getMessageTypeIcon(this.props.messageBarType);return u.default.createElement(t.MessageBar,f(d({},this.props),{messageBarIconProps:{iconName:a},styles:this.setStyle(this.props)}),this.props.children)}}e.UIMessageBar=c},"./src/components/UIMessageBar/index.tsx"(o,e,s){var i=this&&this.__createBinding||(Object.create?(function(t,r,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(r,c);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[c]}}),Object.defineProperty(t,n,a)}):(function(t,r,c,n){n===void 0&&(n=c),t[n]=r[c]})),u=this&&this.__exportStar||function(t,r){for(var c in t)c!=="default"&&!Object.prototype.hasOwnProperty.call(r,c)&&i(r,t,c)};Object.defineProperty(e,"__esModule",{value:!0}),u(s("./src/components/UIMessageBar/UIMessageBar.tsx"),e)},"./stories/UIMessageBar.story.tsx"(o,e,s){var i=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const u=i(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),r=s("./src/components/UIMessageBar/index.tsx");e.default={title:"Utilities/MessageBar"};const c={childrenGap:40},n=()=>u.default.createElement(t.Stack,{tokens:c},u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.success},u.default.createElement("div",null,"Success message bar")),u.default.createElement(r.UIMessageBar,{messageBarType:t.MessageBarType.error},u.default.createElement("div",null,"Error message bar")));e.defaultUsage=n}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var m=Object.defineProperty,_=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(r,t,a)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,
|
|
1
|
+
"use strict";(()=>{var m=Object.defineProperty,_=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var u=(r,t,a)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[t]=a,p=(r,t)=>{for(var a in t||(t={}))U.call(t,a)&&u(r,a,t[a]);if(f)for(var a of f(t))b.call(t,a)&&u(r,a,t[a]);return r},d=(r,t)=>_(r,P(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[271],{"./src/components/UIPersona/UIPersona.tsx"(r,t,a){var l=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return i.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return i.PersonaPresence}});class e extends n.default.Component{constructor(c){super(c),this.personaStyles=o=>({root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return n.default.createElement(i.Persona,d(p({},this.props),{styles:this.personaStyles}))}}t.UIPersona=e},"./src/components/UIPersona/index.tsx"(r,t,a){var l=this&&this.__createBinding||(Object.create?(function(i,e,s,c){c===void 0&&(c=s);var o=Object.getOwnPropertyDescriptor(e,s);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(i,c,o)}):(function(i,e,s,c){c===void 0&&(c=s),i[c]=e[s]})),n=this&&this.__exportStar||function(i,e){for(var s in i)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&l(e,i,s)};Object.defineProperty(t,"__esModule",{value:!0}),n(a("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx"(r,t,a){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const n=l(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),e=a("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const s={childrenGap:40},c=()=>n.default.createElement(i.Stack,{tokens:s},n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),n.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),n.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=c}}]);})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var b=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),m=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&b(c,e,n[a]);return m(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.
|
|
1
|
+
"use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var b=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),m=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&b(c,e,n[a]);return m(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),S=r("./src/components/UISearchBox/index.tsx"),y=r("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},a=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{a("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(m,t,a)=>t in m?F(m,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[t]=a,_=(m,t)=>{for(var a in t||(t={}))W.call(t,a)&&w(m,a,t[a]);if(q)for(var a of q(t))G.call(t,a)&&w(m,a,t[a]);return m},C=(m,t)=>K(m,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?(function(e,o,s,f){f===void 0&&(f=s);var h=Object.getOwnPropertyDescriptor(o,s);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(e,f,h)}):(function(e,o,s,f){f===void 0&&(f=s),e[f]=o[s]})),S=this&&this.__exportStar||function(e,o){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&T(o,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(a("./src/components/index.tsx"),t),S(a("./src/utilities/index.ts"),t),S(a("./src/theme/index.ts"),t);var U=a("../../node_modules/.pnpm/@fluentui+react@8.
|
|
1
|
+
"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(m,t,a)=>t in m?F(m,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[t]=a,_=(m,t)=>{for(var a in t||(t={}))W.call(t,a)&&w(m,a,t[a]);if(q)for(var a of q(t))G.call(t,a)&&w(m,a,t[a]);return m},C=(m,t)=>K(m,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?(function(e,o,s,f){f===void 0&&(f=s);var h=Object.getOwnPropertyDescriptor(o,s);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(e,f,h)}):(function(e,o,s,f){f===void 0&&(f=s),e[f]=o[s]})),S=this&&this.__exportStar||function(e,o){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&T(o,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(a("./src/components/index.tsx"),t),S(a("./src/utilities/index.ts"),t),S(a("./src/theme/index.ts"),t);var U=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return U.setIconOptions}})},"./stories/UISections.story.tsx"(m,t,a){var T=this&&this.__createBinding||(Object.create?(function(l,n,d,i){i===void 0&&(i=d);var r=Object.getOwnPropertyDescriptor(n,d);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[d]}}),Object.defineProperty(l,i,r)}):(function(l,n,d,i){i===void 0&&(i=d),l[i]=n[d]})),S=this&&this.__setModuleDefault||(Object.create?(function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}):function(l,n){l.default=n}),U=this&&this.__importStar||(function(){var l=function(n){return l=Object.getOwnPropertyNames||function(d){var i=[];for(var r in d)Object.prototype.hasOwnProperty.call(d,r)&&(i[i.length]=r);return i},l(n)};return function(n){if(n&&n.__esModule)return n;var d={};if(n!=null)for(var i=l(n),r=0;r<i.length;r++)i[r]!=="default"&&T(d,n,i[r]);return S(d,n),d}})();Object.defineProperty(t,"__esModule",{value:!0}),t.VerticalSectionsThreeRows=t.HorizontalSectionsThreeColumns=t.VerticalSections=t.HorizontalSections=void 0;const e=U(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("./src/components/UISection/index.tsx"),s=a("./src/components/UIToggle/index.tsx"),f=a("./src/components/UIDropdown/index.tsx"),h=a("./src/components/UIButton/index.tsx"),A=a("./src/index.tsx");t.default={title:"Utilities/Splitter"};const V=`
|
|
2
2
|
.componentOptions {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(()=>{var _=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(
|
|
1
|
+
"use strict";(()=>{var _=Object.defineProperty,m=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(s,e,a)=>e in s?_(s,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[e]=a,p=(s,e)=>{for(var a in e||(e={}))S.call(e,a)&&i(s,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(s,a,e[a]);return s},f=(s,e)=>m(s,b(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(s,e,a){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISeparator=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends r.default.Component{constructor(l){super(l)}render(){const l=c=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},c.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return r.default.createElement(o.Separator,f(p({},this.props),{styles:l}))}}e.UISeparator=n},"./src/components/UISeparator/index.tsx"(s,e,a){var u=this&&this.__createBinding||(Object.create?(function(o,n,t,l){l===void 0&&(l=t);var c=Object.getOwnPropertyDescriptor(n,t);(!c||("get"in c?!n.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,c)}):(function(o,n,t,l){l===void 0&&(l=t),o[l]=n[t]})),r=this&&this.__exportStar||function(o,n){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&u(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(a("./src/components/UISeparator/UISeparator.tsx"),e)},"./stories/UISeparator.story.tsx"(s,e,a){var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a("./src/components/UISeparator/index.tsx");e.default={title:"Utilities/Separator"};const t={childrenGap:40},l=()=>r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,{vertical:!0}),r.default.createElement("span",null,"World"))),r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,null),r.default.createElement("span",null,"World"))));e.defaultUsage=l}}]);})();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx"(v,l,
|
|
1
|
+
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx"(v,l,c){var m=this&&this.__createBinding||(Object.create?(function(t,e,n,a){a===void 0&&(a=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,a,i)}):(function(t,e,n,a){a===void 0&&(a=n),t[a]=e[n]})),r=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),d=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var a=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&m(n,e,a[i]);return r(n,e),n}})();Object.defineProperty(l,"__esModule",{value:!0}),l.EditableTable2=l.EditableTable=l.ReadOnlyTable=void 0;const o=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=c("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),b=c("./src/components/UITable/index.tsx"),g=c("./src/components/Icons.tsx"),f=c("./src/components/UITable/types.ts"),u=c("./test/__mock__/table-data.ts");l.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput,comboboxOptions:void 0};return(e===1||e>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.iconName=g.UiIcons.Home,n.iconTooltip="Dummy tooltip"),e===3&&(n.columnControlType=f.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),e===4&&(n.columnControlType=f.ColumnControlType.UIBooleanSelect),n}),_=p.map(t=>Object.assign({},t,{validate:void 0,editable:!1})),T=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:u.items,dataSetKey:"datasetkey",columns:_})));l.ReadOnlyTable=T;function S(t,e){var n;t&&(console.log("saving ",e,t),u.items[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items))}function y(t){console.log("selected",t)}function h(t){if(t==="hello")return'"hello" is not allowed here!'}const w=()=>{const[t,e]=(0,o.useState)(null),[n,a]=(0,o.useState)(null);return o.default.createElement(s.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>e(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>e(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>e(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>a("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>a("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:t,selectedColumnId:n,selectionMode:s.SelectionMode.multiple,checkboxVisibility:s.CheckboxVisibility.always,showRowNumbers:!0})))};l.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput};return e>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.columnControlType=f.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),O=(t,e)=>e?o.default.createElement(s.Sticky,null,e(t)):null;function k(t,e){var n;t&&(console.log("saving ",e,t),u.items2[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",u.items2))}const A=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:u.items2,columns:E,onSave:k,onSelectionChange:y,checkboxVisibility:s.CheckboxVisibility.always,headerRenderer:O,selectionMode:s.SelectionMode.multiple,renderInputs:f.RenderInputs.always})));l.EditableTable2=A},"./test/__mock__/table-data.ts"(v,l){Object.defineProperty(l,"__esModule",{value:!0}),l.items2=l.items=void 0;const c=`lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut
|
|
2
2
|
labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut
|
|
3
3
|
aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
|
|
4
|
-
eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt`;let m=0;function r(d=4){const o=
|
|
4
|
+
eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt`;let m=0;function r(d=4){const o=c.split(" "),s=m+d>o.length?0:m;return m=s+d,o.slice(s,m).join(" ")}l.items=Array.from({length:200}).map((d,o)=>({key:o,test1:`row ${o}`,test2:r(),test3:r(),test4:r(),test5:r(),test6:r(),test7:r(),test8:r(),test9:r(),test10:r()})),l.items2=Array.from({length:4}).map((d,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.
|
|
1
|
+
"use strict";(()=>{var C=Object.defineProperty,E=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var y=(d,r,n)=>r in d?C(d,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):d[r]=n,h=(d,r)=>{for(var n in r||(r={}))S.call(r,n)&&y(d,n,r[n]);if(k)for(var n of k(r))U.call(r,n)&&y(d,n,r[n]);return d},m=(d,r)=>E(d,w(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[644],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(d){d.exports=function(r){var n=[];return n.toString=function(){return this.map(function(e){var t="",a=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),a&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=r(e),a&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},n.i=function(e,t,a,l,i){typeof e=="string"&&(e=[[null,e,void 0]]);var s={};if(a)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(s[p]=!0)}for(var f=0;f<e.length;f++){var o=[].concat(e[f]);a&&s[o[0]]||(typeof i!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=i),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),l&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=l):o[4]="".concat(l)),n.push(o))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(d){d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(d){var r=[];function n(t){for(var a=-1,l=0;l<r.length;l++)if(r[l].identifier===t){a=l;break}return a}function u(t,a){for(var l={},i=[],s=0;s<t.length;s++){var c=t[s],p=a.base?c[0]+a.base:c[0],f=l[p]||0,o="".concat(p," ").concat(f);l[p]=f+1;var b=n(o),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(b!==-1)r[b].references++,r[b].updater(v);else{var g=e(v,a);a.byIndex=s,r.splice(s,0,{identifier:o,updater:g,references:1})}i.push(o)}return i}function e(t,a){var l=a.domAPI(a);l.update(t);var i=function(c){if(c){if(c.css===t.css&&c.media===t.media&&c.sourceMap===t.sourceMap&&c.supports===t.supports&&c.layer===t.layer)return;l.update(t=c)}else l.remove()};return i}d.exports=function(t,a){a=a||{},t=t||[];var l=u(t,a);return function(s){s=s||[];for(var c=0;c<l.length;c++){var p=l[c],f=n(p);r[f].references--}for(var o=u(s,a),b=0;b<l.length;b++){var v=l[b],g=n(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}l=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(d){var r={};function n(e){if(typeof r[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(a){t=null}r[e]=t}return r[e]}function u(e,t){var a=n(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(d){function r(n){var u=document.createElement("style");return n.setAttributes(u,n.attributes),n.insert(u,n.options),u}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(d,r,n){function u(e){var t=n.nc;t&&e.setAttribute("nonce",t)}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(d){function r(e,t,a){var l="";a.supports&&(l+="@supports (".concat(a.supports,") {")),a.media&&(l+="@media ".concat(a.media," {"));var i=typeof a.layer!="undefined";i&&(l+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),l+=a.css,i&&(l+="}"),a.media&&(l+="}"),a.supports&&(l+="}");var s=a.sourceMap;s&&typeof btoa!="undefined"&&(l+=`
|
|
2
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(l,e,t.options)}function n(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(l){r(t,e,l)},remove:function(){n(t)}}}d.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(d){function r(n,u){if(u.styleSheet)u.styleSheet.cssText=n;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(n))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx"(d,r,n){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(r,"__esModule",{value:!0}),r.UICheckbox=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/helper/ValidationMessage/index.tsx"),l=n("./src/components/UIInput/index.tsx");class i extends e.default.Component{constructor(c){super(c),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(p,f)=>({root:[!f.disabled&&[!f.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[t.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[t.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[t.HighContrastSelector]:{color:f.disabled?"GrayText":"WindowText"}}}],f.checked&&!f.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:f.disabled?"":"var(--vscode-checkbox-background)",borderColor:f.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[t.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},p.message&&{marginBottom:2}],input:{[`.${t.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[t.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:f.disabled?.4:void 0,borderRadius:l.COMMON_INPUT_STYLES.borderRadius},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:f.disabled?.4:void 0}})}render(){const c=(0,a.getMessageInfo)(this.props),p=e.default.createElement(t.Checkbox,m(h({},this.props),{styles:f=>h(h({},this.setStyle(c,f)),this.props.styles)}));return c.message?e.default.createElement(a.MessageWrapper,{message:c},p):p}}r.UICheckbox=i},"./src/components/UICheckbox/index.tsx"(d,r,n){var u=this&&this.__createBinding||(Object.create?(function(t,a,l,i){i===void 0&&(i=l);var s=Object.getOwnPropertyDescriptor(a,l);(!s||("get"in s?!a.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return a[l]}}),Object.defineProperty(t,i,s)}):(function(t,a,l,i){i===void 0&&(i=l),t[i]=a[l]})),e=this&&this.__exportStar||function(t,a){for(var l in t)l!=="default"&&!Object.prototype.hasOwnProperty.call(a,l)&&u(a,t,l)};Object.defineProperty(r,"__esModule",{value:!0}),e(n("./src/components/UICheckbox/UICheckbox.tsx"),r)},"./stories/UITextInput.story.tsx"(d,r,n){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.accessibilityStates=r.defaultUsage=void 0;const e=u(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),a=n("./src/components/UIInput/index.tsx"),l=n("./src/components/UICheckbox/index.tsx");r.default={title:"Basic Inputs/Input"};const i={childrenGap:40},s={iconName:"FolderOpened"},c=()=>e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(a.UITextInput,{label:"Enter your name"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(a.UITextInput,{label:"Select your folder",iconProps:s})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(a.UITextInput,{label:"Enter your name",disabled:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(a.UITextInput,{label:"Required",required:!0})));r.defaultUsage=c;const p=()=>{const[o,b]=e.default.useState(!1),[v,g]=e.default.useState("Content"),_={multiline:o,onChange:(I,x)=>{g(x||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:i},e.default.createElement(l.UICheckbox,{label:"Multi Line",checked:o,onChange:(I,x)=>{b(x)}})),e.default.createElement(t.Stack,{horizontal:!0,tokens:i},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{errorMessage:"Dummy error",value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,m(h({},_),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const f=()=>{const o="Dummy message";return e.default.createElement(t.Stack,{tokens:i,style:{width:"100%"}},e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(a.UITextInput,{label:"input field label",errorMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(a.UITextInput,{label:"input field label",warningMessage:o})),e.default.createElement(t.Separator,null),e.default.createElement(t.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(a.UITextInput,{label:"input field label",infoMessage:o})))};r.withMessages=f}}]);})();
|