@sap-ux/ui-components 1.15.4 → 1.15.5
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/Icons.d.ts +1 -0
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +5 -0
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +2 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts.map +1 -1
- package/package.json +7 -7
- package/storybook/16.a38966a1.iframe.bundle.js +10 -0
- package/storybook/{17.58e7a4db.iframe.bundle.js → 17.0cc6f210.iframe.bundle.js} +1 -1
- package/storybook/254.480f8d47.iframe.bundle.js +17 -0
- package/storybook/261.9ee18d6b.iframe.bundle.js +1 -0
- package/storybook/273.ad91d7a2.iframe.bundle.js +1 -0
- package/storybook/364.bdc5162d.iframe.bundle.js +7 -0
- package/storybook/412.d3210aac.iframe.bundle.js +24 -0
- package/storybook/498.47bc40f4.iframe.bundle.js +1 -0
- package/storybook/550.6b4ff2e7.iframe.bundle.js +1 -0
- package/storybook/703.30327e17.iframe.bundle.js +1 -0
- package/storybook/{808.3481e3a0.iframe.bundle.js → 808.47f59694.iframe.bundle.js} +48 -48
- package/storybook/859.0c587c70.iframe.bundle.js +1 -0
- package/storybook/967.db5da448.iframe.bundle.js +1 -0
- package/storybook/980.01057be4.iframe.bundle.js +1 -0
- package/storybook/UIActionCallout-story.3dc17f4f.iframe.bundle.js +2 -0
- package/storybook/UIButton-story.f08e0cd6.iframe.bundle.js +2 -0
- package/storybook/UICallout-story.02dc9df4.iframe.bundle.js +2 -0
- package/storybook/UICalloutCollisionTransform-story.c5584c56.iframe.bundle.js +1 -0
- package/storybook/UICheckbox-story.61fcd35c.iframe.bundle.js +2 -0
- package/storybook/UIChoiceGroup-story.fac8cbba.iframe.bundle.js +1 -0
- package/storybook/UICombobox-story.484e57de.iframe.bundle.js +1 -0
- package/storybook/UIContextualMenu-story.5fcf5883.iframe.bundle.js +2 -0
- package/storybook/UICreateSelect-story.0da3292e.iframe.bundle.js +2 -0
- package/storybook/{UIDatePicker-story.3319a11e.iframe.bundle.js → UIDatePicker-story.5b73f93b.iframe.bundle.js} +1 -1
- package/storybook/UIDialog-story.b683a5e8.iframe.bundle.js +2 -0
- package/storybook/UIDropdown-story.f2bdb24e.iframe.bundle.js +1 -0
- package/storybook/{UIFlexibleTable-story.3606536e.iframe.bundle.js → UIFlexibleTable-story.c0fc8cd9.iframe.bundle.js} +1 -1
- package/storybook/UIIcon-story.6f38fa33.iframe.bundle.js +2 -0
- package/storybook/UILabel-story.4f1c4004.iframe.bundle.js +1 -0
- package/storybook/UILink-story.5435d741.iframe.bundle.js +1 -0
- package/storybook/{UILoader-story.ecf11805.iframe.bundle.js → UILoader-story.a6ec2932.iframe.bundle.js} +1 -1
- package/storybook/UIMessageBar-story.d4c86d49.iframe.bundle.js +1 -0
- package/storybook/UIPersona-story.4fb77e30.iframe.bundle.js +1 -0
- package/storybook/{UISearchBox-story.9133a6d6.iframe.bundle.js → UISearchBox-story.058ca165.iframe.bundle.js} +1 -1
- package/storybook/UISeparator-story.4dba2f23.iframe.bundle.js +1 -0
- package/storybook/UITable-story.cf757414.iframe.bundle.js +4 -0
- package/storybook/UITextInput-story.dfd60166.iframe.bundle.js +2 -0
- package/storybook/UIToggle-story.f85c6364.iframe.bundle.js +2 -0
- package/storybook/UIToggleGroup-story.2e3737dd.iframe.bundle.js +2 -0
- package/storybook/UITooltip-story.527d9d9d.iframe.bundle.js +1 -0
- package/storybook/UITranslationInput-story.b08fc36e.iframe.bundle.js +1 -0
- package/storybook/UITreedropdown-story.1fef90bb.iframe.bundle.js +2 -0
- package/storybook/Utilities-story.b51f0de1.iframe.bundle.js +1 -0
- package/storybook/iframe.html +3 -3
- package/storybook/main.0aaac035.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.e3a9ee75.iframe.bundle.js +2 -0
- package/storybook/239.df74670d.iframe.bundle.js +0 -17
- package/storybook/261.d971d681.iframe.bundle.js +0 -1
- package/storybook/273.5a956b49.iframe.bundle.js +0 -1
- package/storybook/314.88c87a07.iframe.bundle.js +0 -12
- package/storybook/364.47805bd3.iframe.bundle.js +0 -7
- package/storybook/498.b199f389.iframe.bundle.js +0 -1
- package/storybook/550.0b6a8cfa.iframe.bundle.js +0 -1
- package/storybook/703.583fbda9.iframe.bundle.js +0 -1
- package/storybook/859.097d359c.iframe.bundle.js +0 -1
- package/storybook/930.1b3c5615.iframe.bundle.js +0 -24
- package/storybook/967.14c8251d.iframe.bundle.js +0 -1
- package/storybook/980.51ae5caf.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.22d2d3e5.iframe.bundle.js +0 -2
- package/storybook/UIButton-story.f98ff4fa.iframe.bundle.js +0 -2
- package/storybook/UICallout-story.147c6813.iframe.bundle.js +0 -2
- package/storybook/UICalloutCollisionTransform-story.cc07045d.iframe.bundle.js +0 -1
- package/storybook/UICheckbox-story.a8b5df0e.iframe.bundle.js +0 -2
- package/storybook/UIChoiceGroup-story.136500c4.iframe.bundle.js +0 -1
- package/storybook/UICombobox-story.9da4ca1c.iframe.bundle.js +0 -1
- package/storybook/UIContextualMenu-story.8c94e82e.iframe.bundle.js +0 -2
- package/storybook/UICreateSelect-story.d3cd928a.iframe.bundle.js +0 -2
- package/storybook/UIDialog-story.3223c2f8.iframe.bundle.js +0 -2
- package/storybook/UIDropdown-story.c229d439.iframe.bundle.js +0 -1
- package/storybook/UIIcon-story.98a0771b.iframe.bundle.js +0 -2
- package/storybook/UILabel-story.fe877da7.iframe.bundle.js +0 -1
- package/storybook/UILink-story.cb4bc655.iframe.bundle.js +0 -1
- package/storybook/UIMessageBar-story.28245a77.iframe.bundle.js +0 -1
- package/storybook/UIPersona-story.9d5750d4.iframe.bundle.js +0 -1
- package/storybook/UISeparator-story.608804ec.iframe.bundle.js +0 -1
- package/storybook/UITable-story.4fbef46b.iframe.bundle.js +0 -4
- package/storybook/UITextInput-story.171bd469.iframe.bundle.js +0 -2
- package/storybook/UIToggle-story.15e0858a.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.573848ba.iframe.bundle.js +0 -2
- package/storybook/UITooltip-story.a33e25e3.iframe.bundle.js +0 -1
- package/storybook/UITranslationInput-story.9e4a233b.iframe.bundle.js +0 -1
- package/storybook/UITreedropdown-story.6c01d877.iframe.bundle.js +0 -2
- package/storybook/Utilities-story.5c3248ff.iframe.bundle.js +0 -1
- package/storybook/main.c062586d.iframe.bundle.js +0 -1
- package/storybook/runtime~main.354d31ac.iframe.bundle.js +0 -2
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[693],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{h.exports=function(u){var s=[];return s.toString=function(){return this.map(function(r){var t="",n=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),n&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=u(r),n&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},s.i=function(r,t,n,l,I){typeof r=="string"&&(r=[[null,r,void 0]]);var m={};if(n)for(var d=0;d<this.length;d++){var v=this[d][0];v!=null&&(m[v]=!0)}for(var x=0;x<r.length;x++){var c=[].concat(r[x]);n&&m[c[0]]||(typeof I!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=I),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),l&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=l):c[4]="".concat(l)),s.push(c))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{h.exports=function(u){return u[1]}},"./stories/UIDialog.story.tsx":function(h,u,s){var p=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,m=(a,o,i)=>o in a?p(a,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[o]=i,d=(a,o)=>{for(var i in o||(o={}))l.call(o,i)&&m(a,i,o[i]);if(n)for(var i of n(o))I.call(o,i)&&m(a,i,o[i]);return a},v=(a,o)=>r(a,t(o)),x=this&&this.__createBinding||(Object.create?function(a,o,i,f){f===void 0&&(f=i);var D=Object.getOwnPropertyDescriptor(o,i);(!D||("get"in D?!o.__esModule:D.writable||D.configurable))&&(D={enumerable:!0,get:function(){return o[i]}}),Object.defineProperty(a,f,D)}:function(a,o,i,f){f===void 0&&(f=i),a[f]=o[i]}),c=this&&this.__setModuleDefault||(Object.create?function(a,o){Object.defineProperty(a,"default",{enumerable:!0,value:o})}:function(a,o){a.default=o}),b=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var o={};if(a!=null)for(var i in a)i!=="default"&&Object.prototype.hasOwnProperty.call(a,i)&&x(o,a,i);return c(o,a),o};Object.defineProperty(u,"__esModule",{value:!0}),u.Dialog=void 0;const e=b(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=s("./src/components/UIDialog/index.ts"),U=s("./src/components/UIButton/index.tsx"),y=s("./src/components/UIInput/index.tsx"),O=s("./src/components/UIDropdown/index.tsx"),P=s("./src/components/UIComboBox/index.tsx"),w=s("./src/components/UICheckbox/index.tsx");(0,s("./src/components/Icons.tsx").initIcons)(),u.default={title:"Dialogs/Dialogs"};const E={childrenGap:40},k={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class C extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=o=>{this.setState({text:o.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:o}=this.props,i=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],f=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:g.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(U.UIDefaultButton,{onClick:this.onToggle,primary:!0},o?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(_.UIDialog,v(d({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},f),{onAccept:this.onAccept,styles:k,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(y.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(O.UIDropdown,{label:"Dummy",options:i}),e.default.createElement(P.UIComboBox,{label:"Dummy",highlight:!0,options:i})))}}const S=a=>{const[o,i]=(0,e.useState)(!1),f=()=>{i(!o)},D=d({},k.main),{size:T}=a;T&&(D.height=T);let A="Open Large Dialog";return T&&(A+=` height=${T}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(U.UIDefaultButton,{onClick:f,primary:!0},A),e.default.createElement(_.UIDialog,{isOpen:o,isOpenAnimated:a.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:D},onAccept:f,onCancel:f,onDismiss:f},e.default.createElement(O.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(y.UITextInput,{label:"Username"}),e.default.createElement(y.UITextInput,{label:"Email"}),e.default.createElement(y.UITextInput,{label:"Password",type:"password"}),e.default.createElement(y.UITextInput,{label:"Email"}),e.default.createElement(y.UITextInput,{label:"First name"}),e.default.createElement(y.UITextInput,{label:"Last name"}),e.default.createElement(y.UITextInput,{label:"Address"}),e.default.createElement(y.UITextInput,{label:"State"}),e.default.createElement(y.UITextInput,{label:"Country"}),e.default.createElement(y.UITextInput,{label:"Phone"}),e.default.createElement(y.UITextInput,{label:"Dummy 1"}),e.default.createElement(y.UITextInput,{label:"Dummy 2"}),e.default.createElement(y.UITextInput,{label:"Dummy 3"}),e.default.createElement(y.UITextInput,{label:"Dummy 4"}),e.default.createElement(y.UITextInput,{label:"Dummy 5"})))},M=a=>{const[o,i]=(0,e.useState)(!1),f=()=>{i(!o)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(U.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(_.UIDialog,{isOpen:o,isOpenAnimated:a.openAnimation,isBlocking:!0,onAccept:f,onCancel:f,onDismiss:f,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},B=()=>{const[a,o]=(0,e.useState)(!0);return e.default.createElement(g.Stack,{tokens:E},e.default.createElement(g.Stack,{tokens:E},e.default.createElement(g.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(w.UICheckbox,{label:"Open animation enabled",checked:a,onChange:(i,f)=>{o(f)}})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(C,{draggable:!1,openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(C,{draggable:!1,openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(C,{draggable:!0,openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(S,{openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(S,{size:400,openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(S,{openAnimation:a})),e.default.createElement(g.Stack,{horizontal:!0,tokens:E},e.default.createElement(M,{openAnimation:a}))))};u.Dialog=B},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":h=>{var u=[];function s(t){for(var n=-1,l=0;l<u.length;l++)if(u[l].identifier===t){n=l;break}return n}function p(t,n){for(var l={},I=[],m=0;m<t.length;m++){var d=t[m],v=n.base?d[0]+n.base:d[0],x=l[v]||0,c="".concat(v," ").concat(x);l[v]=x+1;var b=s(c),e={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(b!==-1)u[b].references++,u[b].updater(e);else{var g=r(e,n);n.byIndex=m,u.splice(m,0,{identifier:c,updater:g,references:1})}I.push(c)}return I}function r(t,n){var l=n.domAPI(n);l.update(t);var I=function(d){if(d){if(d.css===t.css&&d.media===t.media&&d.sourceMap===t.sourceMap&&d.supports===t.supports&&d.layer===t.layer)return;l.update(t=d)}else l.remove()};return I}h.exports=function(t,n){n=n||{},t=t||[];var l=p(t,n);return function(m){m=m||[];for(var d=0;d<l.length;d++){var v=l[d],x=s(v);u[x].references--}for(var c=p(m,n),b=0;b<l.length;b++){var e=l[b],g=s(e);u[g].references===0&&(u[g].updater(),u.splice(g,1))}l=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":h=>{var u={};function s(r){if(typeof u[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}u[r]=t}return u[r]}function p(r,t){var n=s(r);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":h=>{function u(s){var p=document.createElement("style");return s.setAttributes(p,s.attributes),s.insert(p,s.options),p}h.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(h,u,s)=>{function p(r){var t=s.nc;t&&r.setAttribute("nonce",t)}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":h=>{function u(r,t,n){var l="";n.supports&&(l+="@supports (".concat(n.supports,") {")),n.media&&(l+="@media ".concat(n.media," {"));var I=typeof n.layer!="undefined";I&&(l+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),l+=n.css,I&&(l+="}"),n.media&&(l+="}"),n.supports&&(l+="}");var m=n.sourceMap;m&&typeof btoa!="undefined"&&(l+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),t.styleTagTransform(l,r,t.options)}function s(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(l){u(t,r,l)},remove:function(){s(t)}}}h.exports=p},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":h=>{function u(s,p){if(p.styleSheet)p.styleSheet.cssText=s;else{for(;p.firstChild;)p.removeChild(p.firstChild);p.appendChild(document.createTextNode(s))}}h.exports=u}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[520],{"./stories/UIDropdown.story.tsx":function(x,t,c){var h=Object.defineProperty,m=Object.defineProperties,y=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,E=(l,d,n)=>d in l?h(l,d,{enumerable:!0,configurable:!0,writable:!0,value:n}):l[d]=n,i=(l,d)=>{for(var n in d||(d={}))w.call(d,n)&&E(l,n,d[n]);if(p)for(var n of p(d))f.call(d,n)&&E(l,n,d[n]);return l},u=(l,d)=>m(l,y(d)),I=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=I(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),M=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=c("./src/components/index.tsx"),r=c("./test/__mock__/select-data.ts");(0,a.initIcons)(),t.default={title:"Dropdowns/Dropdown"};const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:r.data,useDropdownAsMenuMinWidth:!0}));t.Basic=S;const U=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:r.shortData}),e.default.createElement(a.UIDropdown,{options:r.shortData,disabled:!0}));t.Short=U;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:r.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:r.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:r.data,label:"Required",required:!0}));t.States=A;const _=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:r.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=_;const g=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:r.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:r.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:r.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=g;const b=()=>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:r.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:r.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:r.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:r.shortData})));t.UseDropdownAsMenuMinWidth=b;const v=()=>{const[l,d]=e.default.useState(!1),[n,k]=e.default.useState("EE"),P={childrenGap:40},D=Array.isArray(n)?n:void 0,s={options:r.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:l,onChange:(C,o)=>{if(Array.isArray(n)){const R=[...n,o==null?void 0:o.key].filter(T=>o!=null&&o.selected?!0:T!==(o==null?void 0:o.key));k(R)}else o&&k(o.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:l,onChange:(C,o)=>{o&&!Array.isArray(n)?k([n]):!o&&Array.isArray(n)&&k(n[0]),d(o)}}),e.default.createElement(M.Stack,{horizontal:!0,tokens:P},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,u(i({},s),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{selectedKey:n,selectedKeys:D})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{errorMessage:"Dummy error",selectedKey:n,selectedKeys:D})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{selectedKey:n,selectedKeys:D,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,u(i({},s),{selectedKey:n,selectedKeys:D,readOnly:!0})))))))};t.accessibilityStates=v;const O=()=>{const l=[...r.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:r.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:r.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=O},"./test/__mock__/select-data.ts":(x,t,c)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const h=c("./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 m={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 y in m){t.groupsData.push({key:y,text:y.charAt(0).toUpperCase()+y.slice(1),itemType:h.UISelectableOptionMenuItemType.Header});const p=m[y];for(const w of p){const f=t.data.find(E=>E.key===w);f&&t.groupsData.push(f)}}}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[524],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(p,o,t)=>{var d=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=n(d);e.push([p.id,".ts-icon{fill:var(--vscode-foreground)}",""]),p.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":p=>{"use strict";p.exports=function(o){var t=[];return t.toString=function(){return this.map(function(n){var e="",s=typeof n[5]!="undefined";return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),s&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=o(n),s&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e}).join("")},t.i=function(n,e,s,_,u){typeof n=="string"&&(n=[[null,n,void 0]]);var a={};if(s)for(var l=0;l<this.length;l++){var i=this[l][0];i!=null&&(a[i]=!0)}for(var y=0;y<n.length;y++){var r=[].concat(n[y]);s&&a[r[0]]||(typeof u!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":p=>{"use strict";p.exports=function(o){return o[1]}},"./src/components/UIIcon/UIIcon.tsx":function(p,o,t){"use strict";var d=Object.defineProperty,n=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(c,m,f)=>m in c?d(c,m,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[m]=f,l=(c,m)=>{for(var f in m||(m={}))_.call(m,f)&&a(c,f,m[f]);if(s)for(var f of s(m))u.call(m,f)&&a(c,f,m[f]);return c},i=(c,m)=>n(c,e(m)),y=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIcon=void 0;const r=y(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class I extends r.default.Component{constructor(m){super(m),this.setStyle=()=>({})}render(){return r.default.createElement(v.Icon,i(l({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}o.UIIcon=I},"./src/components/UIIcon/index.tsx":function(p,o,t){"use strict";var d=this&&this.__createBinding||(Object.create?function(e,s,_,u){u===void 0&&(u=_);var a=Object.getOwnPropertyDescriptor(s,_);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(e,u,a)}:function(e,s,_,u){u===void 0&&(u=_),e[u]=s[_]}),n=this&&this.__exportStar||function(e,s){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(s,_)&&d(s,e,_)};Object.defineProperty(o,"__esModule",{value:!0}),n(t("./src/components/UIIcon/UIIcon.tsx"),o)},"./stories/UIIcon.story.tsx":function(p,o,t){"use strict";var d=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.SvgIcon=void 0;const n=d(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UIIcon/index.tsx"),_=t("./src/components/Icons.tsx");o.default={title:"Utilities/Icons"},(0,_.initIcons)();const u=[];for(const i in _.UiIcons)u.push(i);u.sort();const a=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:i=>n.default.createElement(s.UIIcon,{style:{width:"16px",height:"16px"},iconName:i})},{key:"column2",name:"Name",minWidth:50,onRender:i=>n.default.createElement("span",null,i)}],l=()=>n.default.createElement("div",null,n.default.createElement(e.DetailsList,{selectionMode:e.SelectionMode.none,items:u,columns:a,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));o.SvgIcon=l},"./src/components/UIIcon/UIIcon.scss":(p,o,t)=>{"use strict";t.r(o),t.d(o,{default:()=>P});var d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=t.n(d),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=t.n(_),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(a),i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(i),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),I=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),c=t.n(I),m={};for(const E in I)E!=="default"&&(m[E]=()=>I[E]);t.d(o,m);var f={};f.styleTagTransform=v(),f.setAttributes=l(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=y();var h=n()(c(),f);const P=c()&&c().locals?c().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":p=>{"use strict";var o=[];function t(e){for(var s=-1,_=0;_<o.length;_++)if(o[_].identifier===e){s=_;break}return s}function d(e,s){for(var _={},u=[],a=0;a<e.length;a++){var l=e[a],i=s.base?l[0]+s.base:l[0],y=_[i]||0,r="".concat(i," ").concat(y);_[i]=y+1;var v=t(r),I={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(v!==-1)o[v].references++,o[v].updater(I);else{var c=n(I,s);s.byIndex=a,o.splice(a,0,{identifier:r,updater:c,references:1})}u.push(r)}return u}function n(e,s){var _=s.domAPI(s);_.update(e);var u=function(l){if(l){if(l.css===e.css&&l.media===e.media&&l.sourceMap===e.sourceMap&&l.supports===e.supports&&l.layer===e.layer)return;_.update(e=l)}else _.remove()};return u}p.exports=function(e,s){s=s||{},e=e||[];var _=d(e,s);return function(a){a=a||[];for(var l=0;l<_.length;l++){var i=_[l],y=t(i);o[y].references--}for(var r=d(a,s),v=0;v<_.length;v++){var I=_[v],c=t(I);o[c].references===0&&(o[c].updater(),o.splice(c,1))}_=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":p=>{"use strict";var o={};function t(n){if(typeof o[n]=="undefined"){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}o[n]=e}return o[n]}function d(n,e){var s=t(n);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":p=>{"use strict";function o(t){var d=document.createElement("style");return t.setAttributes(d,t.attributes),t.insert(d,t.options),d}p.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(p,o,t)=>{"use strict";function d(n){var e=t.nc;e&&n.setAttribute("nonce",e)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":p=>{"use strict";function o(n,e,s){var _="";s.supports&&(_+="@supports (".concat(s.supports,") {")),s.media&&(_+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(_+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),_+=s.css,u&&(_+="}"),s.media&&(_+="}"),s.supports&&(_+="}");var a=s.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(_,n,e.options)}function t(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(_){o(e,n,_)},remove:function(){t(e)}}}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":p=>{"use strict";function o(t,d){if(d.styleSheet)d.styleSheet.cssText=t;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(t))}}p.exports=o}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[398],{"./src/components/UILabel/UILabel.tsx":function(f,r,i){var _=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,u=(t,e,l)=>e in t?_(t,e,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[e]=l,d=(t,e)=>{for(var l in e||(e={}))o.call(e,l)&&u(t,l,e[l]);if(n)for(var l of n(e))c.call(e,l)&&u(t,l,e[l]);return t},m=(t,e)=>s(t,a(e)),b=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(r,"__esModule",{value:!0}),r.UILabel=r.labelGlobalStyle=void 0;const p=b(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class y extends p.default.Component{constructor(e){super(e)}render(){const e=l=>d({},{root:[d({marginTop:25},r.labelGlobalStyle),l.disabled&&{opacity:"0.4"},l.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return p.default.createElement(v.Label,m(d({},this.props),{styles:e}))}}r.UILabel=y},"./src/components/UILabel/index.tsx":function(f,r,i){var _=this&&this.__createBinding||(Object.create?function(a,n,o,c){c===void 0&&(c=o);var u=Object.getOwnPropertyDescriptor(n,o);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(a,c,u)}:function(a,n,o,c){c===void 0&&(c=o),a[c]=n[o]}),s=this&&this.__exportStar||function(a,n){for(var o in a)o!=="default"&&!Object.prototype.hasOwnProperty.call(n,o)&&_(n,a,o)};Object.defineProperty(r,"__esModule",{value:!0}),s(i("./src/components/UILabel/UILabel.tsx"),r)},"./stories/UILabel.story.tsx":function(f,r,i){var _=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(r,"__esModule",{value:!0}),r.defaultUsage=void 0;const s=_(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=i("./src/components/UILabel/index.tsx");(0,i("./src/components/Icons.tsx").initIcons)(),r.default={title:"Basic Inputs/Label"};const c={childrenGap:40},u=()=>s.default.createElement(a.Stack,{tokens:c,style:{width:300}},s.default.createElement(a.Stack,{tokens:{childrenGap:16}},s.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel"),s.default.createElement(n.UILabel,null,"Just a label")),s.default.createElement(a.Stack,{tokens:{childrenGap:16}},s.default.createElement(a.Text,{variant:"large",className:"textColor"},"UILabel with required on"),s.default.createElement(n.UILabel,{required:!0},"Just a label")));r.defaultUsage=u}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[469],{"./src/components/UILink/UILink.tsx":function(f,i,u){var d=Object.defineProperty,s=Object.defineProperties,r=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,a=(o,t,c)=>t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:c}):o[t]=c,m=(o,t)=>{for(var c in t||(t={}))e.call(t,c)&&a(o,c,t[c]);if(n)for(var c of n(t))l.call(t,c)&&a(o,c,t[c]);return o},v=(o,t)=>s(o,r(t)),y=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(i,"__esModule",{value:!0}),i.UILink=void 0;const _=y(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class h extends _.default.Component{constructor(t){super(t)}render(){const{secondary:t}=this.props,c=t?p.secondary:p.primary,b=()=>({root:{color:c.color,fontFamily:"var(--vscode-font-family)",textDecoration:"underline",selectors:{"&:hover, &:hover:focus, &:hover:active":{color:c.hoverColor,textDecoration:"none"},"&:active, &:focus":{color:c.hoverColor,textDecoration:"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}}}});return _.default.createElement(k.Link,v(m({},this.props),{styles:b}))}}i.UILink=h},"./src/components/UILink/index.tsx":function(f,i,u){var d=this&&this.__createBinding||(Object.create?function(r,n,e,l){l===void 0&&(l=e);var a=Object.getOwnPropertyDescriptor(n,e);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,l,a)}:function(r,n,e,l){l===void 0&&(l=e),r[l]=n[e]}),s=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(i,"__esModule",{value:!0}),s(u("./src/components/UILink/UILink.tsx"),i)},"./stories/UILink.story.tsx":function(f,i,u){var d=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const s=d(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=u("./src/components/UILink/index.tsx");i.default={title:"Basic Inputs/Link"};const e={childrenGap:40},l=()=>s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(r.Stack,{horizontal:!0,tokens:e},s.default.createElement(n.UILink,{href:"JavaScript:void(0)"},"I am a link"))),s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(r.Stack,{horizontal:!0,tokens:e},s.default.createElement(n.UILink,{secondary:!0,href:"JavaScript:void(0)"},"I am a secondary link"))));i.defaultUsage=l}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[328],{"./src/components/UIMessageBar/UIMessageBar.tsx":function(_,n,i){var p=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(t,e,c)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):t[e]=c,f=(t,e)=>{for(var c in e||(e={}))s.call(e,c)&&a(t,c,e[c]);if(r)for(var c of r(e))u.call(e,c)&&a(t,c,e[c]);return t},B=(t,e)=>l(t,o(e)),M=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIMessageBar=n.UIMessageBarType=void 0;const g=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIMessageBarType",{enumerable:!0,get:function(){return d.MessageBarType}});const m=i("./src/components/Icons.tsx");class v extends g.default.Component{constructor(e){super(e),this.setStyle=c=>{const{messageBarType:y}=c;return{root:f({},(y===d.MessageBarType.error||y===d.MessageBarType.success)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}render(){const e=this.props.messageBarType===d.MessageBarType.error?m.UiIcons.Error:m.UiIcons.Success;return g.default.createElement(d.MessageBar,B(f({},this.props),{messageBarIconProps:{iconName:e},styles:this.setStyle(this.props)}),this.props.children)}}n.UIMessageBar=v},"./src/components/UIMessageBar/index.tsx":function(_,n,i){var p=this&&this.__createBinding||(Object.create?function(o,r,s,u){u===void 0&&(u=s);var a=Object.getOwnPropertyDescriptor(r,s);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[s]}}),Object.defineProperty(o,u,a)}:function(o,r,s,u){u===void 0&&(u=s),o[u]=r[s]}),l=this&&this.__exportStar||function(o,r){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(r,s)&&p(r,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),l(i("./src/components/UIMessageBar/UIMessageBar.tsx"),n)},"./stories/UIMessageBar.story.tsx":function(_,n,i){var p=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const l=p(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=i("./src/components/UIMessageBar/index.tsx");n.default={title:"Utilities/MessageBar"};const s={childrenGap:40},u=()=>l.default.createElement(o.Stack,{tokens:s},l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.success},l.default.createElement("div",null,"Success message bar")),l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.error},l.default.createElement("div",null,"Error message bar")));n.defaultUsage=u}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"./src/components/UIPersona/UIPersona.tsx":function(d,t,f){var u=Object.defineProperty,r=Object.defineProperties,l=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,o=(a,s,c)=>s in a?u(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c,m=(a,s)=>{for(var c in s||(s={}))n.call(s,c)&&o(a,c,s[c]);if(e)for(var c of e(s))i.call(s,c)&&o(a,c,s[c]);return a},P=(a,s)=>r(a,l(s)),U=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const _=U(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UIPersonaSize",{enumerable:!0,get:function(){return p.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return p.PersonaPresence}});class b extends _.default.Component{constructor(s){super(s),this.personaStyles=c=>m({},{root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return _.default.createElement(p.Persona,P(m({},this.props),{styles:this.personaStyles}))}}t.UIPersona=b},"./src/components/UIPersona/index.tsx":function(d,t,f){var u=this&&this.__createBinding||(Object.create?function(l,e,n,i){i===void 0&&(i=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(l,i,o)}:function(l,e,n,i){i===void 0&&(i=n),l[i]=e[n]}),r=this&&this.__exportStar||function(l,e){for(var n in l)n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&u(e,l,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(f("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx":function(d,t,f){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const r=u(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=f("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const n={childrenGap:40},i=()=>r.default.createElement(l.Stack,{tokens:n},r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),r.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),r.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=i}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[456],{"./src/components/UISeparator/UISeparator.tsx":function(p,c,d){var i=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,l=(o,r,s)=>r in o?i(o,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[r]=s,_=(o,r)=>{for(var s in r||(r={}))e.call(r,s)&&l(o,s,r[s]);if(n)for(var s of n(r))u.call(r,s)&&l(o,s,r[s]);return o},m=(o,r)=>t(o,a(r)),v=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISeparator=void 0;const f=v(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class S extends f.default.Component{constructor(r){super(r)}render(){const r=s=>_({},{root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},s.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return f.default.createElement(b.Separator,m(_({},this.props),{styles:r}))}}c.UISeparator=S},"./src/components/UISeparator/index.tsx":function(p,c,d){var i=this&&this.__createBinding||(Object.create?function(a,n,e,u){u===void 0&&(u=e);var l=Object.getOwnPropertyDescriptor(n,e);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(a,u,l)}:function(a,n,e,u){u===void 0&&(u=e),a[u]=n[e]}),t=this&&this.__exportStar||function(a,n){for(var e in a)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&i(n,a,e)};Object.defineProperty(c,"__esModule",{value:!0}),t(d("./src/components/UISeparator/UISeparator.tsx"),c)},"./stories/UISeparator.story.tsx":function(p,c,d){var i=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const t=i(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=d("./src/components/UISeparator/index.tsx");c.default={title:"Utilities/Separator"};const e={childrenGap:40},u=()=>t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,{vertical:!0}),t.default.createElement("span",null,"World"))),t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,null),t.default.createElement("span",null,"World"))));c.defaultUsage=u}}]);})();
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[309],{"./stories/UITable.story.tsx":function(h,n,r){var u=this&&this.__createBinding||(Object.create?function(e,t,o,s){s===void 0&&(s=o);var b=Object.getOwnPropertyDescriptor(t,o);(!b||("get"in b?!t.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,s,b)}:function(e,t,o,s){s===void 0&&(s=o),e[s]=t[o]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),m=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&u(t,e,o);return i(t,e),t};Object.defineProperty(n,"__esModule",{value:!0}),n.EditableTable2=n.EditableTable=n.ReadOnlyTable=void 0;const l=m(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),f=r("./src/components/UITable/index.tsx"),_=r("./src/components/Icons.tsx"),d=r("./src/components/UITable/types.ts"),c=r("./test/__mock__/table-data.ts");n.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((e,t)=>{const o={key:"test"+(t+1),name:"Test "+(t+1),fieldName:"test"+(t+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:d.ColumnControlType.UITextInput,comboboxOptions:void 0};return(t===1||t>=3)&&(o.name+=" (editable)",o.editable=!0,o.validate=v),t===1&&(o.iconName=_.UiIcons.Home,o.iconTooltip="Dummy tooltip"),t===3&&(o.columnControlType=d.ColumnControlType.UICombobox,o.comboboxOptions=["one","two","three"]),t===4&&(o.columnControlType=d.ColumnControlType.UIBooleanSelect),o}),T=p.map(e=>Object.assign({},e,{validate:void 0,editable:!1})),g=()=>l.default.createElement(a.Stack,null,l.default.createElement("div",{className:(0,a.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},l.default.createElement(f.UITable,{items:c.items,dataSetKey:"datasetkey",columns:T})));n.ReadOnlyTable=g;function S(e,t){var o;e&&(console.log("saving ",t,e),c.items[e==null?void 0:e.rowIndex][(o=e==null?void 0:e.column)==null?void 0:o.key]=t,console.log("saving ",c.items))}function y(e){console.log("selected",e)}function v(e){if(e==="hello")return'"hello" is not allowed here!'}const w=()=>{const[e,t]=(0,l.useState)(null),[o,s]=(0,l.useState)(null);return l.default.createElement(a.Stack,null,l.default.createElement("div",null,l.default.createElement("button",{onClick:()=>t(1)},"Scroll to 1st row"),"\xA0",l.default.createElement("button",{onClick:()=>t(9)},"Scroll to 9th row"),"\xA0",l.default.createElement("button",{onClick:()=>t(100)},"Scroll to 100th row"),"\xA0",l.default.createElement("button",{onClick:()=>s("column1")},"Scroll to 1st column"),"\xA0",l.default.createElement("button",{onClick:()=>s("column10")},"Scroll to 10th column"),"\xA0"),l.default.createElement("div",{className:(0,a.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},l.default.createElement(f.UITable,{dataSetKey:"datasetkey",items:c.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:e,selectedColumnId:o,selectionMode:a.SelectionMode.multiple,checkboxVisibility:a.CheckboxVisibility.always,showRowNumbers:!0})))};n.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((e,t)=>{const o={key:"test"+(t+1),name:"Test "+(t+1),fieldName:"test"+(t+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:d.ColumnControlType.UITextInput};return t>=1&&(o.name+=" (editable)",o.editable=!0,o.validate=v),t===1&&(o.columnControlType=d.ColumnControlType.UIDropdown,o.data={dropdownOptions:I}),o}),k=(e,t)=>t?l.default.createElement(a.Sticky,null,t(e)):null;function O(e,t){var o;e&&(console.log("saving ",t,e),c.items2[e==null?void 0:e.rowIndex][(o=e==null?void 0:e.column)==null?void 0:o.key]=t,console.log("saving ",c.items2))}const C=()=>l.default.createElement(a.Stack,null,l.default.createElement("div",{className:(0,a.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},l.default.createElement(f.UITable,{dataSetKey:"datasetkey",items:c.items2,columns:E,onSave:O,onSelectionChange:y,checkboxVisibility:a.CheckboxVisibility.always,headerRenderer:k,selectionMode:a.SelectionMode.multiple,renderInputs:d.RenderInputs.always})));n.EditableTable2=C},"./test/__mock__/table-data.ts":(h,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.items2=n.items=void 0;const r=`lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut
|
|
2
|
-
labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut
|
|
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 u=0;function i(m=4){const l=r.split(" "),a=u+m>l.length?0:u;return u=a+m,l.slice(a,u).join(" ")}n.items=Array.from({length:200}).map((m,l)=>({key:l,test1:`row ${l}`,test2:i(),test3:i(),test4:i(),test5:i(),test6:i(),test7:i(),test8:i(),test9:i(),test10:i()})),n.items2=Array.from({length:4}).map((m,l)=>({key:l,test1:`test 1 row ${l}`,test2:`test 2 row ${l}`,test3:`test 3 row ${l}`,test4:`test 4 row ${l}`,test5:`test 5 row ${l}`}))}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":v=>{v.exports=function(o){var s=[];return s.toString=function(){return this.map(function(n){var t="",r=typeof n[5]!="undefined";return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=o(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},s.i=function(n,t,r,a,i){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(r)for(var l=0;l<this.length;l++){var h=this[l][0];h!=null&&(d[h]=!0)}for(var x=0;x<n.length;x++){var e=[].concat(n[x]);r&&d[e[0]]||(typeof i!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=i),t&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=t),a&&(e[4]?(e[1]="@supports (".concat(e[4],") {").concat(e[1],"}"),e[4]=a):e[4]="".concat(a)),s.push(e))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":v=>{v.exports=function(o){return o[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(b,f,g)=>f in b?u(b,f,{enumerable:!0,configurable:!0,writable:!0,value:g}):b[f]=g,l=(b,f)=>{for(var g in f||(f={}))a.call(f,g)&&d(b,g,f[g]);if(r)for(var g of r(f))i.call(f,g)&&d(b,g,f[g]);return b},h=(b,f)=>n(b,t(f)),x=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const e=x(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/helper/ValidationMessage/index.tsx");class I extends e.default.Component{constructor(f){super(f),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(g,k)=>({root:[!k.disabled&&[!k.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[c.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,[c.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[c.HighContrastSelector]:{color:k.disabled?"GrayText":"WindowText"}}}],k.checked&&!k.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[c.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"}}},g.message&&{marginBottom:2}],input:{[`.${c.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[c.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)"},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)"}})}render(){const f=(0,p.getMessageInfo)(this.props),g=e.default.createElement(c.Checkbox,h(l({},this.props),{styles:k=>l(l({},this.setStyle(f,k)),this.props.styles)}));return f.message?e.default.createElement(p.MessageWrapper,{message:f},g):g}}o.UICheckbox=I},"./src/components/UICheckbox/index.tsx":function(v,o,s){var u=this&&this.__createBinding||(Object.create?function(t,r,a,i){i===void 0&&(i=a);var d=Object.getOwnPropertyDescriptor(r,a);(!d||("get"in d?!r.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(t,i,d)}:function(t,r,a,i){i===void 0&&(i=a),t[i]=r[a]}),n=this&&this.__exportStar||function(t,r){for(var a in t)a!=="default"&&!Object.prototype.hasOwnProperty.call(r,a)&&u(r,t,a)};Object.defineProperty(o,"__esModule",{value:!0}),n(s("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./stories/UITextInput.story.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(m,_,y)=>_ in m?u(m,_,{enumerable:!0,configurable:!0,writable:!0,value:y}):m[_]=y,l=(m,_)=>{for(var y in _||(_={}))a.call(_,y)&&d(m,y,_[y]);if(r)for(var y of r(_))i.call(_,y)&&d(m,y,_[y]);return m},h=(m,_)=>n(m,t(_)),x=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.withMessages=o.accessibilityStates=o.defaultUsage=void 0;const e=x(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/components/UIInput/index.tsx"),I=s("./src/components/UICheckbox/index.tsx"),b=s("./src/components/Icons.tsx");o.default={title:"Basic Inputs/Input"},(0,b.initIcons)();const f={childrenGap:40},g={iconName:"FolderOpened"},k=()=>e.default.createElement(c.Stack,{tokens:f,style:{width:300}},e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(p.UITextInput,{label:"Enter your name"})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(p.UITextInput,{label:"Select your folder",iconProps:g})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(p.UITextInput,{label:"Enter your name",disabled:!0})));o.defaultUsage=k;const S=()=>{const[m,_]=e.default.useState(!1),[y,P]=e.default.useState("Content"),E={multiline:m,onChange:(U,C)=>{P(C||"")}};return e.default.createElement("div",null,e.default.createElement(c.Stack,{horizontal:!0,tokens:f},e.default.createElement(I.UICheckbox,{label:"Multi Line",checked:m,onChange:(U,C)=>{_(C)}})),e.default.createElement(c.Stack,{horizontal:!0,tokens:f},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(p.UITextInput,h(l({},E),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{errorMessage:"Dummy error",value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,readOnly:!0})))))))};o.accessibilityStates=S;const w=()=>{const m="Dummy message";return e.default.createElement(c.Stack,{tokens:f,style:{width:"100%"}},e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(p.UITextInput,{label:"input field label",errorMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(p.UITextInput,{label:"input field label",warningMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(p.UITextInput,{label:"input field label",infoMessage:m})))};o.withMessages=w},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":v=>{var o=[];function s(t){for(var r=-1,a=0;a<o.length;a++)if(o[a].identifier===t){r=a;break}return r}function u(t,r){for(var a={},i=[],d=0;d<t.length;d++){var l=t[d],h=r.base?l[0]+r.base:l[0],x=a[h]||0,e="".concat(h," ").concat(x);a[h]=x+1;var c=s(e),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(c!==-1)o[c].references++,o[c].updater(p);else{var I=n(p,r);r.byIndex=d,o.splice(d,0,{identifier:e,updater:I,references:1})}i.push(e)}return i}function n(t,r){var a=r.domAPI(r);a.update(t);var i=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;a.update(t=l)}else a.remove()};return i}v.exports=function(t,r){r=r||{},t=t||[];var a=u(t,r);return function(d){d=d||[];for(var l=0;l<a.length;l++){var h=a[l],x=s(h);o[x].references--}for(var e=u(d,r),c=0;c<a.length;c++){var p=a[c],I=s(p);o[I].references===0&&(o[I].updater(),o.splice(I,1))}a=e}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":v=>{var o={};function s(n){if(typeof o[n]=="undefined"){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(r){t=null}o[n]=t}return o[n]}function u(n,t){var r=s(n);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":v=>{function o(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}v.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(v,o,s)=>{function u(n){var t=s.nc;t&&n.setAttribute("nonce",t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":v=>{function o(n,t,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var i=typeof r.layer!="undefined";i&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,i&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var d=r.sourceMap;d&&typeof btoa!="undefined"&&(a+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),t.styleTagTransform(a,n,t.options)}function s(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function u(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=n.insertStyleElement(n);return{update:function(a){o(t,n,a)},remove:function(){s(t)}}}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":v=>{function o(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}v.exports=o}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[626],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(f,n,r)=>{var i=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=t(i);e.push([f.id,".ts-icon{fill:var(--vscode-foreground)}",""]),f.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(f,n,r)=>{var i=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=t(i);e.push([f.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),f.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(n){var r=[];return r.toString=function(){return this.map(function(t){var e="",s=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),s&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=n(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},r.i=function(t,e,s,o,d){typeof t=="string"&&(t=[[null,t,void 0]]);var l={};if(s)for(var c=0;c<this.length;c++){var m=this[c][0];m!=null&&(l[m]=!0)}for(var y=0;y<t.length;y++){var a=[].concat(t[y]);s&&l[a[0]]||(typeof d!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=d),e&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=e),o&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=o):a[4]="".concat(o)),r.push(a))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.tsx":function(f,n,r){"use strict";var i=Object.defineProperty,t=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(p,v,_)=>v in p?i(p,v,{enumerable:!0,configurable:!0,writable:!0,value:_}):p[v]=_,c=(p,v)=>{for(var _ in v||(v={}))o.call(v,_)&&l(p,_,v[_]);if(s)for(var _ of s(v))d.call(v,_)&&l(p,_,v[_]);return p},m=(p,v)=>t(p,e(v)),y=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const a=y(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),M=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r("./src/components/UIIcon/UIIcon.scss");class b extends a.default.Component{constructor(v){super(v),this.setStyle=()=>({})}render(){return a.default.createElement(M.Icon,m(c({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}n.UIIcon=b},"./src/components/UIIcon/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UIToggle/UIToggle.tsx":function(f,n,r){"use strict";var i=Object.defineProperty,t=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(g,h,P)=>h in g?i(g,h,{enumerable:!0,configurable:!0,writable:!0,value:P}):g[h]=P,c=(g,h)=>{for(var P in h||(h={}))o.call(h,P)&&l(g,P,h[P]);if(s)for(var P of s(h))d.call(h,P)&&l(g,P,h[P]);return g},m=(g,h)=>t(g,e(h)),y=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIToggle=n.UIToggleSize=void 0;const a=y(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),M=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),b=r("./src/helper/ValidationMessage/index.tsx");var p;(function(g){g.Standard="Standard",g.Small="Small"})(p||(n.UIToggleSize=p={}));const v=new Map([[p.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),_=.4,u={pill:{borderColor:"var(--vscode-contrastBorder, transparent)",unchecked:{background:"var(--vscode-titleBar-inactiveForeground)",hover:{background:"var(--vscode-editorHint-foreground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},checked:{background:"var(--vscode-button-background)",hover:{background:"var(--vscode-button-hoverBackground)",borderColor:"var(--vscode-contrastActiveBorder, transparent)"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{background:"var(--vscode-button-foreground)"}};class E extends a.default.Component{constructor(h){super(h)}getMarginBottom(h){const{inlineLabel:P}=this.props;if(h)return P?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:P,size:T,inlineLabel:w}=this.props,I=v.get(T||p.Standard),O=(0,b.getMessageInfo)(this.props),j=A=>({root:m(c({},P&&{flexGrow:1}),{margin:I==null?void 0:I.margin,marginBottom:this.getMarginBottom(O.message)}),label:m(c(c(c({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:I==null?void 0:I.label.fontSize,padding:I==null?void 0:I.label.padding},w&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),P&&{flexGrow:1}),{opacity:this.props.disabled?_:"inherit"}),pill:m(c({height:I==null?void 0:I.height,width:I==null?void 0:I.width,padding:I==null?void 0:I.padding,background:u.pill.checked.background,borderColor:u.pill.borderColor,borderStyle:"solid",":hover":{background:u.pill.checked.hover.background,borderColor:u.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:u.thumb.background},":disabled":{background:u.pill.checked.background,borderColor:u.pill.borderColor,opacity:_}},!A.checked&&{background:u.pill.unchecked.background,borderStyle:"dashed",":hover":{background:u.pill.unchecked.hover.background,borderColor:u.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:u.thumb.background},":disabled":{background:u.pill.unchecked.background,borderColor:u.pill.borderColor,opacity:_}}),{selectors:{":focus::after":{border:"none !important",outline:u.pill.focus.outline}}}),thumb:{height:I==null?void 0:I.circle.height,width:I==null?void 0:I.circle.width,borderWidth:I==null?void 0:I.circle.borderWidth,background:u.thumb.background,":hover":{backgroundColor:u.thumb.background}}}),S=a.default.createElement(M.Toggle,m(c({},this.props),{styles:j}));return O.message?a.default.createElement(b.MessageWrapper,{message:O},S):S}}n.UIToggle=E},"./src/components/UIToggle/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/components/UIToggle/UIToggle.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(f,n,r){"use strict";var i=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(n,"__esModule",{value:!0}),n.MessageWrapper=n.MESSAGE_ICONS_MAP=void 0;const t=i(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=r("./src/helper/ValidationMessage/utils.ts"),s=r("./src/components/Icons.tsx"),o=r("./src/components/UIIcon/index.tsx");r("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[e.ErrorMessageType.Error,s.UiIcons.Error],[e.ErrorMessageType.Warning,s.UiIcons.Warning],[e.ErrorMessageType.Info,s.UiIcons.Info]]);function d(l){const{children:c,message:m}=l,y=m.message?e.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0,a=n.MESSAGE_ICONS_MAP.get(m.type);return t.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${y}`},t.default.createElement("div",{className:"ts-message-target"},c),t.default.createElement("div",{className:"ts-message-body"},t.default.createElement(o.UIIcon,{iconName:a}),t.default.createElement("span",null,m.message)))}n.MessageWrapper=d},"./src/helper/ValidationMessage/index.tsx":function(f,n,r){"use strict";var i=this&&this.__createBinding||(Object.create?function(e,s,o,d){d===void 0&&(d=o);var l=Object.getOwnPropertyDescriptor(s,o);(!l||("get"in l?!s.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,d,l)}:function(e,s,o,d){d===void 0&&(d=o),e[d]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&i(s,e,o)};Object.defineProperty(n,"__esModule",{value:!0}),t(r("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),t(r("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(f,n)=>{"use strict";var r=Object.defineProperty,i=Object.defineProperties,t=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,d=(_,u,E)=>u in _?r(_,u,{enumerable:!0,configurable:!0,writable:!0,value:E}):_[u]=E,l=(_,u)=>{for(var E in u||(u={}))s.call(u,E)&&d(_,E,u[E]);if(e)for(var E of e(u))o.call(u,E)&&d(_,E,u[E]);return _},c=(_,u)=>i(_,t(u));Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var m;(function(_){_.Error="Error",_.Warning="Warning",_.Info="Info"})(m||(n.ErrorMessageType=m={}));const y=(_,u)=>{const E=`1px solid ${u}`;return{backgroundColor:_,borderLeft:E,borderRight:E,borderBottom:E,borderColor:u}},a={error:c(l({color:"var(--vscode-input-foreground)"},y("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};a.warning=l(l({},a.error),y("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),a.info=l(l({},a.error),y("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[m.Error,"error"],[m.Warning,"warning"],[m.Info,"info"]]);const M=_=>{let u;switch(_){case m.Warning:{u=a.warning;break}case m.Info:{u=a.info;break}default:{u=a.error;break}}return u},b=_=>{if(_){if(_.errorMessage)return m.Error;if(_.warningMessage)return m.Warning;if(_.infoMessage)return m.Info}return m.Error},p=_=>(_==null?void 0:_.errorMessage)||(_==null?void 0:_.warningMessage)||(_==null?void 0:_.infoMessage),v=_=>{const u=b(_);return{type:u,style:M(u),message:p(_)}};n.getMessageInfo=v},"./stories/UIToggle.story.tsx":function(f,n,r){"use strict";var i=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.withMessages=n.smallSize=n.withLabel=n.asDisabled=n.defaultUsage=void 0;const t=i(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=r("./src/components/UIToggle/index.tsx");n.default={title:"Basic Inputs/Toggle/Buttons"};const o={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:o,style:{width:300}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIToggle"),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"default"),t.default.createElement(s.UIToggle,null)),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"set to checked"),t.default.createElement(s.UIToggle,{defaultChecked:!0})));n.defaultUsage=d;const l=()=>t.default.createElement(e.Stack,{tokens:o,style:{width:300}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"default"),t.default.createElement(s.UIToggle,{disabled:!0})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"disabled as checked"),t.default.createElement(s.UIToggle,{disabled:!0,defaultChecked:!0})));n.asDisabled=l;const c=()=>t.default.createElement(e.Stack,{tokens:o,style:{width:300}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIToggle with label"),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"with inline label"),t.default.createElement(s.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),t.default.createElement(s.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium",className:"textColor"},"with Grow label width"),t.default.createElement(s.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));n.withLabel=c;const m=()=>t.default.createElement(e.Stack,{tokens:o,style:{width:300}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIToggle with label"),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"medium"},"small size"),t.default.createElement(s.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small})));n.smallSize=m;const y=()=>{const a="Dummy message";return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{style:{width:"300px"}},t.default.createElement(s.UIToggle,{label:"Error",errorMessage:a}),t.default.createElement(s.UIToggle,{label:"Warning",warningMessage:a}),t.default.createElement(s.UIToggle,{label:"Info",infoMessage:a})),t.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},t.default.createElement(s.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:a}),t.default.createElement(s.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:a,labelFlexGrow:!0}),t.default.createElement(s.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:a})),t.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},t.default.createElement(s.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:a}),t.default.createElement(s.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:a}),t.default.createElement(s.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:a})))};n.withMessages=y},"./src/components/UIIcon/UIIcon.scss":(f,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>E});var i=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=r.n(i),e=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=r.n(e),o=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=r.n(o),l=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=r.n(l),m=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=r.n(m),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),M=r.n(a),b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),p=r.n(b),v={};for(const g in b)g!=="default"&&(v[g]=()=>b[g]);r.d(n,v);var _={};_.styleTagTransform=M(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=s(),_.insertStyleElement=y();var u=t()(p(),_);const E=p()&&p().locals?p().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(f,n,r)=>{"use strict";r.r(n),r.d(n,{default:()=>E});var i=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=r.n(i),e=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=r.n(e),o=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=r.n(o),l=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=r.n(l),m=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=r.n(m),a=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),M=r.n(a),b=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),p=r.n(b),v={};for(const g in b)g!=="default"&&(v[g]=()=>b[g]);r.d(n,v);var _={};_.styleTagTransform=M(),_.setAttributes=c(),_.insert=d().bind(null,"head"),_.domAPI=s(),_.insertStyleElement=y();var u=t()(p(),_);const E=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var n=[];function r(e){for(var s=-1,o=0;o<n.length;o++)if(n[o].identifier===e){s=o;break}return s}function i(e,s){for(var o={},d=[],l=0;l<e.length;l++){var c=e[l],m=s.base?c[0]+s.base:c[0],y=o[m]||0,a="".concat(m," ").concat(y);o[m]=y+1;var M=r(a),b={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(M!==-1)n[M].references++,n[M].updater(b);else{var p=t(b,s);s.byIndex=l,n.splice(l,0,{identifier:a,updater:p,references:1})}d.push(a)}return d}function t(e,s){var o=s.domAPI(s);o.update(e);var d=function(c){if(c){if(c.css===e.css&&c.media===e.media&&c.sourceMap===e.sourceMap&&c.supports===e.supports&&c.layer===e.layer)return;o.update(e=c)}else o.remove()};return d}f.exports=function(e,s){s=s||{},e=e||[];var o=i(e,s);return function(l){l=l||[];for(var c=0;c<o.length;c++){var m=o[c],y=r(m);n[y].references--}for(var a=i(l,s),M=0;M<o.length;M++){var b=o[M],p=r(b);n[p].references===0&&(n[p].updater(),n.splice(p,1))}o=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var n={};function r(t){if(typeof n[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}n[t]=e}return n[t]}function i(t,e){var s=r(t);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}f.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function n(r){var i=document.createElement("style");return r.setAttributes(i,r.attributes),r.insert(i,r.options),i}f.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,n,r)=>{"use strict";function i(t){var e=r.nc;e&&t.setAttribute("nonce",e)}f.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function n(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var d=typeof s.layer!="undefined";d&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,d&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var l=s.sourceMap;l&&typeof btoa!="undefined"&&(o+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),e.styleTagTransform(o,t,e.options)}function r(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function i(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(o){n(e,t,o)},remove:function(){r(e)}}}f.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function n(r,i){if(i.styleSheet)i.styleSheet.cssText=r;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(r))}}f.exports=n}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[844],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(f,s,r)=>{var l=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),o=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=o(l);n.push([f.id,".ts-icon{fill:var(--vscode-foreground)}",""]),f.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(s){var r=[];return r.toString=function(){return this.map(function(o){var n="",e=typeof o[5]!="undefined";return o[4]&&(n+="@supports (".concat(o[4],") {")),o[2]&&(n+="@media ".concat(o[2]," {")),e&&(n+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),n+=s(o),e&&(n+="}"),o[2]&&(n+="}"),o[4]&&(n+="}"),n}).join("")},r.i=function(o,n,e,t,a){typeof o=="string"&&(o=[[null,o,void 0]]);var d={};if(e)for(var i=0;i<this.length;i++){var b=this[i][0];b!=null&&(d[b]=!0)}for(var p=0;p<o.length;p++){var _=[].concat(o[p]);e&&d[_[0]]||(typeof a!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=a),n&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=n),t&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=t):_[4]="".concat(t)),r.push(_))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(s){return s[1]}},"./src/components/UIIcon/UIIcon.tsx":function(f,s,r){"use strict";var l=Object.defineProperty,o=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,d=(u,c,m)=>c in u?l(u,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[c]=m,i=(u,c)=>{for(var m in c||(c={}))t.call(c,m)&&d(u,m,c[m]);if(e)for(var m of e(c))a.call(c,m)&&d(u,m,c[m]);return u},b=(u,c)=>o(u,n(c)),p=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const _=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");r("./src/components/UIIcon/UIIcon.scss");class v extends _.default.Component{constructor(c){super(c),this.setStyle=()=>({})}render(){return _.default.createElement(y.Icon,b(i({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}s.UIIcon=v},"./src/components/UIIcon/index.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,d)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/components/UIIcon/UIIcon.tsx"),s)},"./src/components/UILabel/UILabel.tsx":function(f,s,r){"use strict";var l=Object.defineProperty,o=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,d=(u,c,m)=>c in u?l(u,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[c]=m,i=(u,c)=>{for(var m in c||(c={}))t.call(c,m)&&d(u,m,c[m]);if(e)for(var m of e(c))a.call(c,m)&&d(u,m,c[m]);return u},b=(u,c)=>o(u,n(c)),p=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILabel=s.labelGlobalStyle=void 0;const _=p(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class v extends _.default.Component{constructor(c){super(c)}render(){const c=m=>i({},{root:[i({marginTop:25},s.labelGlobalStyle),m.disabled&&{opacity:"0.4"},m.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return _.default.createElement(y.Label,b(i({},this.props),{styles:c}))}}s.UILabel=v},"./src/components/UILabel/index.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,d)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/components/UILabel/UILabel.tsx"),s)},"./src/utilities/Dom.ts":(f,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isHTMLInputElement=s.isHTMLElement=void 0;function r(o){return"title"in o}s.isHTMLElement=r;function l(o){return"value"in o&&"tagName"in o&&o.tagName==="INPUT"}s.isHTMLInputElement=l},"./src/utilities/Focus.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.focusToSibling=s.getPreviousElement=s.getNextElement=s.setUIFocusVisibility=s.getUILastFocusable=s.getUIFirstFocusable=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(s,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(s,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(s,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(s,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}});function o(n,e){const t=(0,l.getDocument)();if(t){let a=null;if(e?a=(0,l.getNextElement)(t.body,n,!1,!1,!0,!0):a=(0,l.getPreviousElement)(t.body,n,!1,!1,!0,!0),a)return a.focus(),a}return null}s.focusToSibling=o},"./src/utilities/Id.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.getUIId=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts":(f,s,r)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.UIKeyCodes=void 0;const l=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(s,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(n,e,t,a){a===void 0&&(a=t);var d=Object.getOwnPropertyDescriptor(e,t);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,a,d)}:function(n,e,t,a){a===void 0&&(a=t),n[a]=e[t]}),o=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),o(r("./src/utilities/Dom.ts"),s),o(r("./src/utilities/Focus.ts"),s),o(r("./src/utilities/Id.ts"),s),o(r("./src/utilities/Keys.ts"),s)},"./stories/UIToggleGroup.story.tsx":function(f,s,r){"use strict";var l=this&&this.__createBinding||(Object.create?function(p,_,y,v){v===void 0&&(v=y);var u=Object.getOwnPropertyDescriptor(_,y);(!u||("get"in u?!_.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return _[y]}}),Object.defineProperty(p,v,u)}:function(p,_,y,v){v===void 0&&(v=y),p[v]=_[y]}),o=this&&this.__setModuleDefault||(Object.create?function(p,_){Object.defineProperty(p,"default",{enumerable:!0,value:_})}:function(p,_){p.default=_}),n=this&&this.__importStar||function(p){if(p&&p.__esModule)return p;var _={};if(p!=null)for(var y in p)y!=="default"&&Object.prototype.hasOwnProperty.call(p,y)&&l(_,p,y);return o(_,p),_};Object.defineProperty(s,"__esModule",{value:!0}),s.defaultUsage=void 0;const e=n(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=r("./src/components/UIToggleGroup/index.ts");(0,r("./src/components/Icons.tsx").initIcons)(),s.default={title:"Basic Inputs/Toggle/Group"};const i={childrenGap:40},b=()=>{const[p,_]=(0,e.useState)(""),y=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],v=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"}],u=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],c=(m,I)=>{_(I?m:"")};return e.default.createElement(t.Stack,{tokens:i,style:{width:300}},e.default.createElement(t.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",ariaLabel:"test",onChange:c.bind(this)}),e.default.createElement("span",null,"selection: ",p)),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",required:!0})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),e.default.createElement(a.UIToggleGroup,{options:y,label:"Test",selectedKey:"medium"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),e.default.createElement(a.UIToggleGroup,{options:v,label:"Test"})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),e.default.createElement(a.UIToggleGroup,{options:u,label:"Test"})))};s.defaultUsage=b},"./src/components/UIIcon/UIIcon.scss":(f,s,r)=>{"use strict";r.r(s),r.d(s,{default:()=>P});var l=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r.n(l),n=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=r.n(n),t=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=r.n(t),d=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=r.n(d),b=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=r.n(b),_=r("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=r.n(_),v=r("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),u=r.n(v),c={};for(const g in v)g!=="default"&&(c[g]=()=>v[g]);r.d(s,c);var m={};m.styleTagTransform=y(),m.setAttributes=i(),m.insert=a().bind(null,"head"),m.domAPI=e(),m.insertStyleElement=p();var I=o()(u(),m);const P=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var s=[];function r(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function l(n,e){for(var t={},a=[],d=0;d<n.length;d++){var i=n[d],b=e.base?i[0]+e.base:i[0],p=t[b]||0,_="".concat(b," ").concat(p);t[b]=p+1;var y=r(_),v={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(y!==-1)s[y].references++,s[y].updater(v);else{var u=o(v,e);e.byIndex=d,s.splice(d,0,{identifier:_,updater:u,references:1})}a.push(_)}return a}function o(n,e){var t=e.domAPI(e);t.update(n);var a=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;t.update(n=i)}else t.remove()};return a}f.exports=function(n,e){e=e||{},n=n||[];var t=l(n,e);return function(d){d=d||[];for(var i=0;i<t.length;i++){var b=t[i],p=r(b);s[p].references--}for(var _=l(d,e),y=0;y<t.length;y++){var v=t[y],u=r(v);s[u].references===0&&(s[u].updater(),s.splice(u,1))}t=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var s={};function r(o){if(typeof s[o]=="undefined"){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[o]=n}return s[o]}function l(o,n){var e=r(o);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(n)}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function s(r){var l=document.createElement("style");return r.setAttributes(l,r.attributes),r.insert(l,r.options),l}f.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,s,r)=>{"use strict";function l(o){var n=r.nc;n&&o.setAttribute("nonce",n)}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function s(o,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var d=e.sourceMap;d&&typeof btoa!="undefined"&&(t+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),n.styleTagTransform(t,o,n.options)}function r(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function l(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=o.insertStyleElement(o);return{update:function(t){s(n,o,t)},remove:function(){r(n)}}}f.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function s(r,l){if(l.styleSheet)l.styleSheet.cssText=r;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(r))}}f.exports=s}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(b,t,n)=>{var p=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),_=a(p);_.push([b.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)}",""]),b.exports=_},"./src/components/UICallout/CalloutCollisionTransform.ts":(b,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},p=20;class a{constructor(o,e,s=n){this.originalStyle={},this.source=o,this.callout=e,this.props=s,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(o){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${o}px`,e}getElements(){const o=this.source.current,e=o==null?void 0:o.closest(this.props.container);if(e&&o){const s=e==null?void 0:e.querySelector(this.props.target);if(s){const r={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:s,rect:s.getBoundingClientRect()},source:{dom:o,rect:o.getBoundingClientRect()}},u=this.callout.current;return u&&(r.callout={dom:u,rect:u.getBoundingClientRect()}),r}}}applyTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:s,callout:r,source:u}=o;if(r){const O=window.innerHeight-n.minPagePadding,E=r.rect.height,g=u.rect.bottom;let T=g+E-s.rect.top,y=g+r.rect.height;if(T<=0||y>=O)return;if(y+=s.rect.height,y<=O&&(T+=p),this.props.absolute){const c=e.dom.style;this.originalStyle={transform:c.transform,position:c.position,top:c.top,left:c.left},c.transform="",c.position="absolute",c.top=`${e.rect.top}px`,c.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(T),s.dom.prepend(this.placeholder)}}resetTransformation(){const o=this.getElements();if(!o)return;const{container:e,target:s}=o;for(const r in this.originalStyle){const u=this.originalStyle[r];typeof u=="string"&&(e.dom.style[r]=u)}this.originalStyle={},this.placeholder&&(s.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(o){const e=this.getElements();return!!(o.type==="focus"&&(e!=null&&e.target.dom.contains(o.target)))}}t.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx":function(b,t,n){"use strict";var p=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,r=(l,i,f)=>i in l?p(l,i,{enumerable:!0,configurable:!0,writable:!0,value:f}):l[i]=f,u=(l,i)=>{for(var f in i||(i={}))e.call(i,f)&&r(l,f,i[f]);if(o)for(var f of o(i))s.call(i,f)&&r(l,f,i[f]);return l},O=(l,i)=>a(l,_(i)),E=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const g=E(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),T=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var c;(function(l){l.None="None",l.Standard="Standard"})(c||(t.UICalloutContentPadding=c={}));const m=new Map([[c.Standard,8]]),d=(l,i)=>typeof l=="object"&&typeof l[i]=="object"?l[i]:{},h=l=>{var i;return{root:u({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},d(l.styles,"root")),beak:u({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},d(l.styles,"beak")),beakCurtain:u({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},d(l.styles,"beakCurtain")),calloutMain:u({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(i=l.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:m.get(l.contentPadding||c.None)},d(l.styles,"calloutMain")),container:d(l.styles,"container")}};t.getCalloutStyle=h;class v extends g.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:f,focusTargetSiblingOnTabPress:U,target:S}=this.props;if(U&&i.key==="Tab"&&S){let C=null;if(typeof S=="string"){const P=(0,T.getDocument)();C=P==null?void 0:P.querySelector(S)}else"getBoundingClientRect"in S&&(0,y.isHTMLElement)(S)&&(C=S);C&&(0,y.focusToSibling)(C,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}f==null||f(i)}render(){return g.default.createElement(T.Callout,O(u({},this.props),{onKeyDown:this.onKeyDown,styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=v},"./src/components/UICallout/index.tsx":function(b,t,n){"use strict";var p=this&&this.__createBinding||(Object.create?function(_,o,e,s){s===void 0&&(s=e);var r=Object.getOwnPropertyDescriptor(o,e);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,s,r)}:function(_,o,e,s){s===void 0&&(s=e),_[s]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&p(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(n("./src/components/UICallout/CalloutCollisionTransform.ts"),t),a(n("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UITooltip/UITooltip.tsx":function(b,t,n){"use strict";var p=Object.defineProperty,a=Object.defineProperties,_=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,r=(m,d,h)=>d in m?p(m,d,{enumerable:!0,configurable:!0,writable:!0,value:h}):m[d]=h,u=(m,d)=>{for(var h in d||(d={}))e.call(d,h)&&r(m,h,d[h]);if(o)for(var h of o(d))s.call(d,h)&&r(m,h,d[h]);return m},O=(m,d)=>a(m,_(d)),E=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltip=t.UITooltipDelay=void 0;const g=E(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),T=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UITooltipDelay",{enumerable:!0,get:function(){return T.TooltipDelay}});const y=n("./src/components/UICallout/index.tsx");class c extends g.default.Component{constructor(d){super(d)}render(){const d=this.props.maxWidth!==void 0?this.props.maxWidth:200,h=()=>u(u({},{root:{display:"inline-block"},content:{backgroundColor:y.CALLOUT_STYLES.background,color:y.CALLOUT_STYLES.text,fontFamily:y.CALLOUT_STYLES.font}}),this.props.styles),l={beakWidth:10,styles:()=>(0,y.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:d}}})},i=g.default.createElement(T.TooltipHost,O(u({},this.props),{styles:h,calloutProps:u(u({},l),this.props.calloutProps)}));return this.props.showOnFocus?i:g.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}t.UITooltip=c},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,t,n){"use strict";var p=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltipUtils=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=p(n("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),o=n("./src/components/UICallout/index.tsx");class e{static getStyles(){return{root:{},content:{background:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text},subText:{}}}}t.UITooltipUtils=e,e.renderContent=s=>({onRenderContent:()=>a.default.createElement("span",null,s!=null?s:""),styles:e.getStyles()}),e.renderHTMLContent=s=>{const r=(0,_.default)(s);return{onRenderContent:()=>a.default.createElement("span",{dangerouslySetInnerHTML:{__html:r}}),styles:e.getStyles()}}},"./src/components/UITooltip/index.tsx":function(b,t,n){"use strict";var p=this&&this.__createBinding||(Object.create?function(_,o,e,s){s===void 0&&(s=e);var r=Object.getOwnPropertyDescriptor(o,e);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[e]}}),Object.defineProperty(_,s,r)}:function(_,o,e,s){s===void 0&&(s=e),_[s]=o[e]}),a=this&&this.__exportStar||function(_,o){for(var e in _)e!=="default"&&!Object.prototype.hasOwnProperty.call(o,e)&&p(o,_,e)};Object.defineProperty(t,"__esModule",{value:!0}),a(n("./src/components/UITooltip/UITooltip.tsx"),t),a(n("./src/components/UITooltip/UITooltipUtils.tsx"),t)},"./stories/UITooltip.story.tsx":function(b,t,n){"use strict";var p=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltips=void 0;const a=p(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=n("./src/components/UITooltip/index.tsx"),o=n("./src/components/UIButton/index.tsx"),e=n("./src/components/Icons.tsx");t.default={title:"Dropdowns/Tooltip"},(0,e.initIcons)();const s={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},r=()=>a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderContent(s.name)},s.name)),a.default.createElement("div",{style:{margin:20}},a.default.createElement(_.UITooltip,{tooltipProps:_.UITooltipUtils.renderHTMLContent(s.html)},"render HTML content")),a.default.createElement("div",null,a.default.createElement(_.UITooltip,{content:"This is the tooltip"},a.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),a.default.createElement("div",null,a.default.createElement(_.UITooltip,{content:"This is the tooltip",showOnFocus:!0},a.default.createElement(o.UIDefaultButton,null,"Show tooltip on hover and on focus"))));t.Tooltips=r},"./src/styles/_shadows.scss":(b,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>v});var p=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=n.n(p),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=n.n(_),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=n.n(e),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=n.n(r),O=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),E=n.n(O),g=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),T=n.n(g),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),c=n.n(y),m={};for(const l in y)l!=="default"&&(m[l]=()=>y[l]);n.d(t,m);var d={};d.styleTagTransform=T(),d.setAttributes=u(),d.insert=s().bind(null,"head"),d.domAPI=o(),d.insertStyleElement=E();var h=a()(c(),d);const v=c()&&c().locals?c().locals:void 0},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[302],{"./stories/UITranslationInput.story.tsx":function(z,u,c){var E=Object.defineProperty,P=Object.defineProperties,B=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,p=(e,t,o)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,m=(e,t)=>{for(var o in t||(t={}))D.call(t,o)&&p(e,o,t[o]);if(f)for(var o of f(t))S.call(t,o)&&p(e,o,t[o]);return e},T=(e,t)=>P(e,B(t)),U=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(u,"__esModule",{value:!0}),u.translationInput=void 0;const n=U(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),O=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=c("./src/components/UITranslationInput/index.tsx"),I=c("./src/components/Icons.tsx"),w=c("./src/components/UITable/index.tsx"),C=c("./src/components/UIButton/index.tsx"),h=c("./src/components/UICheckbox/index.tsx");u.default={title:"Basic Inputs/Input"},(0,I.initIcons)();const v={childrenGap:40},_="ui-components-i18n-bundle",j=()=>{let e={};try{e=JSON.parse(window.localStorage.getItem(_)||"")}catch(t){e={}}return e},b=e=>{window.localStorage.setItem(_,JSON.stringify(e))},N=()=>{const[e,t]=n.default.useState("Content"),[o,g]=n.default.useState(!1),[i,l]=n.default.useState(!1),[a,k]=n.default.useState(j()),V=(s,r)=>{t(r||"")},F=s=>{a[s.key.value]||(a[s.key.value]=[T(m({},s),{dummyPath:"dddd"})],b(a),k(m({},a)))},R=s=>{const r=document.querySelector(`div[data-i18n-key="${s.key.value}"]`);(r==null?void 0:r.parentElement).focus(),(0,O.setFocusVisibility)(!0,r==null?void 0:r.parentElement)},K=s=>{a[s]&&(delete a[s],b(a),k(m({},a)))},x=[];for(const s in a){const r=a[s];for(const M of r)x.push({key:s,value:M.value.value})}return n.default.createElement(y.Stack,{tokens:v,style:{width:"100%",height:"100%"}},n.default.createElement(y.Stack,{horizontal:!0,tokens:v},n.default.createElement(h.UICheckbox,{label:"Disabled",checked:o,onChange:(s,r)=>{g(r)}}),n.default.createElement(h.UICheckbox,{label:"Busy",checked:i,onChange:(s,r)=>{l(r)}})),n.default.createElement(d.UITranslationInput,{entries:a,id:"test",i18nPrefix:"i18n",allowedI18nPrefixes:["i18n","@i18n"],allowedPatterns:[d.TranslationTextPattern.SingleBracketBinding,d.TranslationTextPattern.DoubleBracketReplace],defaultPattern:d.TranslationTextPattern.SingleBracketBinding,value:e,onChange:V,onCreateNewEntry:F,onShowExistingEntry:R,disabled:o,busy:i?{busy:i,useMinWaitingTime:!0}:void 0}),n.default.createElement(W,{tableData:x,onDelete:K}))};u.translationInput=N;function W(e){const t=Array.from({length:3}).map((g,i)=>{const l={key:"test"+(i+1),name:"",fieldName:"",minWidth:100,maxWidth:300};return i===0?(l.name="Key",l.fieldName="key",l.onRender=a=>n.default.createElement("div",{"data-i18n-key":a.key},a.key)):i===1?(l.name="Value",l.fieldName="value"):i===2&&(l.name="Delete",l.minWidth=50,l.maxWidth=50,l.onRender=a=>n.default.createElement(C.UIIconButton,{onClick:()=>{e.onDelete(a.key)},iconProps:{iconName:I.UiIcons.TrashCan}})),l}),o=".ms-Fabric--isFocusVisible .ms-DetailsList .ms-DetailsRow-cell:focus::after { z-index: -1; }";return n.default.createElement(n.default.Fragment,null,n.default.createElement("style",null,o),n.default.createElement("div",{style:{position:"relative",height:"100%"}},n.default.createElement(w.UITable,{dataSetKey:"datasetkey",items:e.tableData,columns:t})))}}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[29],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(o){var d=[];return d.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=o(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},d.i=function(r,n,t,a,g){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(t)for(var l=0;l<this.length;l++){var c=this[l][0];c!=null&&(p[c]=!0)}for(var T=0;T<r.length;T++){var e=[].concat(r[T]);t&&p[e[0]]||(typeof g!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=g),n&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=n),a&&(e[4]?(e[1]="@supports (".concat(e[4],") {").concat(e[1],"}"),e[4]=a):e[4]="".concat(a)),d.push(e))}},d}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(o){return o[1]}},"./src/components/UIButton/UIIconButton.tsx":function(i,o,d){"use strict";var s=Object.defineProperty,r=Object.defineProperties,n=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,p=(f,v,u)=>v in f?s(f,v,{enumerable:!0,configurable:!0,writable:!0,value:u}):f[v]=u,l=(f,v)=>{for(var u in v||(v={}))a.call(v,u)&&p(f,u,v[u]);if(t)for(var u of t(v))g.call(v,u)&&p(f,u,v[u]);return f},c=(f,v)=>r(f,n(v)),T=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIconButton=o.UIIconButtonSizes=void 0;const e=T(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),x=d("./src/components/UIContextualMenu/index.tsx");var y;(function(f){f.Default="Default",f.Wide="Wide"})(y||(o.UIIconButtonSizes=y={}));class w extends e.default.Component{constructor(v){super(v),this.setStyle=u=>{const m=(u.sizeType||y.Default)===y.Default?16:26;return{root:{minWidth:"initial",height:16,width:m,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:4,selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:m},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:m},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%"},icon:{height:16,width:m,lineHeight:16},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"}}}}getButtonInteractionBackgroundColor(v){return`var(${v}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(h.IconButton,c(l({},this.props),{styles:this.setStyle(this.props),menuAs:x.UIContextualMenu}))}}o.UIIconButton=w},"./stories/UITreedropdown.story.tsx":function(i,o,d){"use strict";var s=Object.defineProperty,r=Object.defineProperties,n=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,p=(u,_,m)=>_ in u?s(u,_,{enumerable:!0,configurable:!0,writable:!0,value:m}):u[_]=m,l=(u,_)=>{for(var m in _||(_={}))a.call(_,m)&&p(u,m,_[m]);if(t)for(var m of t(_))g.call(_,m)&&p(u,m,_[m]);return u},c=(u,_)=>r(u,n(_)),T=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(o,"__esModule",{value:!0}),o.accessibilityStates=o.Message=o.Basic=void 0;const e=T(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),x=d("./src/components/UITreeDropdown/index.tsx");o.default={title:"Dropdowns/TreeDropdown"};const y=[{value:"__OperationControl",label:"__OperationControl",children:[{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]}]},{value:"SAP__Messages",label:"SAP__Messages",children:[]},{value:"DraftAdministrativeData",label:"DraftAdministrativeData",children:[{value:"SAP__Other",label:"SAP__Other",children:[]}]},{value:"_Artist",label:"_Artist",children:[]},{value:"_Title",label:"_Title",children:[]},{value:"_Title1",label:"_Title1",children:[]},{value:"_Title2",label:"_Title2",children:[]},{value:"_Title3",label:"_Title3",children:[]},{value:"_Title4",label:"_Title4",children:[]},{value:"_Title5",label:"_Title5",children:[]},{value:"_Title6",label:"_Title6",children:[]},{value:"_Title7",label:"_Title7",children:[]},{value:"_Title8",label:"_Title8",children:[]},{value:"_Title9",label:"_Title9",children:[]}],w=()=>{const[u,_]=e.default.useState(""),m=b=>_(b);return e.default.createElement("div",{style:{width:300}},e.default.createElement(x.UITreeDropdown,{value:u,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:m,maxWidth:300}))};o.Basic=w;const f=()=>{const[u,_]=e.default.useState(""),m=b=>_(b);return e.default.createElement("div",{style:{width:300}},e.default.createElement(x.UITreeDropdown,{value:u,label:"Label",placeholderText:"Select value",items:y,onParameterValueChange:m,maxWidth:300,errorMessage:"Dummy error"}))};o.Message=f;const v=()=>{const[u,_]=e.default.useState("_Title1"),m={childrenGap:40},b={placeholderText:"Select value",items:y,maxWidth:300,onParameterValueChange:E=>console.log(E)},I=c(l({},b),{onParameterValueChange:E=>_(E)});return e.default.createElement("div",null,e.default.createElement(h.Stack,{horizontal:!0,tokens:m},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(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{errorMessage:"Dummy error",value:u})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},b),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(x.UITreeDropdown,c(l({},I),{value:u,readOnly:!0})))))))};o.accessibilityStates=v},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var o=[];function d(n){for(var t=-1,a=0;a<o.length;a++)if(o[a].identifier===n){t=a;break}return t}function s(n,t){for(var a={},g=[],p=0;p<n.length;p++){var l=n[p],c=t.base?l[0]+t.base:l[0],T=a[c]||0,e="".concat(c," ").concat(T);a[c]=T+1;var h=d(e),x={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(h!==-1)o[h].references++,o[h].updater(x);else{var y=r(x,t);t.byIndex=p,o.splice(p,0,{identifier:e,updater:y,references:1})}g.push(e)}return g}function r(n,t){var a=t.domAPI(t);a.update(n);var g=function(l){if(l){if(l.css===n.css&&l.media===n.media&&l.sourceMap===n.sourceMap&&l.supports===n.supports&&l.layer===n.layer)return;a.update(n=l)}else a.remove()};return g}i.exports=function(n,t){t=t||{},n=n||[];var a=s(n,t);return function(p){p=p||[];for(var l=0;l<a.length;l++){var c=a[l],T=d(c);o[T].references--}for(var e=s(p,t),h=0;h<a.length;h++){var x=a[h],y=d(x);o[y].references===0&&(o[y].updater(),o.splice(y,1))}a=e}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var o={};function d(r){if(typeof o[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}o[r]=n}return o[r]}function s(r,n){var t=d(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function o(d){var s=document.createElement("style");return d.setAttributes(s,d.attributes),d.insert(s,d.options),s}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,o,d)=>{"use strict";function s(r){var n=d.nc;n&&r.setAttribute("nonce",n)}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function o(r,n,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var g=typeof t.layer!="undefined";g&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,g&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var p=t.sourceMap;p&&typeof btoa!="undefined"&&(a+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),n.styleTagTransform(a,r,n.options)}function d(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function s(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(a){o(n,r,a)},remove:function(){d(n)}}}i.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function o(d,s){if(s.styleSheet)s.styleSheet.cssText=d;else{for(;s.firstChild;)s.removeChild(s.firstChild);s.appendChild(document.createTextNode(d))}}i.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(i,o,d)=>{var s=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),n=r;n.v1=s,n.v4=r,i.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":i=>{for(var o=[],d=0;d<256;++d)o[d]=(d+256).toString(16).substr(1);function s(r,n){var t=n||0,a=o;return[a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],"-",a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]],a[r[t++]]].join("")}i.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":i=>{var o=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(o){var d=new Uint8Array(16);i.exports=function(){return o(d),d}}else{var s=new Array(16);i.exports=function(){for(var n=0,t;n<16;n++)n&3||(t=Math.random()*4294967296),s[n]=t>>>((n&3)<<3)&255;return s}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(i,o,d)=>{var s=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),n,t,a=0,g=0;function p(l,c,T){var e=c&&T||0,h=c||[];l=l||{};var x=l.node||n,y=l.clockseq!==void 0?l.clockseq:t;if(x==null||y==null){var w=s();x==null&&(x=n=[w[0]|1,w[1],w[2],w[3],w[4],w[5]]),y==null&&(y=t=(w[6]<<8|w[7])&16383)}var f=l.msecs!==void 0?l.msecs:new Date().getTime(),v=l.nsecs!==void 0?l.nsecs:g+1,u=f-a+(v-g)/1e4;if(u<0&&l.clockseq===void 0&&(y=y+1&16383),(u<0||f>a)&&l.nsecs===void 0&&(v=0),v>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");a=f,g=v,t=y,f+=122192928e5;var _=((f&268435455)*1e4+v)%4294967296;h[e++]=_>>>24&255,h[e++]=_>>>16&255,h[e++]=_>>>8&255,h[e++]=_&255;var m=f/4294967296*1e4&268435455;h[e++]=m>>>8&255,h[e++]=m&255,h[e++]=m>>>24&15|16,h[e++]=m>>>16&255,h[e++]=y>>>8|128,h[e++]=y&255;for(var b=0;b<6;++b)h[e+b]=x[b];return c||r(h)}i.exports=p},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(i,o,d)=>{var s=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),r=d("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function n(t,a,g){var p=a&&g||0;typeof t=="string"&&(a=t==="binary"?new Array(16):null,t=null),t=t||{};var l=t.random||(t.rng||s)();if(l[6]=l[6]&15|64,l[8]=l[8]&63|128,a)for(var c=0;c<16;++c)a[p+c]=l[c];return a||r(l)}i.exports=n}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[672],{"./stories/Utilities.story.tsx":function(f,s,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=r(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=n("./src/components/index.tsx");(0,u.initIcons)(),s.default={title:"Utilities/Misc"};const l={childrenGap:20},m=e=>t.default.createElement("div",{style:{padding:10}},e,t.default.createElement("br",null),"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt"),p=()=>{const e=[],c=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<c.length;o++){const a=c[o],d=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:l,key:a},t.default.createElement("div",{id:d}),t.default.createElement(u.UICallout,{className:a,styles:{root:{position:"static"}},layerProps:{hostId:d}},m(a))))}return t.default.createElement(i.Stack,{tokens:l,style:{width:300}},e)};s.shadows=p}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var O=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports);var u=(s,e,t)=>new Promise((i,r)=>{var n=o=>{try{y(t.next(o))}catch(a){r(a)}},I=o=>{try{y(t.throw(o))}catch(a){r(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,e)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[179],{"./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,e,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",930,273,84],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",930,273,84],"./UIButton.story":["./stories/UIButton.story.tsx",930,273,261,17,703,967,740],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",930,273,261,17,703,967,740],"./UICallout.story":["./stories/UICallout.story.tsx",930,273,261,17,703,292],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",930,273,261,17,703,292],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,244],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,244],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",930,273,294],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",930,273,294],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",930,273,900],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",930,273,900],"./UICombobox.story":["./stories/UICombobox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,295],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,295],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",930,273,261,17,703,778],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",930,273,261,17,703,778],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",930,239,273,261,17,761],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",930,239,273,261,17,761],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",930,273,261,835],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",930,273,261,835],"./UIDialog.story":["./stories/UIDialog.story.tsx",930,273,261,17,703,550,980,693],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",930,273,261,17,703,550,980,693],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,520],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,520],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,210],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,210],"./UIIcon.story":["./stories/UIIcon.story.tsx",930,273,524],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",930,273,524],"./UILabel.story":["./stories/UILabel.story.tsx",930,273,398],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",930,273,398],"./UILink.story":["./stories/UILink.story.tsx",930,469],"./UILink.story.tsx":["./stories/UILink.story.tsx",930,469],"./UILoader.story":["./stories/UILoader.story.tsx",930,273,261,17,703,682],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",930,273,261,17,703,682],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",930,273,328],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",930,273,328],"./UIPersona.story":["./stories/UIPersona.story.tsx",930,218],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",930,218],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,535],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,535],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,786],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,786],"./UISections.story":["./stories/UISections.story.tsx",930,273,261,17,703,550,498,248],"./UISections.story.tsx":["./stories/UISections.story.tsx",930,273,261,17,703,550,498,248],"./UISeparator.story":["./stories/UISeparator.story.tsx",930,456],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",930,456],"./UITable.story":["./stories/UITable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,309],"./UITable.story.tsx":["./stories/UITable.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,309],"./UITextInput.story":["./stories/UITextInput.story.tsx",930,273,261,797],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",930,273,261,797],"./UIToggle.story":["./stories/UIToggle.story.tsx",930,273,626],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",930,273,626],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",930,273,859,844],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",930,273,859,844],"./UITooltip.story":["./stories/UITooltip.story.tsx",930,277,273,261,17,703,963],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",930,277,273,261,17,703,963],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,302],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,302],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",930,273,261,17,967,29],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",930,273,261,17,967,29],"./Utilities.story":["./stories/Utilities.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,672],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",930,277,239,314,273,261,17,703,550,967,980,498,859,364,672]};function r(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}r.keys=()=>Object.keys(i),r.id="./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=r},"./storybook-config-entry.js":(s,e,t)=>{"use strict";var i=t("@storybook/global"),r=t("@storybook/preview-api");const n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>u(p,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return u(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,r.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@7.4.3_react-dom@16.14.0_react@16.14.0_typescript@5.3.3/node_modules/@storybook/react/preview.js")]),c=(0,n.createBrowserChannel)({page:"preview"});r.addons.setChannel(c),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=c);const l=new r.PreviewWeb;window.__STORYBOOK_PREVIEW__=l,window.__STORYBOOK_STORY_STORE__=l.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=c,window.__STORYBOOK_CLIENT_API__=new r.ClientApi({storyStore:l.storyStore}),l.initialize({importFn:o,getProjectAnnotations:a})},"@storybook/client-logger":s=>{"use strict";s.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":s=>{"use strict";s.exports=__STORYBOOK_MODULE_PREVIEW_API__}},s=>{var e=i=>s(s.s=i);s.O(0,[808],()=>e("./storybook-config-entry.js"));var t=s.O()}])});T();})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],d=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(d=!1,i<o&&(o=i));if(d){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(d=>n[d]=()=>t[d]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",244:"UICalloutCollisionTransform-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",535:"UIQuickNavigation-story",626:"UIToggle-story",672:"Utilities-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{17:"58e7a4db",29:"6c01d877",84:"22d2d3e5",210:"3606536e",218:"9d5750d4",239:"df74670d",244:"cc07045d",248:"c18e255d",261:"d971d681",273:"5a956b49",277:"b4eb5ff2",292:"147c6813",294:"a8b5df0e",295:"9da4ca1c",302:"9e4a233b",309:"4fbef46b",314:"88c87a07",328:"28245a77",364:"47805bd3",398:"fe877da7",456:"608804ec",469:"cb4bc655",498:"b199f389",520:"c229d439",524:"98a0771b",535:"14c63c2c",550:"0b6a8cfa",626:"15e0858a",672:"5c3248ff",682:"ecf11805",693:"3223c2f8",703:"583fbda9",740:"f98ff4fa",761:"d3cd928a",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"573848ba",859:"097d359c",900:"136500c4",930:"1b3c5615",963:"a33e25e3",967:"14c8251d",980:"51ae5caf"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,d;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(d=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),d&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var d=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
-
(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(d,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,d]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(d)var b=d(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|