@sap-ux/ui-components 1.21.2 → 1.21.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/components/Icons.d.ts +1 -0
  2. package/dist/components/Icons.d.ts.map +1 -1
  3. package/dist/components/Icons.js +6 -0
  4. package/dist/components/Icons.js.map +1 -1
  5. package/package.json +1 -1
  6. package/storybook/{920.1385eab3.iframe.bundle.js → 170.75e1a629.iframe.bundle.js} +1 -1
  7. package/storybook/20.26e2be61.iframe.bundle.js +1 -0
  8. package/storybook/{592.7880c0f6.iframe.bundle.js → 366.bcdd4ae6.iframe.bundle.js} +1 -1
  9. package/storybook/{583.dfa03f68.iframe.bundle.js → 424.1732782e.iframe.bundle.js} +1 -1
  10. package/storybook/{742.e07d5a84.iframe.bundle.js → 479.9e32b536.iframe.bundle.js} +1 -1
  11. package/storybook/{973.0c497be1.iframe.bundle.js → 568.64f789ef.iframe.bundle.js} +1 -1
  12. package/storybook/{498.9e803d53.iframe.bundle.js → 627.58aaecc9.iframe.bundle.js} +1 -1
  13. package/storybook/{589.7b3a2aa3.iframe.bundle.js → 652.9bd6d697.iframe.bundle.js} +1 -1
  14. package/storybook/{841.88f994d4.iframe.bundle.js → 841.5c385e60.iframe.bundle.js} +1 -1
  15. package/storybook/{504.7124a758.iframe.bundle.js → 932.33958d55.iframe.bundle.js} +3 -3
  16. package/storybook/{342.8616aa95.iframe.bundle.js → 939.4787bd39.iframe.bundle.js} +1 -1
  17. package/storybook/{UIActionCallout-story.b6524622.iframe.bundle.js → UIActionCallout-story.e2fd8fb7.iframe.bundle.js} +2 -2
  18. package/storybook/{UIButton-story.f887fe18.iframe.bundle.js → UIButton-story.49b13dae.iframe.bundle.js} +2 -2
  19. package/storybook/{UICallout-story.a22932c4.iframe.bundle.js → UICallout-story.89069029.iframe.bundle.js} +2 -2
  20. package/storybook/{UICheckbox-story.624f35bc.iframe.bundle.js → UICheckbox-story.54609f03.iframe.bundle.js} +2 -2
  21. package/storybook/{UIContextualMenu-story.2362d642.iframe.bundle.js → UIContextualMenu-story.02280149.iframe.bundle.js} +2 -2
  22. package/storybook/{UICreateSelect-story.29c5d25d.iframe.bundle.js → UICreateSelect-story.8d30a686.iframe.bundle.js} +2 -2
  23. package/storybook/{UIDatePicker-story.22bc503a.iframe.bundle.js → UIDatePicker-story.5d2ae767.iframe.bundle.js} +2 -2
  24. package/storybook/{UIDialog-story.b439e60a.iframe.bundle.js → UIDialog-story.4173109f.iframe.bundle.js} +2 -2
  25. package/storybook/UIIcon-story.8cffb688.iframe.bundle.js +1 -0
  26. package/storybook/{UILink-story.2c7d1953.iframe.bundle.js → UILink-story.4c037a1e.iframe.bundle.js} +2 -2
  27. package/storybook/{UILoader-story.53a44698.iframe.bundle.js → UILoader-story.b145ceb4.iframe.bundle.js} +2 -2
  28. package/storybook/{UISections-story.73044eae.iframe.bundle.js → UISections-story.6dee6237.iframe.bundle.js} +2 -2
  29. package/storybook/{UITextInput-story.ad5a9af8.iframe.bundle.js → UITextInput-story.1ffba626.iframe.bundle.js} +2 -2
  30. package/storybook/{UIToggle-story.fab92f4e.iframe.bundle.js → UIToggle-story.4f7caeb2.iframe.bundle.js} +2 -2
  31. package/storybook/{UIToggleGroup-story.81598f43.iframe.bundle.js → UIToggleGroup-story.b8bd0951.iframe.bundle.js} +2 -2
  32. package/storybook/{UITooltip-story.16d8ba4e.iframe.bundle.js → UITooltip-story.1f98cce1.iframe.bundle.js} +1 -1
  33. package/storybook/{UITreedropdown-story.623d5f2d.iframe.bundle.js → UITreedropdown-story.d90c504e.iframe.bundle.js} +2 -2
  34. package/storybook/iframe.html +2 -2
  35. package/storybook/main.35f2217a.iframe.bundle.js +1 -0
  36. package/storybook/project.json +1 -1
  37. package/storybook/runtime~main.11287822.iframe.bundle.js +2 -0
  38. package/storybook/817.c71ffc11.iframe.bundle.js +0 -1
  39. package/storybook/UIIcon-story.578a5088.iframe.bundle.js +0 -2
  40. package/storybook/main.aaadecba.iframe.bundle.js +0 -1
  41. package/storybook/runtime~main.3ecd6ab4.iframe.bundle.js +0 -2
package/storybook/{UIContextualMenu-story.2362d642.iframe.bundle.js → UIContextualMenu-story.02280149.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var U=(s,u,o)=>u in s?B(s,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[u]=o,y=(s,u)=>{for(var o in u||(u={}))L.call(u,o)&&U(s,o,u[o]);if(w)for(var o of w(u))P.call(u,o)&&U(s,o,u[o]);return s},C=(s,u)=>D(s,A(u));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(u){var o=[];return o.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=u(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},o.i=function(e,t,n,r,m){typeof e=="string"&&(e=[[null,e,void 0]]);var i={};if(n)for(var a=0;a<this.length;a++){var g=this[a][0];g!=null&&(i[g]=!0)}for(var h=0;h<e.length;h++){var l=[].concat(e[h]);n&&i[l[0]]||(typeof m!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=m),t&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=t),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),o.push(l))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(u){return u[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var u=[];function o(t){for(var n=-1,r=0;r<u.length;r++)if(u[r].identifier===t){n=r;break}return n}function c(t,n){for(var r={},m=[],i=0;i<t.length;i++){var a=t[i],g=n.base?a[0]+n.base:a[0],h=r[g]||0,l="".concat(g," ").concat(h);r[g]=h+1;var p=o(l),v={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(p!==-1)u[p].references++,u[p].updater(v);else{var f=e(v,n);n.byIndex=i,u.splice(i,0,{identifier:l,updater:f,references:1})}m.push(l)}return m}function e(t,n){var r=n.domAPI(n);r.update(t);var m=function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap&&a.supports===t.supports&&a.layer===t.layer)return;r.update(t=a)}else r.remove()};return m}s.exports=function(t,n){n=n||{},t=t||[];var r=c(t,n);return function(i){i=i||[];for(var a=0;a<r.length;a++){var g=r[a],h=o(g);u[h].references--}for(var l=c(i,n),p=0;p<r.length;p++){var v=r[p],f=o(v);u[f].references===0&&(u[f].updater(),u.splice(f,1))}r=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var u={};function o(e){if(typeof u[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}u[e]=t}return u[e]}function c(e,t){var n=o(e);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)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function u(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,u,o)=>{"use strict";function c(e){var t=o.nc;t&&e.setAttribute("nonce",t)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function u(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var m=typeof n.layer!="undefined";m&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,m&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&typeof btoa!="undefined"&&(r+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}function o(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function c(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){u(t,e,r)},remove:function(){o(t)}}}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function u(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}s.exports=u},"./src/components/UIToggle/UIToggle.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(u,"__esModule",{value:!0}),u.UIToggle=u.UIToggleSize=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=o("./src/helper/ValidationMessage/index.tsx");var r;(function(h){h.Standard="Standard",h.Small="Small"})(r||(u.UIToggleSize=r={}));const m=new Map([[r.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),i=.4,a={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 g extends e.default.Component{constructor(l){super(l)}getMarginBottom(l){const{inlineLabel:p}=this.props;if(l)return p?0:4}render(){const{inlineLabelLeft:l,labelFlexGrow:p,size:v,inlineLabel:f}=this.props,d=m.get(v!=null?v:r.Standard),x=(0,n.getMessageInfo)(this.props),b=k=>({root:C(y({},p&&{flexGrow:1}),{margin:d==null?void 0:d.margin,marginBottom:this.getMarginBottom(x.message)}),label:C(y(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:d==null?void 0:d.label.fontSize,padding:d==null?void 0:d.label.padding},f&&{marginLeft:10}),l&&{order:0,marginLeft:0,marginRight:10}),p&&{flexGrow:1}),{opacity:this.props.disabled?i:"inherit"}),pill:C(y({height:d==null?void 0:d.height,width:d==null?void 0:d.width,padding:d==null?void 0:d.padding,background:a.pill.checked.background,borderColor:a.pill.borderColor,borderStyle:"solid",":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.checked.background,borderColor:a.pill.borderColor,opacity:i}},!k.checked&&{background:a.pill.unchecked.background,borderStyle:"dashed",":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.borderColor,opacity:i}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:{height:d==null?void 0:d.circle.height,width:d==null?void 0:d.circle.width,borderWidth:d==null?void 0:d.circle.borderWidth,background:a.thumb.background,":hover":{backgroundColor:a.thumb.background}}}),S=e.default.createElement(t.Toggle,C(y({},this.props),{styles:b}));return x.message?e.default.createElement(n.MessageWrapper,{message:x},S):S}}u.UIToggle=g},"./src/components/UIToggle/index.tsx":function(s,u,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(t,n,r,m){m===void 0&&(m=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,m,i)}:function(t,n,r,m){m===void 0&&(m=r),t[m]=n[r]}),e=this&&this.__exportStar||function(t,n){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(n,r)&&c(n,t,r)};Object.defineProperty(u,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),u)},"./stories/UIContextualMenu.story.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(u,"__esModule",{value:!0}),u.ContextualMenu=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=o("./src/components/UIContextualMenu/index.tsx"),r=o("./src/components/UIButton/index.tsx"),m=o("./src/components/UITreeDropdown/index.tsx"),i=o("./src/components/Icons.tsx"),a=o("./src/components/UIDropdown/index.tsx"),g=o("./src/components/UIToggle/index.tsx");u.default={title:"Dropdowns/ContextualMenu"};const h={childrenGap:40};function l(f=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const p=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(f=>({key:f.toString(),text:f.toString()})),v=()=>{const f=e.default.useRef(null),[d,x]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[b,S]=e.default.useState(!0),[k,_]=e.default.useState(!1),T=e.default.useCallback(()=>{_(!0)},[]),I=e.default.useCallback(()=>_(!1),[]);return e.default.createElement(t.Stack,{tokens:h},e.default.createElement(a.UIDropdown,{label:"Layout",options:p,selectedKey:d.toString(),onChange:(E,M)=>{M&&x(n.UIContextualMenuLayoutType[M.key])}}),e.default.createElement(g.UIToggle,{checked:b,label:"showSubmenuBeneath",onChange:(E,M)=>{S(!!M)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:f,onClick:T},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!k,target:f,items:l(),onDismiss:I,layoutType:d,showSubmenuBeneath:b})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(r.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.Undo},menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.ArrowLeft},menuProps:{items:l(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:d,showSubmenuBeneath:b}})))))};u.ContextualMenu=v},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=c,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var u=[],o=0;o<256;++o)u[o]=(o+256).toString(16).substr(1);function c(e,t){var n=t||0,r=u;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")}s.exports=c},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var u=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(u){var o=new Uint8Array(16);s.exports=function(){return u(o),o}}else{var c=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),c[t]=n>>>((t&3)<<3)&255;return c}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,r=0,m=0;function i(a,g,h){var l=g&&h||0,p=g||[];a=a||{};var v=a.node||t,f=a.clockseq!==void 0?a.clockseq:n;if(v==null||f==null){var d=c();v==null&&(v=t=[d[0]|1,d[1],d[2],d[3],d[4],d[5]]),f==null&&(f=n=(d[6]<<8|d[7])&16383)}var x=a.msecs!==void 0?a.msecs:new Date().getTime(),b=a.nsecs!==void 0?a.nsecs:m+1,S=x-r+(b-m)/1e4;if(S<0&&a.clockseq===void 0&&(f=f+1&16383),(S<0||x>r)&&a.nsecs===void 0&&(b=0),b>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=x,m=b,n=f,x+=122192928e5;var k=((x&268435455)*1e4+b)%4294967296;p[l++]=k>>>24&255,p[l++]=k>>>16&255,p[l++]=k>>>8&255,p[l++]=k&255;var _=x/4294967296*1e4&268435455;p[l++]=_>>>8&255,p[l++]=_&255,p[l++]=_>>>24&15|16,p[l++]=_>>>16&255,p[l++]=f>>>8|128,p[l++]=f&255;for(var T=0;T<6;++T)p[l+T]=v[T];return g||e(p)}s.exports=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,r,m){var i=r&&m||0;typeof n=="string"&&(r=n==="binary"?new Array(16):null,n=null),n=n||{};var a=n.random||(n.rng||c)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,r)for(var g=0;g<16;++g)r[i+g]=a[g];return r||e(a)}s.exports=t}}]);})();
1
+ (()=>{var B=Object.defineProperty,D=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var U=(s,u,o)=>u in s?B(s,u,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[u]=o,y=(s,u)=>{for(var o in u||(u={}))L.call(u,o)&&U(s,o,u[o]);if(w)for(var o of w(u))P.call(u,o)&&U(s,o,u[o]);return s},C=(s,u)=>D(s,A(u));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[289],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(u){var o=[];return o.toString=function(){return this.map(function(e){var t="",n=typeof e[5]!="undefined";return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),n&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=u(e),n&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},o.i=function(e,t,n,r,m){typeof e=="string"&&(e=[[null,e,void 0]]);var i={};if(n)for(var a=0;a<this.length;a++){var g=this[a][0];g!=null&&(i[g]=!0)}for(var h=0;h<e.length;h++){var l=[].concat(e[h]);n&&i[l[0]]||(typeof m!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=m),t&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=t),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),o.push(l))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(u){return u[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var u=[];function o(t){for(var n=-1,r=0;r<u.length;r++)if(u[r].identifier===t){n=r;break}return n}function c(t,n){for(var r={},m=[],i=0;i<t.length;i++){var a=t[i],g=n.base?a[0]+n.base:a[0],h=r[g]||0,l="".concat(g," ").concat(h);r[g]=h+1;var p=o(l),v={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(p!==-1)u[p].references++,u[p].updater(v);else{var f=e(v,n);n.byIndex=i,u.splice(i,0,{identifier:l,updater:f,references:1})}m.push(l)}return m}function e(t,n){var r=n.domAPI(n);r.update(t);var m=function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap&&a.supports===t.supports&&a.layer===t.layer)return;r.update(t=a)}else r.remove()};return m}s.exports=function(t,n){n=n||{},t=t||[];var r=c(t,n);return function(i){i=i||[];for(var a=0;a<r.length;a++){var g=r[a],h=o(g);u[h].references--}for(var l=c(i,n),p=0;p<r.length;p++){var v=r[p],f=o(v);u[f].references===0&&(u[f].updater(),u.splice(f,1))}r=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var u={};function o(e){if(typeof u[e]=="undefined"){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}u[e]=t}return u[e]}function c(e,t){var n=o(e);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)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function u(o){var c=document.createElement("style");return o.setAttributes(c,o.attributes),o.insert(c,o.options),c}s.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,u,o)=>{"use strict";function c(e){var t=o.nc;t&&e.setAttribute("nonce",t)}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function u(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var m=typeof n.layer!="undefined";m&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,m&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&typeof btoa!="undefined"&&(r+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options)}function o(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function c(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){u(t,e,r)},remove:function(){o(t)}}}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function u(o,c){if(c.styleSheet)c.styleSheet.cssText=o;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(o))}}s.exports=u},"./src/components/UIToggle/UIToggle.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(u,"__esModule",{value:!0}),u.UIToggle=u.UIToggleSize=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=o("./src/helper/ValidationMessage/index.tsx");var r;(function(h){h.Standard="Standard",h.Small="Small"})(r||(u.UIToggleSize=r={}));const m=new Map([[r.Small,{width:30,height:14,padding:"0 2px",margin:"0",label:{fontSize:13,padding:"2px 0"},circle:{width:10,height:10,borderWidth:5}}]]),i=.4,a={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 g extends e.default.Component{constructor(l){super(l)}getMarginBottom(l){const{inlineLabel:p}=this.props;if(l)return p?0:4}render(){const{inlineLabelLeft:l,labelFlexGrow:p,size:v,inlineLabel:f}=this.props,d=m.get(v!=null?v:r.Standard),x=(0,n.getMessageInfo)(this.props),b=k=>({root:C(y({},p&&{flexGrow:1}),{margin:d==null?void 0:d.margin,marginBottom:this.getMarginBottom(x.message)}),label:C(y(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:d==null?void 0:d.label.fontSize,padding:d==null?void 0:d.label.padding},f&&{marginLeft:10}),l&&{order:0,marginLeft:0,marginRight:10}),p&&{flexGrow:1}),{opacity:this.props.disabled?i:"inherit"}),pill:C(y({height:d==null?void 0:d.height,width:d==null?void 0:d.width,padding:d==null?void 0:d.padding,background:a.pill.checked.background,borderColor:a.pill.borderColor,borderStyle:"solid",":hover":{background:a.pill.checked.hover.background,borderColor:a.pill.checked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.checked.background,borderColor:a.pill.borderColor,opacity:i}},!k.checked&&{background:a.pill.unchecked.background,borderStyle:"dashed",":hover":{background:a.pill.unchecked.hover.background,borderColor:a.pill.unchecked.hover.borderColor},":hover .ms-Toggle-thumb":{backgroundColor:a.thumb.background},":disabled":{background:a.pill.unchecked.background,borderColor:a.pill.borderColor,opacity:i}}),{selectors:{":focus::after":{border:"none !important",outline:a.pill.focus.outline}}}),thumb:{height:d==null?void 0:d.circle.height,width:d==null?void 0:d.circle.width,borderWidth:d==null?void 0:d.circle.borderWidth,background:a.thumb.background,":hover":{backgroundColor:a.thumb.background}}}),S=e.default.createElement(t.Toggle,C(y({},this.props),{styles:b}));return x.message?e.default.createElement(n.MessageWrapper,{message:x},S):S}}u.UIToggle=g},"./src/components/UIToggle/index.tsx":function(s,u,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(t,n,r,m){m===void 0&&(m=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,m,i)}:function(t,n,r,m){m===void 0&&(m=r),t[m]=n[r]}),e=this&&this.__exportStar||function(t,n){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(n,r)&&c(n,t,r)};Object.defineProperty(u,"__esModule",{value:!0}),e(o("./src/components/UIToggle/UIToggle.tsx"),u)},"./stories/UIContextualMenu.story.tsx":function(s,u,o){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(u,"__esModule",{value:!0}),u.ContextualMenu=void 0;const e=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=o("./src/components/UIContextualMenu/index.tsx"),r=o("./src/components/UIButton/index.tsx"),m=o("./src/components/UITreeDropdown/index.tsx"),i=o("./src/components/Icons.tsx"),a=o("./src/components/UIDropdown/index.tsx"),g=o("./src/components/UIToggle/index.tsx");u.default={title:"Dropdowns/ContextualMenu"};const h={childrenGap:40};function l(f=!1){return[{key:"item1",text:"Menu item 1",title:"Menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"Menu item 2",title:"Menu item 2",subMenuProps:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem1",text:"Submenu item 1"},{key:"submenuitem2",text:"Submenu item 2",title:"Submenu item 2",subMenuProps:C(y({},f&&{directionalHint:m.UIDirectionalHint.leftTopEdge}),{items:[{key:"submenuitem21",text:"Submenu item 21",title:"Submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"Submenu item 22",title:"Submenu item 22",canCheck:!0}]})},{key:"submenuitem3",text:"Submenu item 3",title:"Submenu item 3"},{key:"submenuitem4",text:"Submenu item 1",title:"Submenu item 1"},{key:"submenuitem5",text:"Submenu item 2",title:"Submenu item 2"},{key:"submenuitem6",text:"Submenu item 3",title:"Submenu item 3"}]})}]}const p=[n.UIContextualMenuLayoutType.ContextualMenu,n.UIContextualMenuLayoutType.DropdownMenu].map(f=>({key:f.toString(),text:f.toString()})),v=()=>{const f=e.default.useRef(null),[d,x]=e.default.useState(n.UIContextualMenuLayoutType.ContextualMenu),[b,S]=e.default.useState(!0),[k,_]=e.default.useState(!1),T=e.default.useCallback(()=>{_(!0)},[]),I=e.default.useCallback(()=>_(!1),[]);return e.default.createElement(t.Stack,{tokens:h},e.default.createElement(a.UIDropdown,{label:"Layout",options:p,selectedKey:d.toString(),onChange:(E,M)=>{M&&x(n.UIContextualMenuLayoutType[M.key])}}),e.default.createElement(g.UIToggle,{checked:b,label:"showSubmenuBeneath",onChange:(E,M)=>{S(!!M)}}),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),e.default.createElement("span",{ref:f,onClick:T},"Click for ContextualMenu"),e.default.createElement(n.UIContextualMenu,{hidden:!k,target:f,items:l(),onDismiss:I,layoutType:d,showSubmenuBeneath:b})),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIDefaultButton"),e.default.createElement(r.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.Undo},menuProps:{items:l(),layoutType:d,showSubmenuBeneath:b}})))),e.default.createElement(t.Stack,{tokens:{childrenGap:16}},e.default.createElement(t.Text,{variant:"large",block:!0},"As menuProps with beak and showSubmenuBeneath - iconToLeft and open the menu towards left"),e.default.createElement(t.Stack,{horizontal:!0,tokens:h,horizontalAlign:"center"},e.default.createElement(t.Stack,{tokens:{childrenGap:8}},e.default.createElement(t.Text,{variant:"small",block:!0},"UIIconButton"),e.default.createElement(r.UIIconButton,{iconProps:{iconName:i.UiIcons.ArrowLeft},menuProps:{items:l(!0),isBeakVisible:!0,iconToLeft:!0,layoutType:d,showSubmenuBeneath:b}})))))};u.ContextualMenu=v},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),t=e;t.v1=c,t.v4=e,s.exports=t},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var u=[],o=0;o<256;++o)u[o]=(o+256).toString(16).substr(1);function c(e,t){var n=t||0,r=u;return[r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],"-",r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]],r[e[n++]]].join("")}s.exports=c},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var u=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(u){var o=new Uint8Array(16);s.exports=function(){return u(o),o}}else{var c=new Array(16);s.exports=function(){for(var t=0,n;t<16;t++)t&3||(n=Math.random()*4294967296),c[t]=n>>>((t&3)<<3)&255;return c}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),t,n,r=0,m=0;function i(a,g,h){var l=g&&h||0,p=g||[];a=a||{};var v=a.node||t,f=a.clockseq!==void 0?a.clockseq:n;if(v==null||f==null){var d=c();v==null&&(v=t=[d[0]|1,d[1],d[2],d[3],d[4],d[5]]),f==null&&(f=n=(d[6]<<8|d[7])&16383)}var x=a.msecs!==void 0?a.msecs:new Date().getTime(),b=a.nsecs!==void 0?a.nsecs:m+1,S=x-r+(b-m)/1e4;if(S<0&&a.clockseq===void 0&&(f=f+1&16383),(S<0||x>r)&&a.nsecs===void 0&&(b=0),b>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");r=x,m=b,n=f,x+=122192928e5;var k=((x&268435455)*1e4+b)%4294967296;p[l++]=k>>>24&255,p[l++]=k>>>16&255,p[l++]=k>>>8&255,p[l++]=k&255;var _=x/4294967296*1e4&268435455;p[l++]=_>>>8&255,p[l++]=_&255,p[l++]=_>>>24&15|16,p[l++]=_>>>16&255,p[l++]=f>>>8|128,p[l++]=f&255;for(var T=0;T<6;++T)p[l+T]=v[T];return g||e(p)}s.exports=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,u,o)=>{var c=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),e=o("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function t(n,r,m){var i=r&&m||0;typeof n=="string"&&(r=n==="binary"?new Array(16):null,n=null),n=n||{};var a=n.random||(n.rng||c)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,r)for(var g=0;g<16;++g)r[i+g]=a[g];return r||e(a)}s.exports=t}}]);})();
package/storybook/{UICreateSelect-story.29c5d25d.iframe.bundle.js → UICreateSelect-story.8d30a686.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(u,n,t)=>n in u?H(u,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[n]=t,S=(u,n)=>{for(var t in n||(n={}))J.call(n,t)&&T(u,t,n[t]);if(D)for(var t of D(n))Y.call(n,t)&&T(u,t,n[t]);return u},b=(u,n)=>X(u,V(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}: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)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,d){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var m=0;m<this.length;m++){var E=this[m][0];E!=null&&(l[E]=!0)}for(var c=0;c<a.length;c++){var r=[].concat(a[c]);e&&l[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"./src/components/UILoader/UILoader.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function _(o,e){for(var s={},d=[],l=0;l<o.length;l++){var m=o[l],E=e.base?m[0]+e.base:m[0],c=s[E]||0,r="".concat(E," ").concat(c);s[E]=c+1;var v=t(r),y={css:m[1],media:m[2],sourceMap:m[3],supports:m[4],layer:m[5]};if(v!==-1)n[v].references++,n[v].updater(y);else{var g=a(y,e);e.byIndex=l,n.splice(l,0,{identifier:r,updater:g,references:1})}d.push(r)}return d}function a(o,e){var s=e.domAPI(e);s.update(o);var d=function(m){if(m){if(m.css===o.css&&m.media===o.media&&m.sourceMap===o.sourceMap&&m.supports===o.supports&&m.layer===o.layer)return;s.update(o=m)}else s.remove()};return d}u.exports=function(o,e){e=e||{},o=o||[];var s=_(o,e);return function(l){l=l||[];for(var m=0;m<s.length;m++){var E=s[m],c=t(E);n[c].references--}for(var r=_(l,e),v=0;v<s.length;v++){var y=s[v],g=t(y);n[g].references===0&&(n[g].updater(),n.splice(g,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function _(a,o){var e=t(a);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(o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function n(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,n,t)=>{"use strict";function _(a){var o=t.nc;o&&a.setAttribute("nonce",o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function _(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function n(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=_(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/UILoader/index.tsx"),l=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const m=t("./src/components/UIInput/index.tsx"),E=i=>a.default.createElement(o.components.DropdownIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),c=i=>a.default.createElement(o.components.ClearIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=i=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),v=i=>{var h,p,f,x;return a.default.createElement(a.default.Fragment,null,!((h=i==null?void 0:i.data)!=null&&h.__isNew__)&&a.default.createElement(o.components.Option,S({},i),a.default.createElement(l.UIHighlightMenuOption,{text:(p=i==null?void 0:i.data)==null?void 0:p.label,query:(f=i==null?void 0:i.selectProps)==null?void 0:f.inputValue})),((x=i==null?void 0:i.data)==null?void 0:x.__isNew__)&&a.default.createElement(o.components.Option,S({},i)))},y=i=>{let h="transparent";return i.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},g=i=>{const h=p=>`${i.createText}: ${p}`;return a.default.createElement(e.default,b(S({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:p=>p.label,formatCreateLabel:h,components:{ClearIndicator:c,DropdownIndicator:E,LoadingIndicator:r,Option:v},unstyled:!0,styles:{control:(p,f)=>b(S({},p),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:f.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:m.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(p,f)=>b(S({},p),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(p,f)=>b(S({},p),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:y(f),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:f.isSelected?y(f):"var(--vscode-list-hoverBackground)",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(p,f)=>b(S({},p),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(p,f)=>b(S({},p),{padding:"0px"}),indicatorsContainer:(p,f)=>b(S({},p),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(p,f)=>b(S({},p),{display:"none"}),dropdownIndicator:(p,f)=>b(S({},p),{padding:"0px"}),clearIndicator:(p,f)=>b(S({},p),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=g},"./src/components/UICreateSelect/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,m=()=>({root:S({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),E=a.default.createElement(o.Spinner,b(S({},this.props),{styles:m}));if(d){const c=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:c},E)}else return E}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(c,r,v,y){y===void 0&&(y=v);var g=Object.getOwnPropertyDescriptor(r,v);(!g||("get"in g?!r.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return r[v]}}),Object.defineProperty(c,y,g)}:function(c,r,v,y){y===void 0&&(y=v),c[y]=r[v]}),a=this&&this.__setModuleDefault||(Object.create?function(c,r){Object.defineProperty(c,"default",{enumerable:!0,value:r})}:function(c,r){c.default=r}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var r={};if(c!=null)for(var v in c)v!=="default"&&Object.prototype.hasOwnProperty.call(c,v)&&_(r,c,v);return a(r,c),r};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UICreateSelect/index.tsx"),l=t("./src/components/UILabel/index.tsx");n.default={title:"Dropdowns/CreateSelect"};const m={childrenGap:40},E=()=>{const c=I=>({label:I,value:I.toLowerCase().replace(/\W/g,"")}),r=[c("One"),c("Two"),c("Three")],[v,y]=(0,e.useState)(!1),[g,i]=(0,e.useState)(r),[h,p]=(0,e.useState)(),[f,x]=(0,e.useState)(),[L,M]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,j]=(0,e.useState)(),[P,U]=(0,e.useState)(),$=e.default.createRef(),R=I=>{const O=c(I);y(!0),p(O),setTimeout(()=>{y(!1),i(C=>[...C,O]),x(O)},1e3)},k=I=>{const O=I;p(O),x(O)},w=(0,e.useRef)(null),K=I=>{const O=c(I);M(!0),j(O),setTimeout(()=>{var C;M(!1),B(N=>[...N,O]),U(O),(C=w.current)==null||C.focus()},1e3)},F=I=>{const O=I;j(O),U(O)},z=I=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:v,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new value",options:g,value:h,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,f==null?void 0:f.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:z,onCreateOption:K,onChange:F}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,P==null?void 0:P.value)))))))};n.CreateSelect=E}}]);})();
1
+ (()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(u,n,t)=>n in u?H(u,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[n]=t,S=(u,n)=>{for(var t in n||(n={}))J.call(n,t)&&T(u,t,n[t]);if(D)for(var t of D(n))Y.call(n,t)&&T(u,t,n[t]);return u},b=(u,n)=>X(u,V(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}: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)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,d){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var m=0;m<this.length;m++){var E=this[m][0];E!=null&&(l[E]=!0)}for(var c=0;c<a.length;c++){var r=[].concat(a[c]);e&&l[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"./src/components/UILoader/UILoader.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function _(o,e){for(var s={},d=[],l=0;l<o.length;l++){var m=o[l],E=e.base?m[0]+e.base:m[0],c=s[E]||0,r="".concat(E," ").concat(c);s[E]=c+1;var v=t(r),y={css:m[1],media:m[2],sourceMap:m[3],supports:m[4],layer:m[5]};if(v!==-1)n[v].references++,n[v].updater(y);else{var g=a(y,e);e.byIndex=l,n.splice(l,0,{identifier:r,updater:g,references:1})}d.push(r)}return d}function a(o,e){var s=e.domAPI(e);s.update(o);var d=function(m){if(m){if(m.css===o.css&&m.media===o.media&&m.sourceMap===o.sourceMap&&m.supports===o.supports&&m.layer===o.layer)return;s.update(o=m)}else s.remove()};return d}u.exports=function(o,e){e=e||{},o=o||[];var s=_(o,e);return function(l){l=l||[];for(var m=0;m<s.length;m++){var E=s[m],c=t(E);n[c].references--}for(var r=_(l,e),v=0;v<s.length;v++){var y=s[v],g=t(y);n[g].references===0&&(n[g].updater(),n.splice(g,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function _(a,o){var e=t(a);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(o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function n(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,n,t)=>{"use strict";function _(a){var o=t.nc;o&&a.setAttribute("nonce",o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function _(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function n(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=_(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/UILoader/index.tsx"),l=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const m=t("./src/components/UIInput/index.tsx"),E=i=>a.default.createElement(o.components.DropdownIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),c=i=>a.default.createElement(o.components.ClearIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=i=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),v=i=>{var h,p,f,x;return a.default.createElement(a.default.Fragment,null,!((h=i==null?void 0:i.data)!=null&&h.__isNew__)&&a.default.createElement(o.components.Option,S({},i),a.default.createElement(l.UIHighlightMenuOption,{text:(p=i==null?void 0:i.data)==null?void 0:p.label,query:(f=i==null?void 0:i.selectProps)==null?void 0:f.inputValue})),((x=i==null?void 0:i.data)==null?void 0:x.__isNew__)&&a.default.createElement(o.components.Option,S({},i)))},y=i=>{let h="transparent";return i.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},g=i=>{const h=p=>`${i.createText}: ${p}`;return a.default.createElement(e.default,b(S({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:p=>p.label,formatCreateLabel:h,components:{ClearIndicator:c,DropdownIndicator:E,LoadingIndicator:r,Option:v},unstyled:!0,styles:{control:(p,f)=>b(S({},p),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:f.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:m.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(p,f)=>b(S({},p),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(p,f)=>b(S({},p),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:y(f),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:f.isSelected?y(f):"var(--vscode-list-hoverBackground)",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(p,f)=>b(S({},p),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(p,f)=>b(S({},p),{padding:"0px"}),indicatorsContainer:(p,f)=>b(S({},p),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(p,f)=>b(S({},p),{display:"none"}),dropdownIndicator:(p,f)=>b(S({},p),{padding:"0px"}),clearIndicator:(p,f)=>b(S({},p),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=g},"./src/components/UICreateSelect/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,m=()=>({root:S({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),E=a.default.createElement(o.Spinner,b(S({},this.props),{styles:m}));if(d){const c=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:c},E)}else return E}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(c,r,v,y){y===void 0&&(y=v);var g=Object.getOwnPropertyDescriptor(r,v);(!g||("get"in g?!r.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return r[v]}}),Object.defineProperty(c,y,g)}:function(c,r,v,y){y===void 0&&(y=v),c[y]=r[v]}),a=this&&this.__setModuleDefault||(Object.create?function(c,r){Object.defineProperty(c,"default",{enumerable:!0,value:r})}:function(c,r){c.default=r}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var r={};if(c!=null)for(var v in c)v!=="default"&&Object.prototype.hasOwnProperty.call(c,v)&&_(r,c,v);return a(r,c),r};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UICreateSelect/index.tsx"),l=t("./src/components/UILabel/index.tsx");n.default={title:"Dropdowns/CreateSelect"};const m={childrenGap:40},E=()=>{const c=I=>({label:I,value:I.toLowerCase().replace(/\W/g,"")}),r=[c("One"),c("Two"),c("Three")],[v,y]=(0,e.useState)(!1),[g,i]=(0,e.useState)(r),[h,p]=(0,e.useState)(),[f,x]=(0,e.useState)(),[L,M]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,j]=(0,e.useState)(),[P,U]=(0,e.useState)(),$=e.default.createRef(),R=I=>{const O=c(I);y(!0),p(O),setTimeout(()=>{y(!1),i(C=>[...C,O]),x(O)},1e3)},k=I=>{const O=I;p(O),x(O)},w=(0,e.useRef)(null),K=I=>{const O=c(I);M(!0),j(O),setTimeout(()=>{var C;M(!1),B(N=>[...N,O]),U(O),(C=w.current)==null||C.focus()},1e3)},F=I=>{const O=I;j(O),U(O)},z=I=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:v,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new value",options:g,value:h,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,f==null?void 0:f.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:z,onCreateOption:K,onChange:F}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,P==null?void 0:P.value)))))))};n.CreateSelect=E}}]);})();
package/storybook/{UIDatePicker-story.22bc503a.iframe.bundle.js → UIDatePicker-story.5d2ae767.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[191],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss":(i,o,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),e=t(l);e.push([i.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),i.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(o){var n=[];return n.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+=o(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,_,u){typeof t=="string"&&(t=[[null,t,void 0]]);var a={};if(s)for(var r=0;r<this.length;r++){var c=this[r][0];c!=null&&(a[c]=!0)}for(var p=0;p<t.length;p++){var d=[].concat(t[p]);s&&a[d[0]]||(typeof u!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=u),e&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=e),_&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=_):d[4]="".concat(_)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(o){return o[1]}},"./src/components/UIDatePicker/UIDatePicker.scss":(i,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(l),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(_),a=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=n.n(a),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(c),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(d),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(o,P);var h={};h.styleTagTransform=f(),h.setAttributes=r(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();var D=t()(m(),h);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var o=[];function n(e){for(var s=-1,_=0;_<o.length;_++)if(o[_].identifier===e){s=_;break}return s}function l(e,s){for(var _={},u=[],a=0;a<e.length;a++){var r=e[a],c=s.base?r[0]+s.base:r[0],p=_[c]||0,d="".concat(c," ").concat(p);_[c]=p+1;var f=n(d),y={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(f!==-1)o[f].references++,o[f].updater(y);else{var m=t(y,s);s.byIndex=a,o.splice(a,0,{identifier:d,updater:m,references:1})}u.push(d)}return u}function t(e,s){var _=s.domAPI(s);_.update(e);var u=function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap&&r.supports===e.supports&&r.layer===e.layer)return;_.update(e=r)}else _.remove()};return u}i.exports=function(e,s){s=s||{},e=e||[];var _=l(e,s);return function(a){a=a||[];for(var r=0;r<_.length;r++){var c=_[r],p=n(c);o[p].references--}for(var d=l(a,s),f=0;f<_.length;f++){var y=_[f],m=n(y);o[m].references===0&&(o[m].updater(),o.splice(m,1))}_=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var o={};function n(t){if(typeof o[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}o[t]=e}return o[t]}function l(t,e){var s=n(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)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function o(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,o,n)=>{"use strict";function l(t){var e=n.nc;e&&t.setAttribute("nonce",e)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function o(t,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(_,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(_){o(e,t,_)},remove:function(){n(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function o(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}i.exports=o},"./src/components/UIDatePicker/UIDatePicker.tsx":function(i,o,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDatePicker=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("./src/components/UIInput/index.tsx"),s=n("./src/components/UIIcon/index.tsx"),_=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(r){var c;super(r),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(c=r.defaultValue)!=null?c:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(r,c=""){var p,d;c=c.trim(),(d=(p=this.props).onChange)==null||d.call(p,r,c),this.setState({value:c})}onPickerChange(r){var p,d;let c=r.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(c)&&(c=`${r.target.value}:00`),(d=(p=this.props).onChange)==null||d.call(p,r,c),this.setState({value:c})}render(){const r=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return t.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},t.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),t.default.createElement("div",{className:"ui-DatePicker-toggle"},t.default.createElement(s.UIIcon,{iconName:_.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:r?this.state.value:"",onChange:this.onPickerChange})))}}o.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(i,o,n){"use strict";var l=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[_]}),t=this&&this.__exportStar||function(e,s){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(s,_)&&l(s,e,_)};Object.defineProperty(o,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),o)},"./stories/UIDatePicker.story.tsx":function(i,o,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=n("./src/components/UIDatePicker/index.tsx");o.default={title:"Basic Inputs/DatePicker"};const _={childrenGap:40},u=()=>t.default.createElement(e.Stack,{tokens:_,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),t.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),t.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));o.defaultUsage=u}}]);})();
1
+ (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[191],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss":(i,o,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),e=t(l);e.push([i.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),i.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(o){var n=[];return n.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+=o(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,_,u){typeof t=="string"&&(t=[[null,t,void 0]]);var a={};if(s)for(var r=0;r<this.length;r++){var c=this[r][0];c!=null&&(a[c]=!0)}for(var p=0;p<t.length;p++){var d=[].concat(t[p]);s&&a[d[0]]||(typeof u!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=u),e&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=e),_&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=_):d[4]="".concat(_)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(o){return o[1]}},"./src/components/UIDatePicker/UIDatePicker.scss":(i,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(l),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),_=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(_),a=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=n.n(a),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(c),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(d),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(o,P);var h={};h.styleTagTransform=f(),h.setAttributes=r(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();var D=t()(m(),h);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var o=[];function n(e){for(var s=-1,_=0;_<o.length;_++)if(o[_].identifier===e){s=_;break}return s}function l(e,s){for(var _={},u=[],a=0;a<e.length;a++){var r=e[a],c=s.base?r[0]+s.base:r[0],p=_[c]||0,d="".concat(c," ").concat(p);_[c]=p+1;var f=n(d),y={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(f!==-1)o[f].references++,o[f].updater(y);else{var m=t(y,s);s.byIndex=a,o.splice(a,0,{identifier:d,updater:m,references:1})}u.push(d)}return u}function t(e,s){var _=s.domAPI(s);_.update(e);var u=function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap&&r.supports===e.supports&&r.layer===e.layer)return;_.update(e=r)}else _.remove()};return u}i.exports=function(e,s){s=s||{},e=e||[];var _=l(e,s);return function(a){a=a||[];for(var r=0;r<_.length;r++){var c=_[r],p=n(c);o[p].references--}for(var d=l(a,s),f=0;f<_.length;f++){var y=_[f],m=n(y);o[m].references===0&&(o[m].updater(),o.splice(m,1))}_=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var o={};function n(t){if(typeof o[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}o[t]=e}return o[t]}function l(t,e){var s=n(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)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function o(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}i.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,o,n)=>{"use strict";function l(t){var e=n.nc;e&&t.setAttribute("nonce",e)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function o(t,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(_,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(_){o(e,t,_)},remove:function(){n(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function o(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}i.exports=o},"./src/components/UIDatePicker/UIDatePicker.tsx":function(i,o,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDatePicker=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("./src/components/UIInput/index.tsx"),s=n("./src/components/UIIcon/index.tsx"),_=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(r){var c;super(r),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(c=r.defaultValue)!=null?c:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(r,c=""){var p,d;c=c.trim(),(d=(p=this.props).onChange)==null||d.call(p,r,c),this.setState({value:c})}onPickerChange(r){var p,d;let c=r.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(c)&&(c=`${r.target.value}:00`),(d=(p=this.props).onChange)==null||d.call(p,r,c),this.setState({value:c})}render(){const r=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return t.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},t.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),t.default.createElement("div",{className:"ui-DatePicker-toggle"},t.default.createElement(s.UIIcon,{iconName:_.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:r?this.state.value:"",onChange:this.onPickerChange})))}}o.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(i,o,n){"use strict";var l=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[_]}),t=this&&this.__exportStar||function(e,s){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(s,_)&&l(s,e,_)};Object.defineProperty(o,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),o)},"./stories/UIDatePicker.story.tsx":function(i,o,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(o,"__esModule",{value:!0}),o.defaultUsage=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=n("./src/components/UIDatePicker/index.tsx");o.default={title:"Basic Inputs/DatePicker"};const _={childrenGap:40},u=()=>t.default.createElement(e.Stack,{tokens:_,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),t.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),t.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));o.defaultUsage=u}}]);})();
package/storybook/{UIDialog-story.b439e60a.iframe.bundle.js → UIDialog-story.4173109f.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(()=>{var O=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,a,o)=>a in c?O(c,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):c[a]=o,T=(c,a)=>{for(var o in a||(a={}))w.call(a,o)&&S(c,o,a[o]);if(C)for(var o of C(a))P.call(a,o)&&S(c,o,a[o]);return c},A=(c,a)=>M(c,B(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(a){var o=[];return o.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},o.i=function(l,t,e,n,h){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var y=this[r][0];y!=null&&(p[y]=!0)}for(var I=0;I<l.length;I++){var u=[].concat(l[I]);e&&p[u[0]]||(typeof h!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=h),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},h=[],p=0;p<t.length;p++){var r=t[p],y=e.base?r[0]+e.base:r[0],I=n[y]||0,u="".concat(y," ").concat(I);n[y]=I+1;var m=o(u),E={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(m!==-1)a[m].references++,a[m].updater(E);else{var v=l(E,e);e.byIndex=p,a.splice(p,0,{identifier:u,updater:v,references:1})}h.push(u)}return h}function l(t,e){var n=e.domAPI(e);n.update(t);var h=function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap&&r.supports===t.supports&&r.layer===t.layer)return;n.update(t=r)}else n.remove()};return h}c.exports=function(t,e){e=e||{},t=t||[];var n=d(t,e);return function(p){p=p||[];for(var r=0;r<n.length;r++){var y=n[r],I=o(y);a[I].references--}for(var u=d(p,e),m=0;m<n.length;m++){var E=n[m],v=o(E);a[v].references===0&&(a[v].updater(),a.splice(v,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var a={};function o(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=o(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function a(o){var d=document.createElement("style");return o.setAttributes(d,o.attributes),o.insert(d,o.options),d}c.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,a,o)=>{function d(l){var t=o.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function a(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var h=typeof e.layer!="undefined";h&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,h&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function o(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){a(t,l,n)},remove:function(){o(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function a(o,d){if(d.styleSheet)d.styleSheet.cssText=o;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(o))}}c.exports=a},"./stories/UIDialog.story.tsx":function(c,a,o){var d=this&&this.__createBinding||(Object.create?function(s,i,g,f){f===void 0&&(f=g);var x=Object.getOwnPropertyDescriptor(i,g);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[g]}}),Object.defineProperty(s,f,x)}:function(s,i,g,f){f===void 0&&(f=g),s[f]=i[g]}),l=this&&this.__setModuleDefault||(Object.create?function(s,i){Object.defineProperty(s,"default",{enumerable:!0,value:i})}:function(s,i){s.default=i}),t=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var i={};if(s!=null)for(var g in s)g!=="default"&&Object.prototype.hasOwnProperty.call(s,g)&&d(i,s,g);return l(i,s),i};Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=o("./src/components/UIDialog/index.ts"),p=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UIInput/index.tsx"),y=o("./src/components/UIDropdown/index.tsx"),I=o("./src/components/UIComboBox/index.tsx"),u=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const m={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class v extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=i=>{this.setState({text:i.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:i}=this.props,g=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],f=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:this.onToggle,primary:!0},i?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(h.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},f),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(r.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(y.UIDropdown,{label:"Dummy",options:g}),e.default.createElement(I.UIComboBox,{label:"Dummy",highlight:!0,options:g})))}}const D=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)},x=T({},E.main),{size:b}=s;b&&(x.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},U),e.default.createElement(h.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:x},onAccept:f,onCancel:f,onDismiss:f},e.default.createElement(y.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(r.UITextInput,{label:"Username"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"Password",type:"password"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"First name"}),e.default.createElement(r.UITextInput,{label:"Last name"}),e.default.createElement(r.UITextInput,{label:"Address"}),e.default.createElement(r.UITextInput,{label:"State"}),e.default.createElement(r.UITextInput,{label:"Country"}),e.default.createElement(r.UITextInput,{label:"Phone"}),e.default.createElement(r.UITextInput,{label:"Dummy 1"}),e.default.createElement(r.UITextInput,{label:"Dummy 2"}),e.default.createElement(r.UITextInput,{label:"Dummy 3"}),e.default.createElement(r.UITextInput,{label:"Dummy 4"}),e.default.createElement(r.UITextInput,{label:"Dummy 5"})))},_=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(h.UIDialog,{isOpen:i,isOpenAnimated:s.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."}}))},k=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(g,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(_,{openAnimation:s}))))};a.Dialog=k}}]);})();
1
+ "use strict";(()=>{var O=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(c,a,o)=>a in c?O(c,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):c[a]=o,T=(c,a)=>{for(var o in a||(a={}))w.call(a,o)&&S(c,o,a[o]);if(C)for(var o of C(a))P.call(a,o)&&S(c,o,a[o]);return c},A=(c,a)=>M(c,B(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(a){var o=[];return o.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},o.i=function(l,t,e,n,h){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var y=this[r][0];y!=null&&(p[y]=!0)}for(var I=0;I<l.length;I++){var u=[].concat(l[I]);e&&p[u[0]]||(typeof h!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=h),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},h=[],p=0;p<t.length;p++){var r=t[p],y=e.base?r[0]+e.base:r[0],I=n[y]||0,u="".concat(y," ").concat(I);n[y]=I+1;var m=o(u),E={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(m!==-1)a[m].references++,a[m].updater(E);else{var v=l(E,e);e.byIndex=p,a.splice(p,0,{identifier:u,updater:v,references:1})}h.push(u)}return h}function l(t,e){var n=e.domAPI(e);n.update(t);var h=function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap&&r.supports===t.supports&&r.layer===t.layer)return;n.update(t=r)}else n.remove()};return h}c.exports=function(t,e){e=e||{},t=t||[];var n=d(t,e);return function(p){p=p||[];for(var r=0;r<n.length;r++){var y=n[r],I=o(y);a[I].references--}for(var u=d(p,e),m=0;m<n.length;m++){var E=n[m],v=o(E);a[v].references===0&&(a[v].updater(),a.splice(v,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var a={};function o(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function d(l,t){var e=o(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function a(o){var d=document.createElement("style");return o.setAttributes(d,o.attributes),o.insert(d,o.options),d}c.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,a,o)=>{function d(l){var t=o.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function a(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var h=typeof e.layer!="undefined";h&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,h&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function o(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){a(t,l,n)},remove:function(){o(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function a(o,d){if(d.styleSheet)d.styleSheet.cssText=o;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(o))}}c.exports=a},"./stories/UIDialog.story.tsx":function(c,a,o){var d=this&&this.__createBinding||(Object.create?function(s,i,g,f){f===void 0&&(f=g);var x=Object.getOwnPropertyDescriptor(i,g);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[g]}}),Object.defineProperty(s,f,x)}:function(s,i,g,f){f===void 0&&(f=g),s[f]=i[g]}),l=this&&this.__setModuleDefault||(Object.create?function(s,i){Object.defineProperty(s,"default",{enumerable:!0,value:i})}:function(s,i){s.default=i}),t=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var i={};if(s!=null)for(var g in s)g!=="default"&&Object.prototype.hasOwnProperty.call(s,g)&&d(i,s,g);return l(i,s),i};Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),h=o("./src/components/UIDialog/index.ts"),p=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UIInput/index.tsx"),y=o("./src/components/UIDropdown/index.tsx"),I=o("./src/components/UIComboBox/index.tsx"),u=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const m={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class v extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=i=>{this.setState({text:i.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:i}=this.props,g=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],f=this.props.draggable?{modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:n.ContextualMenu,keepInBounds:!0}}}:void 0;return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:this.onToggle,primary:!0},i?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(h.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},f),{onAccept:this.onAccept,styles:E,onCancel:this.onToggle,onDismiss:this.onToggle}),e.default.createElement(r.UITextInput,{label:"Dialog Content",value:this.state.text,onChange:this.onChange}),e.default.createElement(y.UIDropdown,{label:"Dummy",options:g}),e.default.createElement(I.UIComboBox,{label:"Dummy",highlight:!0,options:g})))}}const D=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)},x=T({},E.main),{size:b}=s;b&&(x.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},U),e.default.createElement(h.UIDialog,{isOpen:i,isOpenAnimated:s.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:x},onAccept:f,onCancel:f,onDismiss:f},e.default.createElement(y.UIDropdown,{label:"Dummy",options:[]}),e.default.createElement(r.UITextInput,{label:"Username"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"Password",type:"password"}),e.default.createElement(r.UITextInput,{label:"Email"}),e.default.createElement(r.UITextInput,{label:"First name"}),e.default.createElement(r.UITextInput,{label:"Last name"}),e.default.createElement(r.UITextInput,{label:"Address"}),e.default.createElement(r.UITextInput,{label:"State"}),e.default.createElement(r.UITextInput,{label:"Country"}),e.default.createElement(r.UITextInput,{label:"Phone"}),e.default.createElement(r.UITextInput,{label:"Dummy 1"}),e.default.createElement(r.UITextInput,{label:"Dummy 2"}),e.default.createElement(r.UITextInput,{label:"Dummy 3"}),e.default.createElement(r.UITextInput,{label:"Dummy 4"}),e.default.createElement(r.UITextInput,{label:"Dummy 5"})))},_=s=>{const[i,g]=(0,e.useState)(!1),f=()=>{g(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(h.UIDialog,{isOpen:i,isOpenAnimated:s.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."}}))},k=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Stack,{tokens:m},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(g,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(v,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(D,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:m},e.default.createElement(_,{openAnimation:s}))))};a.Dialog=k}}]);})();
package/storybook/UIIcon-story.8cffb688.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx":function(d,i,s){var l=this&&this.__createBinding||(Object.create?function(o,n,e,t){t===void 0&&(t=e);var r=Object.getOwnPropertyDescriptor(n,e);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(o,t,r)}:function(o,n,e,t){t===void 0&&(t=e),o[t]=n[e]}),u=this&&this.__exportStar||function(o,n){for(var e in o)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&l(n,o,e)};Object.defineProperty(i,"__esModule",{value:!0}),u(s("./src/components/index.tsx"),i),u(s("./src/utilities/index.ts"),i),u(s("./src/theme/index.ts"),i)},"./stories/UIIcon.story.tsx":function(d,i,s){var l=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(i,"__esModule",{value:!0}),i.SvgIcon=void 0;const u=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=s("./src/components/UIIcon/index.tsx"),e=s("./src/index.tsx");i.default={title:"Utilities/Icons"};const t=[];for(const c in e.UiIcons)t.push(c);t.sort();const r=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:c=>u.default.createElement(n.UIIcon,{style:{width:"16px",height:"16px"},iconName:c})},{key:"column2",name:"Name",minWidth:50,onRender:c=>u.default.createElement("span",null,c)}],a=()=>u.default.createElement("div",null,u.default.createElement(o.DetailsList,{selectionMode:o.SelectionMode.none,items:t,columns:r,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));i.SvgIcon=a}}]);})();
package/storybook/{UILink-story.2c7d1953.iframe.bundle.js → UILink-story.4c037a1e.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var O=Object.defineProperty,C=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))j.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,k(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var c=[].concat(_[m]);s&&r[c[0]]||(typeof a!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function l(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,c="".concat(u," ").concat(m);t[u]=m+1;var p=e(c),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var y=_(f,s);s.byIndex=r,n.splice(r,0,{identifier:c,updater:y,references:1})}a.push(c)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=l(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var c=l(r,s),p=0;p<t.length;p++){var f=t[p],y=e(f);n[y].references===0&&(n[y].updater(),n.splice(y,1))}t=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function l(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function l(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[o.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,c=()=>({root:{color:m.color,fontFamily:"var(--vscode-font-family)",textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:c}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,c=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:c}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(m,c,p,f){f===void 0&&(f=p);var y=Object.getOwnPropertyDescriptor(c,p);(!y||("get"in y?!c.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(m,f,y)}:function(m,c,p,f){f===void 0&&(f=p),m[f]=c[p]}),_=this&&this.__setModuleDefault||(Object.create?function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}:function(m,c){m.default=c}),o=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var c={};if(m!=null)for(var p in m)p!=="default"&&Object.prototype.hasOwnProperty.call(m,p)&&l(c,m,p);return _(c,m),c};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,c]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(p,f)=>{c(!!f)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
1
+ (()=>{var O=Object.defineProperty,C=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))j.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,k(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var c=[].concat(_[m]);s&&r[c[0]]||(typeof a!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function l(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,c="".concat(u," ").concat(m);t[u]=m+1;var p=e(c),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var y=_(f,s);s.byIndex=r,n.splice(r,0,{identifier:c,updater:y,references:1})}a.push(c)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=l(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var c=l(r,s),p=0;p<t.length;p++){var f=t[p],y=e(f);n[y].references===0&&(n[y].updater(),n.splice(y,1))}t=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function l(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function l(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[o.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,c=()=>({root:{color:m.color,fontFamily:"var(--vscode-font-family)",textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:c}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,c=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:c}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(m,c,p,f){f===void 0&&(f=p);var y=Object.getOwnPropertyDescriptor(c,p);(!y||("get"in y?!c.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(m,f,y)}:function(m,c,p,f){f===void 0&&(f=p),m[f]=c[p]}),_=this&&this.__setModuleDefault||(Object.create?function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}:function(m,c){m.default=c}),o=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var c={};if(m!=null)for(var p in m)p!=="default"&&Object.prototype.hasOwnProperty.call(m,p)&&l(c,m,p);return _(c,m),c};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,c]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(p,f)=>{c(!!f)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
package/storybook/{UILoader-story.53a44698.iframe.bundle.js → UILoader-story.b145ceb4.iframe.bundle.js} RENAMED
@@ -1,5 +1,5 @@
1
- (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(f,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js"),a=l(d);a.push([f.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)}",""]),f.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(n){var s=[];return s.toString=function(){return this.map(function(l){var a="",e=typeof l[5]!="undefined";return l[4]&&(a+="@supports (".concat(l[4],") {")),l[2]&&(a+="@media ".concat(l[2]," {")),e&&(a+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),a+=n(l),e&&(a+="}"),l[2]&&(a+="}"),l[4]&&(a+="}"),a}).join("")},s.i=function(l,a,e,t,_){typeof l=="string"&&(l=[[null,l,void 0]]);var i={};if(e)for(var r=0;r<this.length;r++){var m=this[r][0];m!=null&&(i[m]=!0)}for(var y=0;y<l.length;y++){var o=[].concat(l[y]);e&&i[o[0]]||(typeof _!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=_),a&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=a),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),s.push(o))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(f,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>v});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(a),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=s.n(t),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=s.n(i),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=s.n(m),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=s.n(o),D=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.94.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(D),u={};for(const h in D)h!=="default"&&(u[h]=()=>D[h]);s.d(n,u);var c={};c.styleTagTransform=S(),c.setAttributes=r(),c.insert=_().bind(null,"head"),c.domAPI=e(),c.insertStyleElement=y();var p=l()(E(),c);const v=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var n=[];function s(a){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===a){e=t;break}return e}function d(a,e){for(var t={},_=[],i=0;i<a.length;i++){var r=a[i],m=e.base?r[0]+e.base:r[0],y=t[m]||0,o="".concat(m," ").concat(y);t[m]=y+1;var S=s(o),D={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(S!==-1)n[S].references++,n[S].updater(D);else{var E=l(D,e);e.byIndex=i,n.splice(i,0,{identifier:o,updater:E,references:1})}_.push(o)}return _}function l(a,e){var t=e.domAPI(e);t.update(a);var _=function(r){if(r){if(r.css===a.css&&r.media===a.media&&r.sourceMap===a.sourceMap&&r.supports===a.supports&&r.layer===a.layer)return;t.update(a=r)}else t.remove()};return _}f.exports=function(a,e){e=e||{},a=a||[];var t=d(a,e);return function(i){i=i||[];for(var r=0;r<t.length;r++){var m=t[r],y=s(m);n[y].references--}for(var o=d(i,e),S=0;S<t.length;S++){var D=t[S],E=s(D);n[E].references===0&&(n[E].updater(),n.splice(E,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var n={};function s(l){if(typeof n[l]=="undefined"){var a=document.querySelector(l);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}n[l]=a}return n[l]}function d(l,a){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function n(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}f.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,n,s)=>{"use strict";function d(l){var a=s.nc;a&&l.setAttribute("nonce",a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function n(l,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var _=typeof e.layer!="undefined";_&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,_&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function n(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}f.exports=n},"./stories/UILoader.story.tsx":function(f,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(u,c,p,v){v===void 0&&(v=p);var h=Object.getOwnPropertyDescriptor(c,p);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(u,v,h)}:function(u,c,p,v){v===void 0&&(v=p),u[v]=c[p]}),l=this&&this.__setModuleDefault||(Object.create?function(u,c){Object.defineProperty(u,"default",{enumerable:!0,value:c})}:function(u,c){u.default=c}),a=this&&this.__importStar||function(u){if(u&&u.__esModule)return u;var c={};if(u!=null)for(var p in u)p!=="default"&&Object.prototype.hasOwnProperty.call(u,p)&&d(c,u,p);return l(c,u),c};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=s("./src/components/UILoader/index.tsx"),i=s("./src/components/UIButton/index.tsx"),r=s("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"};const m={childrenGap:40},y=()=>e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,null))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:m,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:m,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=y;const o=()=>{const[u,c]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(t.Text,null,"Loader - delayed"),u&&e.default.createElement(_.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(i.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{c(!u)}}))))};n.Delayed=o;const S=`
1
+ (()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(f,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),a=l(d);a.push([f.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)}",""]),f.exports=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":f=>{"use strict";f.exports=function(n){var s=[];return s.toString=function(){return this.map(function(l){var a="",e=typeof l[5]!="undefined";return l[4]&&(a+="@supports (".concat(l[4],") {")),l[2]&&(a+="@media ".concat(l[2]," {")),e&&(a+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),a+=n(l),e&&(a+="}"),l[2]&&(a+="}"),l[4]&&(a+="}"),a}).join("")},s.i=function(l,a,e,t,_){typeof l=="string"&&(l=[[null,l,void 0]]);var i={};if(e)for(var r=0;r<this.length;r++){var m=this[r][0];m!=null&&(i[m]=!0)}for(var y=0;y<l.length;y++){var o=[].concat(l[y]);e&&i[o[0]]||(typeof _!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=_),a&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=a),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),s.push(o))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":f=>{"use strict";f.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(f,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>v});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(a),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),_=s.n(t),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),r=s.n(i),m=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=s.n(m),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=s.n(o),D=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/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.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),E=s.n(D),u={};for(const h in D)h!=="default"&&(u[h]=()=>D[h]);s.d(n,u);var c={};c.styleTagTransform=S(),c.setAttributes=r(),c.insert=_().bind(null,"head"),c.domAPI=e(),c.insertStyleElement=y();var p=l()(E(),c);const v=E()&&E().locals?E().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":f=>{"use strict";var n=[];function s(a){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===a){e=t;break}return e}function d(a,e){for(var t={},_=[],i=0;i<a.length;i++){var r=a[i],m=e.base?r[0]+e.base:r[0],y=t[m]||0,o="".concat(m," ").concat(y);t[m]=y+1;var S=s(o),D={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(S!==-1)n[S].references++,n[S].updater(D);else{var E=l(D,e);e.byIndex=i,n.splice(i,0,{identifier:o,updater:E,references:1})}_.push(o)}return _}function l(a,e){var t=e.domAPI(e);t.update(a);var _=function(r){if(r){if(r.css===a.css&&r.media===a.media&&r.sourceMap===a.sourceMap&&r.supports===a.supports&&r.layer===a.layer)return;t.update(a=r)}else t.remove()};return _}f.exports=function(a,e){e=e||{},a=a||[];var t=d(a,e);return function(i){i=i||[];for(var r=0;r<t.length;r++){var m=t[r],y=s(m);n[y].references--}for(var o=d(i,e),S=0;S<t.length;S++){var D=t[S],E=s(D);n[E].references===0&&(n[E].updater(),n.splice(E,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":f=>{"use strict";var n={};function s(l){if(typeof n[l]=="undefined"){var a=document.querySelector(l);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}n[l]=a}return n[l]}function d(l,a){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":f=>{"use strict";function n(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}f.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(f,n,s)=>{"use strict";function d(l){var a=s.nc;a&&l.setAttribute("nonce",a)}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":f=>{"use strict";function n(l,a,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var _=typeof e.layer!="undefined";_&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,_&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var i=e.sourceMap;i&&typeof btoa!="undefined"&&(t+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}f.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":f=>{"use strict";function n(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}f.exports=n},"./stories/UILoader.story.tsx":function(f,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(u,c,p,v){v===void 0&&(v=p);var h=Object.getOwnPropertyDescriptor(c,p);(!h||("get"in h?!c.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(u,v,h)}:function(u,c,p,v){v===void 0&&(v=p),u[v]=c[p]}),l=this&&this.__setModuleDefault||(Object.create?function(u,c){Object.defineProperty(u,"default",{enumerable:!0,value:c})}:function(u,c){u.default=c}),a=this&&this.__importStar||function(u){if(u&&u.__esModule)return u;var c={};if(u!=null)for(var p in u)p!=="default"&&Object.prototype.hasOwnProperty.call(u,p)&&d(c,u,p);return l(c,u),c};Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),_=s("./src/components/UILoader/index.tsx"),i=s("./src/components/UIButton/index.tsx"),r=s("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"};const m={childrenGap:40},y=()=>e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,null))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:m,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:m,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:m},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(_.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=y;const o=()=>{const[u,c]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(t.Text,null,"Loader - delayed"),u&&e.default.createElement(_.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(i.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{c(!u)}}))))};n.Delayed=o;const S=`
3
3
  .popup--busy .ms-Dialog-content {
4
4
  position: static;
5
5
  }