@sap-ux/ui-components 1.27.9 → 2.0.0

package/storybook/UITreedropdown-story.ee2c3a17.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var k=Object.defineProperty,D=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var S=(s,a,l)=>a in s?k(s,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[a]=l,h=(s,a)=>{for(var l in a||(a={}))U.call(a,l)&&S(s,l,a[l]);if(E)for(var l of E(a))A.call(a,l)&&S(s,l,a[l]);return s},y=(s,a)=>D(s,M(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[994],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"(s){"use strict";s.exports=function(a){var l=[];return l.toString=function(){return this.map(function(e){var n="",t=typeof e[5]!="undefined";return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),t&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=a(e),t&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n}).join("")},l.i=function(e,n,t,r,p){typeof e=="string"&&(e=[[null,e,void 0]]);var f={};if(t)for(var d=0;d<this.length;d++){var c=this[d][0];c!=null&&(f[c]=!0)}for(var v=0;v<e.length;v++){var o=[].concat(e[v]);t&&f[o[0]]||(typeof p!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=p),n&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=n),r&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=r):o[4]="".concat(r)),l.push(o))}},l}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(s){"use strict";s.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(s){"use strict";var a=[];function l(n){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===n){t=r;break}return t}function u(n,t){for(var r={},p=[],f=0;f<n.length;f++){var d=n[f],c=t.base?d[0]+t.base:d[0],v=r[c]||0,o="".concat(c," ").concat(v);r[c]=v+1;var i=l(o),_={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(i!==-1)a[i].references++,a[i].updater(_);else{var m=e(_,t);t.byIndex=f,a.splice(f,0,{identifier:o,updater:m,references:1})}p.push(o)}return p}function e(n,t){var r=t.domAPI(t);r.update(n);var p=function(d){if(d){if(d.css===n.css&&d.media===n.media&&d.sourceMap===n.sourceMap&&d.supports===n.supports&&d.layer===n.layer)return;r.update(n=d)}else r.remove()};return p}s.exports=function(n,t){t=t||{},n=n||[];var r=u(n,t);return function(f){f=f||[];for(var d=0;d<r.length;d++){var c=r[d],v=l(c);a[v].references--}for(var o=u(f,t),i=0;i<r.length;i++){var _=r[i],m=l(_);a[m].references===0&&(a[m].updater(),a.splice(m,1))}r=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"(s){"use strict";var a={};function l(e){if(typeof a[e]=="undefined"){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}a[e]=n}return a[e]}function u(e,n){var t=l(e);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)}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(s){"use strict";function a(l){var u=document.createElement("style");return l.setAttributes(u,l.attributes),l.insert(u,l.options),u}s.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(s,a,l){"use strict";function u(e){var n=l.nc;n&&e.setAttribute("nonce",n)}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(s){"use strict";function a(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var p=typeof t.layer!="undefined";p&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,p&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var f=t.sourceMap;f&&typeof btoa!="undefined"&&(r+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),n.styleTagTransform(r,e,n.options)}function l(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function u(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(r){a(n,e,r)},remove:function(){l(n)}}}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.11_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(s){"use strict";function a(l,u){if(u.styleSheet)u.styleSheet.cssText=l;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(l))}}s.exports=a},"./src/components/UIButton/UIIconButton.tsx"(s,a,l){"use strict";var u=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(a,"__esModule",{value:!0}),a.UIIconButton=a.UIIconButtonSizes=void 0;const e=u(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=l("./src/components/UIContextualMenu/index.tsx");var r;(function(f){f.Default="Default",f.Wide="Wide"})(r||(a.UIIconButtonSizes=r={}));class p extends e.default.Component{constructor(d){super(d),this.setStyle=c=>{var i;const o=((i=c.sizeType)!=null?i:r.Default)===r.Default?16:26;return{root:{minWidth:"initial",height:16,width:o,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:o},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:5},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:o},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:o,lineHeight:16,display:"flex",alignItems:"center",justifyContent:"center"},iconHovered:{backgroundColor:"transparent"},menuIconExpanded:{display:"none"},menuIcon:{display:"none"},rootChecked:{backgroundColor:"var(--vscode-button-background)",color:"var(--vscode-button-foreground)",outline:"1px solid var(--vscode-contrastActiveBorder)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{inset:"-1px"}}},rootCheckedHovered:{backgroundColor:"var(--vscode-button-background)",outline:"1px dashed var(--vscode-contrastActiveBorder)"},iconChecked:{color:"var(--vscode-button-foreground)",selectors:{"> svg *":{fill:"currentColor"}}}}}}getButtonInteractionBackgroundColor(d){return`var(${d}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(n.IconButton,y(h({},this.props),{styles:this.setStyle(this.props),menuAs:t.UIContextualMenu}))}}a.UIIconButton=p},"./stories/UITreedropdown.story.tsx"(s,a,l){"use strict";var u=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(a,"__esModule",{value:!0}),a.accessibilityStates=a.Message=a.Basic=void 0;const e=u(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=l("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),t=l("./src/components/UITreeDropdown/index.tsx");a.default={title:"Dropdowns/TreeDropdown"};const r=[{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:[]}],p=()=>{const[c,v]=e.default.useState(0),[o,i]=e.default.useState(""),_=m=>{v(c+1),i(m)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:o,label:`Label(value changed ${c} times)`,placeholderText:"Select value",items:r,onParameterValueChange:_,maxWidth:300}))};a.Basic=p;const f=()=>{const[c,v]=e.default.useState(""),o=i=>v(i);return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:c,label:"Label",placeholderText:"Select value",items:r,onParameterValueChange:o,maxWidth:300,errorMessage:"Dummy error"}))};a.Message=f;const d=()=>{const[c,v]=e.default.useState("_Title1"),o={childrenGap:40},i={placeholderText:"Select value",items:r,maxWidth:300,onParameterValueChange:m=>console.log(m)},_=y(h({},i),{onParameterValueChange:m=>v(m)});return e.default.createElement("div",null,e.default.createElement(n.Stack,{horizontal:!0,tokens:o},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(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{errorMessage:"Dummy error",value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},i),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(h({},_),{value:c,readOnly:!0})))))))};a.accessibilityStates=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),n=e;n.v1=u,n.v4=e,s.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"(s){for(var a=[],l=0;l<256;++l)a[l]=(l+256).toString(16).substr(1);function u(e,n){var t=n||0,r=a;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")}s.exports=u},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"(s){var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var l=new Uint8Array(16);s.exports=function(){return a(l),l}}else{var u=new Array(16);s.exports=function(){for(var n=0,t;n<16;n++)(n&3)===0&&(t=Math.random()*4294967296),u[n]=t>>>((n&3)<<3)&255;return u}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),n,t,r=0,p=0;function f(d,c,v){var o=c&&v||0,i=c||[];d=d||{};var _=d.node||n,m=d.clockseq!==void 0?d.clockseq:t;if(_==null||m==null){var g=u();_==null&&(_=n=[g[0]|1,g[1],g[2],g[3],g[4],g[5]]),m==null&&(m=t=(g[6]<<8|g[7])&16383)}var b=d.msecs!==void 0?d.msecs:new Date().getTime(),x=d.nsecs!==void 0?d.nsecs:p+1,C=b-r+(x-p)/1e4;if(C<0&&d.clockseq===void 0&&(m=m+1&16383),(C<0||b>r)&&d.nsecs===void 0&&(x=0),x>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=b,p=x,t=m,b+=122192928e5;var T=((b&268435455)*1e4+x)%4294967296;i[o++]=T>>>24&255,i[o++]=T>>>16&255,i[o++]=T>>>8&255,i[o++]=T&255;var w=b/4294967296*1e4&268435455;i[o++]=w>>>8&255,i[o++]=w&255,i[o++]=w>>>24&15|16,i[o++]=w>>>16&255,i[o++]=m>>>8|128,i[o++]=m&255;for(var I=0;I<6;++I)i[o+I]=_[I];return c||e(i)}s.exports=f},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"(s,a,l){var u=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function n(t,r,p){var f=r&&p||0;typeof t=="string"&&(r=t==="binary"?new Array(16):null,t=null),t=t||{};var d=t.random||(t.rng||u)();if(d[6]=d[6]&15|64,d[8]=d[8]&63|128,r)for(var c=0;c<16;++c)r[f+c]=d[c];return r||e(d)}s.exports=n}}]);})();

package/storybook/Utilities-story.7f8fd70e.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[393],{"./stories/Utilities.story.tsx"(f,s,a){var d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=d(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),r=a("./src/components/index.tsx");s.default={title:"Utilities/Misc"};const u={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=[],l=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<l.length;o++){const n=l[o],c=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:u,key:n},t.default.createElement("div",{id:c}),t.default.createElement(r.UICallout,{className:n,styles:{root:{position:"static"}},layerProps:{hostId:c}},m(n))))}return t.default.createElement(i.Stack,{tokens:u,style:{width:300}},e)};s.shadows=p}}]);})();

package/storybook/iframe.html

@@ -501,6 +501,8 @@
           
       
           
+            window['CHANNEL_OPTIONS'] = {};
+          
       
           
             window['FEATURES'] = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true};
@@ -518,8 +520,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.1eb088e7.iframe.bundle.js';
+      import './runtime~main.0ec101e6.iframe.bundle.js';
       
-      import './299.87eab481.iframe.bundle.js';
+      import './625.874afe67.iframe.bundle.js';
       
-      import './main.356476a1.iframe.bundle.js';</script></body></html>
+      import './main.e2aa1653.iframe.bundle.js';</script></body></html>