@sap-ux/ui-components 1.17.0 → 1.17.2

package/storybook/UIButton-story.b92dd831.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var H=Object.defineProperty,R=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var D=(s,c,r)=>c in s?H(s,c,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[c]=r,C=(s,c)=>{for(var r in c||(c={}))W.call(c,r)&&D(s,r,c[r]);if(N)for(var r of N(c))j.call(c,r)&&D(s,r,c[r]);return s},w=(s,c)=>R(s,z(c));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[740],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":s=>{"use strict";s.exports=function(c){var r=[];return r.toString=function(){return this.map(function(n){var o="",e=typeof n[5]!="undefined";return n[4]&&(o+="@supports (".concat(n[4],") {")),n[2]&&(o+="@media ".concat(n[2]," {")),e&&(o+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),o+=c(n),e&&(o+="}"),n[2]&&(o+="}"),n[4]&&(o+="}"),o}).join("")},r.i=function(n,o,e,t,u){typeof n=="string"&&(n=[[null,n,void 0]]);var I={};if(e)for(var a=0;a<this.length;a++){var v=this[a][0];v!=null&&(I[v]=!0)}for(var f=0;f<n.length;f++){var i=[].concat(n[f]);e&&I[i[0]]||(typeof u!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=u),o&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=o),t&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=t):i[4]="".concat(t)),r.push(i))}},r}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":s=>{"use strict";s.exports=function(c){return c[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":s=>{"use strict";var c=[];function r(o){for(var e=-1,t=0;t<c.length;t++)if(c[t].identifier===o){e=t;break}return e}function d(o,e){for(var t={},u=[],I=0;I<o.length;I++){var a=o[I],v=e.base?a[0]+e.base:a[0],f=t[v]||0,i="".concat(v," ").concat(f);t[v]=f+1;var l=r(i),p={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(l!==-1)c[l].references++,c[l].updater(p);else{var m=n(p,e);e.byIndex=I,c.splice(I,0,{identifier:i,updater:m,references:1})}u.push(i)}return u}function n(o,e){var t=e.domAPI(e);t.update(o);var u=function(a){if(a){if(a.css===o.css&&a.media===o.media&&a.sourceMap===o.sourceMap&&a.supports===o.supports&&a.layer===o.layer)return;t.update(o=a)}else t.remove()};return u}s.exports=function(o,e){e=e||{},o=o||[];var t=d(o,e);return function(I){I=I||[];for(var a=0;a<t.length;a++){var v=t[a],f=r(v);c[f].references--}for(var i=d(I,e),l=0;l<t.length;l++){var p=t[l],m=r(p);c[m].references===0&&(c[m].updater(),c.splice(m,1))}t=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":s=>{"use strict";var c={};function r(n){if(typeof c[n]=="undefined"){var o=document.querySelector(n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}c[n]=o}return c[n]}function d(n,o){var e=r(n);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)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":s=>{"use strict";function c(r){var d=document.createElement("style");return r.setAttributes(d,r.attributes),r.insert(d,r.options),d}s.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(s,c,r)=>{"use strict";function d(n){var o=r.nc;o&&n.setAttribute("nonce",o)}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":s=>{"use strict";function c(n,o,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var u=typeof e.layer!="undefined";u&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,u&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var I=e.sourceMap;I&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(I))))," */")),o.styleTagTransform(t,n,o.options)}function r(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=n.insertStyleElement(n);return{update:function(t){c(o,n,t)},remove:function(){r(o)}}}s.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":s=>{"use strict";function c(r,d){if(d.styleSheet)d.styleSheet.cssText=r;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(r))}}s.exports=c},"./stories/UIButton.story.tsx":function(s,c,r){"use strict";var d=this&&this.__createBinding||(Object.create?function(l,p,m,h){h===void 0&&(h=m);var y=Object.getOwnPropertyDescriptor(p,m);(!y||("get"in y?!p.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return p[m]}}),Object.defineProperty(l,h,y)}:function(l,p,m,h){h===void 0&&(h=m),l[h]=p[m]}),n=this&&this.__setModuleDefault||(Object.create?function(l,p){Object.defineProperty(l,"default",{enumerable:!0,value:p})}:function(l,p){l.default=p}),o=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var p={};if(l!=null)for(var m in l)m!=="default"&&Object.prototype.hasOwnProperty.call(l,m)&&d(p,l,m);return n(p,l),p};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const e=o(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=r("./src/components/UIButton/index.tsx"),I=r("./src/components/UIContextualMenu/index.tsx"),a=r("./src/components/Icons.tsx"),v=r("./src/components/UITreeDropdown/index.tsx");(0,a.initIcons)(),c.default={title:"Basic Inputs/Buttons"};const f={childrenGap:40},i=()=>{const[l,p]=(0,e.useState)(""),[m,h]=(0,e.useState)({btn1:!0,btn2:!0,btn3:!0}),y=U=>{p(U)},k=U=>{const _=w(C({},m),{[U]:!m[U]});h(_)},x=(U,_,g)=>{const B={key:U,text:_};return g&&(B.iconProps={iconName:a.UiIcons.GuidedDevelopment}),B},E=x("option1","option 1"),S=[x("option2","option 2"),x("option3","option 3")],b=S.map(U=>w(C({},U),{iconProps:{iconName:a.UiIcons.GuidedDevelopment}})),M=[b[0],w(C({},b[1]),{iconProps:void 0})],T=()=>[x("option1","option 1"),x("rename","Simulate rename"),{key:"",itemType:I.UIContextualMenuItemType.Divider},x("option3","option 3"),x("option4","option 4"),x("option5","option 5"),{key:"",itemType:I.UIContextualMenuItemType.Header,text:"Dummy header"},x("option6","option 6"),x("option7","option 7"),x("option8","option 8"),x("option10","option 10"),x("option11","option 11"),x("option12","option 12")],[P,A]=(0,e.useState)(T());return e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{primary:!0},"Primary button"),e.default.createElement(u.UIDefaultButton,{primary:!0,disabled:!0},"Primary disabled button"),e.default.createElement(u.UIDefaultButton,{primary:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Primary button with icon"),e.default.createElement(u.UIDefaultButton,{primary:!0,checked:!0},"Primary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,null,"Secondary button"),e.default.createElement(u.UIDefaultButton,{disabled:!0},"Secondary disabled button"),e.default.createElement(u.UIDefaultButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Secondary button with icon"),e.default.createElement(u.UIDefaultButton,{checked:!0},"Secondary checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Transparent Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIDefaultButton,{transparent:!0},"Transparent button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,disabled:!0},"Transparent disabled button"),e.default.createElement(u.UIDefaultButton,{transparent:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Transparent button with icon"),e.default.createElement(u.UIDefaultButton,{transparent:!0,checked:!0},"Transparent checked button"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Split Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISplitButton,{id:"test",callback:y.bind(this),menuItems:S,button:E}),e.default.createElement(u.UISplitButton,{id:"test2",callback:y.bind(this),menuItems:b,button:E}),e.default.createElement(u.UISplitButton,{id:"test3",callback:U=>{if(U==="rename"){const _=T(),g=_.find(B=>B.key==="rename");g&&(g.text="Renamed"),A(_)}y(U)},menuItems:P,button:E}),e.default.createElement("span",null,"selection: ",l))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"undo-button-action",iconProps:{iconName:a.UiIcons.Undo},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"add-button-action",iconProps:{iconName:a.UiIcons.Add},title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"wide-button-action",sizeType:u.UIIconButtonSizes.Wide,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},title:"QuestionMarkWithChevron"}),e.default.createElement(u.UIIconButton,{id:"undo-disabled-button-action",iconProps:{iconName:a.UiIcons.Source},disabled:!0,title:"Undo"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Icon Button - Checked"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{id:"btn1",iconProps:{iconName:a.UiIcons.Undo},checked:m.btn1,onClick:k.bind(window,"btn1"),title:"Undo"}),e.default.createElement(u.UIIconButton,{id:"btn2",checked:m.btn2,iconProps:{iconName:a.UiIcons.LayoutLeft},onClick:k.bind(window,"btn2"),title:"LayoutLeft"}),e.default.createElement(u.UIIconButton,{id:"btn3",sizeType:u.UIIconButtonSizes.Wide,checked:m.btn3,iconProps:{iconName:a.UiIcons.QuestionMarkWithChevron},onClick:k.bind(window,"btn3"),title:"Wide"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Action Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Calendar}},"Standard Action - disabled"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color"),e.default.createElement(u.UIActionButton,{disabled:!0,iconProps:{iconName:a.UiIcons.Bulb}},"Icon with color - disabled")),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}},"Button with menu"),e.default.createElement(u.UIActionButton,{iconProps:{iconName:a.UiIcons.Bulb},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:M}},"Button with mixture menu"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Small Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UISmallButton,{primary:!0},"Clear All"))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Dropdown Button"),e.default.createElement(t.Stack,{horizontal:!0,tokens:f},e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:S}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:b}}),e.default.createElement(u.UIIconButton,{iconProps:{iconName:a.UiIcons.Add},menuProps:{directionalHint:v.UIDirectionalHint.bottomRightEdge,directionalHintFixed:!1,items:P}}))))};c.defaultUsage=i},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),o=n;o.v1=d,o.v4=n,s.exports=o},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":s=>{for(var c=[],r=0;r<256;++r)c[r]=(r+256).toString(16).substr(1);function d(n,o){var e=o||0,t=c;return[t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],"-",t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]],t[n[e++]]].join("")}s.exports=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":s=>{var c=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(c){var r=new Uint8Array(16);s.exports=function(){return c(r),r}}else{var d=new Array(16);s.exports=function(){for(var o=0,e;o<16;o++)o&3||(e=Math.random()*4294967296),d[o]=e>>>((o&3)<<3)&255;return d}}},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js"),o,e,t=0,u=0;function I(a,v,f){var i=v&&f||0,l=v||[];a=a||{};var p=a.node||o,m=a.clockseq!==void 0?a.clockseq:e;if(p==null||m==null){var h=d();p==null&&(p=o=[h[0]|1,h[1],h[2],h[3],h[4],h[5]]),m==null&&(m=e=(h[6]<<8|h[7])&16383)}var y=a.msecs!==void 0?a.msecs:new Date().getTime(),k=a.nsecs!==void 0?a.nsecs:u+1,x=y-t+(k-u)/1e4;if(x<0&&a.clockseq===void 0&&(m=m+1&16383),(x<0||y>t)&&a.nsecs===void 0&&(k=0),k>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");t=y,u=k,e=m,y+=122192928e5;var E=((y&268435455)*1e4+k)%4294967296;l[i++]=E>>>24&255,l[i++]=E>>>16&255,l[i++]=E>>>8&255,l[i++]=E&255;var S=y/4294967296*1e4&268435455;l[i++]=S>>>8&255,l[i++]=S&255,l[i++]=S>>>24&15|16,l[i++]=S>>>16&255,l[i++]=m>>>8|128,l[i++]=m&255;for(var b=0;b<6;++b)l[i+b]=p[b];return v||n(l)}s.exports=I},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js":(s,c,r)=>{var d=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js"),n=r("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js");function o(e,t,u){var I=t&&u||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var a=e.random||(e.rng||d)();if(a[6]=a[6]&15|64,a[8]=a[8]&63|128,t)for(var v=0;v<16;++v)t[I+v]=a[v];return t||n(a)}s.exports=o}}]);})();

package/storybook/UICallout-story.6498d07b.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var T=Object.defineProperty,O=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var E=(m,o,n)=>o in m?T(m,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):m[o]=n,b=(m,o)=>{for(var n in o||(o={}))U.call(o,n)&&E(m,n,o[n]);if(C)for(var n of C(o))D.call(o,n)&&E(m,n,o[n]);return m},S=(m,o)=>O(m,P(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,o,n)=>{var c=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),s=r(c);s.push([m.id,":root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}",""]),m.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(o){var n=[];return n.toString=function(){return this.map(function(r){var s="",e=typeof r[5]!="undefined";return r[4]&&(s+="@supports (".concat(r[4],") {")),r[2]&&(s+="@media ".concat(r[2]," {")),e&&(s+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),s+=o(r),e&&(s+="}"),r[2]&&(s+="}"),r[4]&&(s+="}"),s}).join("")},n.i=function(r,s,e,t,a){typeof r=="string"&&(r=[[null,r,void 0]]);var l={};if(e)for(var _=0;_<this.length;_++){var g=this[_][0];g!=null&&(l[g]=!0)}for(var f=0;f<r.length;f++){var d=[].concat(r[f]);e&&l[d[0]]||(typeof a!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),s&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=s),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(o){return o[1]}},"./src/styles/_shadows.scss":(m,o,n)=>{"use strict";n.r(o),n.d(o,{default:()=>I});var c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=n.n(c),s=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=n.n(s),t=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=n.n(t),l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=n.n(l),g=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=n.n(g),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=n.n(d),p=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=n.n(p),y={};for(const v in p)v!=="default"&&(y[v]=()=>p[v]);n.d(o,y);var h={};h.styleTagTransform=i(),h.setAttributes=_(),h.insert=a().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=f();var w=r()(u(),h);const I=u()&&u().locals?u().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var o=[];function n(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function c(s,e){for(var t={},a=[],l=0;l<s.length;l++){var _=s[l],g=e.base?_[0]+e.base:_[0],f=t[g]||0,d="".concat(g," ").concat(f);t[g]=f+1;var i=n(d),p={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(i!==-1)o[i].references++,o[i].updater(p);else{var u=r(p,e);e.byIndex=l,o.splice(l,0,{identifier:d,updater:u,references:1})}a.push(d)}return a}function r(s,e){var t=e.domAPI(e);t.update(s);var a=function(_){if(_){if(_.css===s.css&&_.media===s.media&&_.sourceMap===s.sourceMap&&_.supports===s.supports&&_.layer===s.layer)return;t.update(s=_)}else t.remove()};return a}m.exports=function(s,e){e=e||{},s=s||[];var t=c(s,e);return function(l){l=l||[];for(var _=0;_<t.length;_++){var g=t[_],f=n(g);o[f].references--}for(var d=c(l,e),i=0;i<t.length;i++){var p=t[i],u=n(p);o[u].references===0&&(o[u].updater(),o.splice(u,1))}t=d}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var o={};function n(r){if(typeof o[r]=="undefined"){var s=document.querySelector(r);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[r]=s}return o[r]}function c(r,s){var e=n(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function o(n){var c=document.createElement("style");return n.setAttributes(c,n.attributes),n.insert(c,n.options),c}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,n)=>{"use strict";function c(r){var s=n.nc;s&&r.setAttribute("nonce",s)}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function o(r,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var a=typeof e.layer!="undefined";a&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,a&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),s.styleTagTransform(t,r,s.options)}function n(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.insertStyleElement(r);return{update:function(t){o(s,r,t)},remove:function(){n(s)}}}m.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function o(n,c){if(c.styleSheet)c.styleSheet.cssText=n;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(n))}}m.exports=o},"./src/components/UICallout/CalloutCollisionTransform.ts":(m,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class r{constructor(e,t,a=n){this.originalStyle={},this.source=e,this.callout=t,this.props=a,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(e){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${e}px`,t}getElements(){const e=this.source.current,t=e==null?void 0:e.closest(this.props.container);if(t&&e){const a=t==null?void 0:t.querySelector(this.props.target);if(a){const l={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:a,rect:a.getBoundingClientRect()},source:{dom:e,rect:e.getBoundingClientRect()}},_=this.callout.current;return _&&(l.callout={dom:_,rect:_.getBoundingClientRect()}),l}}}applyTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a,callout:l,source:_}=e;if(l){const g=window.innerHeight-n.minPagePadding,f=l.rect.height,d=_.rect.bottom;let i=d+f-a.rect.top,p=d+l.rect.height;if(i<=0||p>=g)return;if(p+=a.rect.height,p<=g&&(i+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(i),a.dom.prepend(this.placeholder)}}resetTransformation(){const e=this.getElements();if(!e)return;const{container:t,target:a}=e;for(const l in this.originalStyle){const _=this.originalStyle[l];typeof _=="string"&&(t.dom.style[l]=_)}this.originalStyle={},this.placeholder&&(a.dom.removeChild(this.placeholder),this.placeholder=void 0)}preventDismissOnEvent(e){const t=this.getElements();return!!(e.type==="focus"&&(t!=null&&t.target.dom.contains(e.target)))}}o.CalloutCollisionTransform=r},"./src/components/UICallout/UICallout.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),o.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"var(--ui-box-shadow-small)",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var t;(function(f){f.None="None",f.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const a=new Map([[t.Standard,8]]),l=(f,d)=>typeof f=="object"&&typeof f[d]=="object"?f[d]:{},_=f=>{var d,i;return{root:b({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"root")),beak:b({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},l(f.styles,"beak")),beakCurtain:b({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},l(f.styles,"beakCurtain")),calloutMain:b({backgroundColor:o.CALLOUT_STYLES.background,color:o.CALLOUT_STYLES.text,fontFamily:o.CALLOUT_STYLES.font,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(d=f.calloutMinWidth)!=null?d:300,boxSizing:"border-box",padding:a.get((i=f.contentPadding)!=null?i:t.None)},l(f.styles,"calloutMain")),container:l(f.styles,"container")}};o.getCalloutStyle=_;class g extends r.default.Component{constructor(d){super(d),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(d){const{onKeyDown:i,focusTargetSiblingOnTabPress:p,target:u}=this.props;if(p&&d.key==="Tab"&&u){let y=null;if(typeof u=="string"){const h=(0,s.getDocument)();y=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,e.isHTMLElement)(u)&&(y=u);y&&(0,e.focusToSibling)(y,!d.shiftKey)&&(d.stopPropagation(),d.preventDefault())}i==null||i(d)}render(){return r.default.createElement(s.Callout,S(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=g},"./src/components/UICallout/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UICallout/CalloutCollisionTransform.ts"),o),r(n("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIFocusZone/UIFocusTrapZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusTrapZone=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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");class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusTrapZone,b({},this.props),this.props.children)}}o.UIFocusTrapZone=e},"./src/components/UIFocusZone/UIFocusZone.tsx":function(m,o,n){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIFocusZone=o.UIFocusZoneTabbableElements=o.IFocusZone=o.UIFocusZoneProps=o.UIFocusZoneDirection=void 0;const r=c(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIFocusZoneProps",{enumerable:!0,get:function(){return s.IFocusZoneProps}}),Object.defineProperty(o,"UIFocusZoneDirection",{enumerable:!0,get:function(){return s.FocusZoneDirection}}),Object.defineProperty(o,"IFocusZone",{enumerable:!0,get:function(){return s.IFocusZone}}),Object.defineProperty(o,"UIFocusZoneTabbableElements",{enumerable:!0,get:function(){return s.FocusZoneTabbableElements}});class e extends r.default.Component{constructor(a){super(a)}render(){return r.default.createElement(s.FocusZone,b({},this.props),this.props.children)}}o.UIFocusZone=e},"./src/components/UIFocusZone/index.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(s,e,t,a){a===void 0&&(a=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,a,l)}:function(s,e,t,a){a===void 0&&(a=t),s[a]=e[t]}),r=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&c(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),r(n("./src/components/UIFocusZone/UIFocusTrapZone.tsx"),o),r(n("./src/components/UIFocusZone/UIFocusZone.tsx"),o)},"./stories/UICallout.story.tsx":function(m,o,n){"use strict";var c=this&&this.__createBinding||(Object.create?function(i,p,u,y){y===void 0&&(y=u);var h=Object.getOwnPropertyDescriptor(p,u);(!h||("get"in h?!p.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return p[u]}}),Object.defineProperty(i,y,h)}:function(i,p,u,y){y===void 0&&(y=u),i[y]=p[u]}),r=this&&this.__setModuleDefault||(Object.create?function(i,p){Object.defineProperty(i,"default",{enumerable:!0,value:p})}:function(i,p){i.default=p}),s=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var p={};if(i!=null)for(var u in i)u!=="default"&&Object.prototype.hasOwnProperty.call(i,u)&&c(p,i,u);return r(p,i),p};Object.defineProperty(o,"__esModule",{value:!0}),o.Callout=void 0;const e=s(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=n("./src/components/UIButton/index.tsx"),a=n("./src/components/UICallout/index.tsx"),l=n("./src/components/UIFocusZone/index.tsx"),_=n("./src/components/Icons.tsx");(0,_.initIcons)(),o.default={title:"Dropdowns/Callout"};const g=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIIconButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h}),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard},e.default.createElement("div",null,"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt")))},f=i=>{const{id:p}=i,[u,y]=(0,e.useState)(!1),h=()=>{y(!u)};return e.default.createElement("div",null,e.default.createElement(t.UIDefaultButton,{id:p,iconProps:{iconName:_.UiIcons.Bulb},checked:u,onClick:h},"Open"),u&&e.default.createElement(a.UICallout,{target:`#${p}`,isBeakVisible:!0,setInitialFocus:!0,beakWidth:5,directionalHint:4,onDismiss:()=>h(),calloutWidth:300,calloutMinWidth:300,contentPadding:a.UICalloutContentPadding.Standard,focusTargetSiblingOnTabPress:!0},e.default.createElement("div",null,e.default.createElement(l.UIFocusZone,null,e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 1"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 2"),e.default.createElement(t.UIDefaultButton,{onClick:h},"Option 3")))))},d=()=>e.default.createElement("div",null,e.default.createElement(g,{id:"callout-with-text-id"}),e.default.createElement(f,{id:"callout-with-items-1-id"}),e.default.createElement(f,{id:"callout-with-items-2-id"}));o.Callout=d}}]);})();

package/storybook/{UICalloutCollisionTransform-story.c5584c56.iframe.bundle.js → UICalloutCollisionTransform-story.741a4d8c.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[244],{"./stories/UICalloutCollisionTransform.story.tsx":function(g,n,c){var k=this&&this.__createBinding||(Object.create?function(e,a,o,l){l===void 0&&(l=o);var i=Object.getOwnPropertyDescriptor(a,o);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(e,l,i)}:function(e,a,o,l){l===void 0&&(l=o),e[l]=a[o]}),m=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),d=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&k(a,e,o);return m(a,e),a};Object.defineProperty(n,"__esModule",{value:!0}),n.collisionTransformInDialog=void 0;const t=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),r=c("./src/components/index.tsx"),f=c("./test/__mock__/select-data.ts");(0,r.initIcons)(),n.default={title:"Dialogs/Dialogs"};var s;(function(e){e.ComboBox="ComboBox",e.Dropdown="Dropdown",e.Callout="Callout"})(s||(s={}));const E=Object.values(s).map(e=>({key:e,text:e})),D=e=>{const a=t.default.useRef(null),o=t.default.useRef(null),l=t.default.useRef(new r.CalloutCollisionTransform(a,o)),{id:i}=e,[u,y]=(0,t.useState)(!1);return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{ref:a},t.default.createElement(r.UITextInput,{id:i,onClick:()=>{y(!u)}})),t.default.createElement(r.UICallout,{target:`#${i}`,hidden:!u,isBeakVisible:!1,onDismiss:()=>{y(!u),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:o}},t.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},_=(e,a)=>{const o=[];for(let l=0;l<6;l++){let i;if(e===s.Callout)i=t.default.createElement(D,{key:l,id:`Dummy-${l}`});else{const u=e===s.ComboBox?r.UIComboBox:r.UIDropdown;i=t.default.createElement(u,{key:l,label:"Dummy",highlight:!0,options:f.data,multiSelect:!0,calloutCollisionTransformation:a})}o.push(i)}return o},I=()=>{const[e,a]=(0,t.useState)(!1),[o,l]=(0,t.useState)(!0),[i,u]=(0,t.useState)(s.ComboBox),y=()=>{a(!e)};return t.default.createElement(t.default.Fragment,null,t.default.createElement("h3",null,"Settings"),t.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},t.default.createElement(r.UICheckbox,{label:"Transformation is enabled",checked:o,onChange:()=>{l(!o)},styles:{label:{alignItems:"center"}}}),t.default.createElement(r.UIDropdown,{label:"Inner components",options:E,selectedKey:i,onChange:(h,p)=>{const C=p==null?void 0:p.key;typeof C=="string"&&u(C||s.ComboBox)}})),t.default.createElement(r.UIDefaultButton,{onClick:y,primary:!0},"Open Dialog"),t.default.createElement(r.UIDialog,{isOpen:e,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:x.ContextualMenu,keepInBounds:!0}},onCancel:y,onDismiss:y},_(s[i],o)))};n.collisionTransformInDialog=I},"./test/__mock__/select-data.ts":(g,n,c)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.groupsData=n.shortData=n.data=void 0;const k=c("./src/components/index.tsx");n.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],n.shortData=[n.data[0],n.data[1],n.data[2],n.data[3],n.data[4]];const m={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};n.groupsData=[];for(const d in m){n.groupsData.push({key:d,text:d.charAt(0).toUpperCase()+d.slice(1),itemType:k.UISelectableOptionMenuItemType.Header});const t=m[d];for(const x of t){const r=n.data.find(f=>f.key===x);r&&n.groupsData.push(r)}}}}]);})();
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[244],{"./stories/UICalloutCollisionTransform.story.tsx":function(g,n,c){var k=this&&this.__createBinding||(Object.create?function(e,a,o,l){l===void 0&&(l=o);var i=Object.getOwnPropertyDescriptor(a,o);(!i||("get"in i?!a.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return a[o]}}),Object.defineProperty(e,l,i)}:function(e,a,o,l){l===void 0&&(l=o),e[l]=a[o]}),m=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),d=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&k(a,e,o);return m(a,e),a};Object.defineProperty(n,"__esModule",{value:!0}),n.collisionTransformInDialog=void 0;const t=d(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),x=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=c("./src/components/index.tsx"),f=c("./test/__mock__/select-data.ts");(0,s.initIcons)(),n.default={title:"Dialogs/Dialogs"};var r;(function(e){e.ComboBox="ComboBox",e.Dropdown="Dropdown",e.Callout="Callout"})(r||(r={}));const E=Object.values(r).map(e=>({key:e,text:e})),D=e=>{const a=t.default.useRef(null),o=t.default.useRef(null),l=t.default.useRef(new s.CalloutCollisionTransform(a,o)),{id:i}=e,[u,y]=(0,t.useState)(!1);return t.default.createElement(t.default.Fragment,null,t.default.createElement("div",{ref:a},t.default.createElement(s.UITextInput,{id:i,onClick:()=>{y(!u)}})),t.default.createElement(s.UICallout,{target:`#${i}`,hidden:!u,isBeakVisible:!1,onDismiss:()=>{y(!u),l.current.resetTransformation()},preventDismissOnEvent:l.current.preventDismissOnEvent,onPositioned:l.current.applyTransformation,popupProps:{ref:o}},t.default.createElement("div",{style:{height:150,width:300,backgroundColor:"green"}})))},_=(e,a)=>{const o=[];for(let l=0;l<6;l++){let i;if(e===r.Callout)i=t.default.createElement(D,{key:l,id:`Dummy-${l}`});else{const u=e===r.ComboBox?s.UIComboBox:s.UIDropdown;i=t.default.createElement(u,{key:l,label:"Dummy",highlight:!0,options:f.data,multiSelect:!0,calloutCollisionTransformation:a})}o.push(i)}return o},I=()=>{const[e,a]=(0,t.useState)(!1),[o,l]=(0,t.useState)(!0),[i,u]=(0,t.useState)(r.ComboBox),y=()=>{a(!e)};return t.default.createElement(t.default.Fragment,null,t.default.createElement("h3",null,"Settings"),t.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px",marginBottom:"20px"}},t.default.createElement(s.UICheckbox,{label:"Transformation is enabled",checked:o,onChange:()=>{l(!o)},styles:{label:{alignItems:"center"}}}),t.default.createElement(s.UIDropdown,{label:"Inner components",options:E,selectedKey:i,onChange:(h,p)=>{const C=p==null?void 0:p.key;typeof C=="string"&&u(C||r.ComboBox)}})),t.default.createElement(s.UIDefaultButton,{onClick:y,primary:!0},"Open Dialog"),t.default.createElement(s.UIDialog,{isOpen:e,isOpenAnimated:!0,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",modalProps:{dragOptions:{moveMenuItemText:"Move",closeMenuItemText:"Close",menu:x.ContextualMenu,keepInBounds:!0}},onCancel:y,onDismiss:y},_(r[i],o)))};n.collisionTransformInDialog=I},"./test/__mock__/select-data.ts":(g,n,c)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.groupsData=n.shortData=n.data=void 0;const k=c("./src/components/index.tsx");n.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],n.shortData=[n.data[0],n.data[1],n.data[2],n.data[3],n.data[4]];const m={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};n.groupsData=[];for(const d in m){n.groupsData.push({key:d,text:d.charAt(0).toUpperCase()+d.slice(1),itemType:k.UISelectableOptionMenuItemType.Header});const t=m[d];for(const x of t){const s=n.data.find(f=>f.key===x);s&&n.groupsData.push(s)}}}}]);})();

package/storybook/UICheckbox-story.694825ef.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var S=Object.defineProperty,k=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var C=(c,_,e)=>_ in c?S(c,_,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[_]=e,h=(c,_)=>{for(var e in _||(_={}))x.call(_,e)&&C(c,e,_[e]);if(M)for(var e of M(_))A.call(_,e)&&C(c,e,_[e]);return c},E=(c,_)=>k(c,O(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[294],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.id,".ts-icon{fill:var(--vscode-foreground)}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),s=t(l);s.push([c.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}",""]),c.exports=s},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(_){var e=[];return e.toString=function(){return this.map(function(t){var s="",o=typeof t[5]!="undefined";return t[4]&&(s+="@supports (".concat(t[4],") {")),t[2]&&(s+="@media ".concat(t[2]," {")),o&&(s+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),s+=_(t),o&&(s+="}"),t[2]&&(s+="}"),t[4]&&(s+="}"),s}).join("")},e.i=function(t,s,o,n,a){typeof t=="string"&&(t=[[null,t,void 0]]);var r={};if(o)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var p=0;p<t.length;p++){var i=[].concat(t[p]);o&&r[i[0]]||(typeof a!="undefined"&&(typeof i[5]=="undefined"||(i[1]="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {").concat(i[1],"}")),i[5]=a),s&&(i[2]&&(i[1]="@media ".concat(i[2]," {").concat(i[1],"}")),i[2]=s),n&&(i[4]?(i[1]="@supports (".concat(i[4],") {").concat(i[1],"}"),i[4]=n):i[4]="".concat(n)),e.push(i))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(_){return _[1]}},"./src/components/UIIcon/UIIcon.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.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.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),m=e.n(g),b={};for(const v in g)v!=="default"&&(b[v]=()=>g[v]);e.d(_,b);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(c,_,e)=>{"use strict";e.r(_),e.d(_,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=e.n(l),s=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=e.n(s),n=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(n),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.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.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=e.n(u),i=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(i),g=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),m=e.n(g),b={};for(const v in g)v!=="default"&&(b[v]=()=>g[v]);e.d(_,b);var f={};f.styleTagTransform=y(),f.setAttributes=d(),f.insert=a().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=p();var P=t()(m(),f);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var _=[];function e(s){for(var o=-1,n=0;n<_.length;n++)if(_[n].identifier===s){o=n;break}return o}function l(s,o){for(var n={},a=[],r=0;r<s.length;r++){var d=s[r],u=o.base?d[0]+o.base:d[0],p=n[u]||0,i="".concat(u," ").concat(p);n[u]=p+1;var y=e(i),g={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(y!==-1)_[y].references++,_[y].updater(g);else{var m=t(g,o);o.byIndex=r,_.splice(r,0,{identifier:i,updater:m,references:1})}a.push(i)}return a}function t(s,o){var n=o.domAPI(o);n.update(s);var a=function(d){if(d){if(d.css===s.css&&d.media===s.media&&d.sourceMap===s.sourceMap&&d.supports===s.supports&&d.layer===s.layer)return;n.update(s=d)}else n.remove()};return a}c.exports=function(s,o){o=o||{},s=s||[];var n=l(s,o);return function(r){r=r||[];for(var d=0;d<n.length;d++){var u=n[d],p=e(u);_[p].references--}for(var i=l(r,o),y=0;y<n.length;y++){var g=n[y],m=e(g);_[m].references===0&&(_[m].updater(),_.splice(m,1))}n=i}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var _={};function e(t){if(typeof _[t]=="undefined"){var s=document.querySelector(t);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}_[t]=s}return _[t]}function l(t,s){var o=e(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function _(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,_,e)=>{"use strict";function l(t){var s=e.nc;s&&t.setAttribute("nonce",s)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function _(t,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var a=typeof o.layer!="undefined";a&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,a&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var r=o.sourceMap;r&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),s.styleTagTransform(n,t,s.options)}function e(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=t.insertStyleElement(t);return{update:function(n){_(s,t,n)},remove:function(){e(s)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function _(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}c.exports=_},"./src/components/UICheckbox/UICheckbox.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.UICheckbox=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),o=e("./src/helper/ValidationMessage/index.tsx");class n extends t.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)",[s.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,[s.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[s.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)"},[s.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:{[`.${s.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[s.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,o.getMessageInfo)(this.props),d=t.default.createElement(s.Checkbox,E(h({},this.props),{styles:u=>h(h({},this.setStyle(r,u)),this.props.styles)}));return r.message?t.default.createElement(o.MessageWrapper,{message:r},d):d}}_.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UICheckbox/UICheckbox.tsx"),_)},"./src/components/UIIcon/UIIcon.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIIcon=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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 o extends t.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return t.default.createElement(s.Icon,E(h({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}_.UIIcon=o},"./src/components/UIIcon/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/components/UIIcon/UIIcon.tsx"),_)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_,"__esModule",{value:!0}),_.MessageWrapper=_.MESSAGE_ICONS_MAP=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("./src/helper/ValidationMessage/utils.ts"),o=e("./src/components/Icons.tsx"),n=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),_.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,p=u.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,i=_.MESSAGE_ICONS_MAP.get(u.type);return t.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${p}`},t.default.createElement("div",{className:"ts-message-target"},d),t.default.createElement("div",{className:"ts-message-body"},t.default.createElement(n.UIIcon,{iconName:i}),t.default.createElement("span",null,u.message)))}_.MessageWrapper=a},"./src/helper/ValidationMessage/index.tsx":function(c,_,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(s,o,n,a){a===void 0&&(a=n);var r=Object.getOwnPropertyDescriptor(o,n);(!r||("get"in r?!o.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,a,r)}:function(s,o,n,a){a===void 0&&(a=n),s[a]=o[n]}),t=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&l(o,s,n)};Object.defineProperty(_,"__esModule",{value:!0}),t(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),_),t(e("./src/helper/ValidationMessage/utils.ts"),_)},"./src/helper/ValidationMessage/utils.ts":(c,_)=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0}),_.getMessageInfo=_.MESSAGE_TYPES_CLASSNAME_MAP=_.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(_.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},t={error:E(h({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};t.warning=h(h({},t.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),t.info=h(h({},t.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),_.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const s=r=>{let d;switch(r){case e.Warning:{d=t.warning;break}case e.Info:{d=t.info;break}default:{d=t.error;break}}return d},o=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},n=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=o(r);return{type:d,style:s(d),message:n(r)}};_.getMessageInfo=a},"./stories/UICheckbox.story.tsx":function(c,_,e){"use strict";var l=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=e("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),o=e("./src/components/UICheckbox/index.tsx");(0,e("./src/components/Icons.tsx").initIcons)(),_.default={title:"Basic Inputs/Checkbox"};const a={childrenGap:40},r=()=>{const d="Dummy message",u={width:"300px",marginBottom:"25px"};return t.default.createElement(s.Stack,{tokens:a,style:{width:300}},t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox"),t.default.createElement(o.UICheckbox,{label:"check"})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with error message"),t.default.createElement(o.UICheckbox,{label:"Error",errorMessage:d})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with warning message"),t.default.createElement(o.UICheckbox,{label:"Warning",warningMessage:d})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox with info message"),t.default.createElement(o.UICheckbox,{label:"Info",infoMessage:d})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox disabled"),t.default.createElement(o.UICheckbox,{label:"Info",disabled:!0})),t.default.createElement(s.Stack,{tokens:{childrenGap:16}},t.default.createElement(s.Text,{variant:"large",className:"textColor"},"UICheckbox checked and disabled"),t.default.createElement(o.UICheckbox,{label:"Info",checked:!0,disabled:!0})))};_.defaultUsage=r}}]);})();

package/storybook/UIChoiceGroup-story.cb945b22.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var h=Object.defineProperty,m=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var _=(c,o,r)=>o in c?h(c,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[o]=r,d=(c,o)=>{for(var r in o||(o={}))y.call(o,r)&&_(c,r,o[r]);if(b)for(var r of b(o))g.call(o,r)&&_(c,r,o[r]);return c},f=(c,o)=>m(c,C(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[900],{"./src/components/UIChoiceGroup/UIChoiceGroup.tsx":function(c,o,r){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIChoiceGroup=void 0;const i=u(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UILabel/index.tsx"),t={fontSize:13,family:"var(--vscode-font-family)",disableOpacity:.4},e={label:f(d({},t),{color:"var(--vscode-input-foreground)"}),radio:{borderColor:"var(--vscode-editorWidget-border)",background:"var(--vscode-input-background)",bullet:{background:"var(--vscode-input-foreground)"},hover:{background:"var(--vscode-focusBorder)"},focus:{borderColor:"var(--vscode-focusBorder)"},label:f(d({},t),{color:"var(--vscode-foreground)"})}};class a extends i.default.Component{constructor(p){super(p),this.setStyles=()=>d({root:{".ms-ChoiceFieldGroup label.ms-Label":{fontWeight:"bold",fontSize:e.label.fontSize,fontStyle:"normal",lineHeight:15,color:e.label.color,marginTop:10,padding:0},".ms-ChoiceField":{minHeight:20},".ms-ChoiceField-field":{fontWeight:"normal",fontSize:e.radio.label.fontSize,fontStyle:"normal",lineHeight:18,color:e.radio.label.color,margin:0},".ms-ChoiceField-field::before":{backgroundColor:e.radio.background,borderColor:e.radio.borderColor,top:0,left:0,width:18,height:18},".ms-ChoiceField-field::after":{left:5,top:5,height:8,width:8,borderWidth:4,backgroundColor:e.radio.background,transition:"none"},".ms-ChoiceFieldLabel":{paddingLeft:26},".ms-ChoiceField-field.is-checked::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-field:hover":{"span.ms-ChoiceFieldLabel":{color:e.radio.label.color},"::before":{borderColor:e.radio.hover.background},"::after":{borderColor:"transparent",background:"transparent"}},"label.ms-ChoiceField-field.is-checked:hover::after":{borderColor:e.radio.bullet.background},".ms-ChoiceField-wrapper.is-inFocus::after":{borderColor:e.radio.focus.borderColor},".ms-ChoiceField-input:focus":{opacity:0},".is-disabled + .ms-ChoiceField-field":{" .ms-ChoiceFieldLabel":{opacity:e.radio.label.disableOpacity,color:e.radio.label.color},":hover::before":{borderColor:e.radio.borderColor},":after":{opacity:e.radio.label.disableOpacity}}},label:d(d(d({},l.labelGlobalStyle),this.props.disabled&&{opacity:e.label.disableOpacity,color:e.label.color}),this.props.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}})},this.props.inline&&{flexContainer:{display:"flex",flexDirection:"row",flexWrap:"wrap",selectors:{"> .ms-ChoiceField":{paddingRight:16}}}})}render(){return i.default.createElement(n.ChoiceGroup,d({styles:this.setStyles},this.props))}}o.UIChoiceGroup=a},"./src/components/UIChoiceGroup/index.tsx":function(c,o,r){var u=this&&this.__createBinding||(Object.create?function(n,l,t,e){e===void 0&&(e=t);var a=Object.getOwnPropertyDescriptor(l,t);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(n,e,a)}:function(n,l,t,e){e===void 0&&(e=t),n[e]=l[t]}),i=this&&this.__exportStar||function(n,l){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),i(r("./src/components/UIChoiceGroup/UIChoiceGroup.tsx"),o)},"./src/components/UILabel/UILabel.tsx":function(c,o,r){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILabel=o.labelGlobalStyle=void 0;const i=u(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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");o.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",fontFamily:"var(--vscode-font-family)",padding:"4px 0"};class l extends i.default.Component{constructor(e){super(e)}render(){const e=a=>({root:[d({marginTop:25},o.labelGlobalStyle),a.disabled&&{opacity:"0.4"},a.required&&{selectors:{"::after":{content:"' *'",color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return i.default.createElement(n.Label,f(d({},this.props),{styles:e}))}}o.UILabel=l},"./src/components/UILabel/index.tsx":function(c,o,r){var u=this&&this.__createBinding||(Object.create?function(n,l,t,e){e===void 0&&(e=t);var a=Object.getOwnPropertyDescriptor(l,t);(!a||("get"in a?!l.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(n,e,a)}:function(n,l,t,e){e===void 0&&(e=t),n[e]=l[t]}),i=this&&this.__exportStar||function(n,l){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(l,t)&&u(l,n,t)};Object.defineProperty(o,"__esModule",{value:!0}),i(r("./src/components/UILabel/UILabel.tsx"),o)},"./stories/UIChoiceGroup.story.tsx":function(c,o,r){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(o,"__esModule",{value:!0}),o.ChoiceGroup=void 0;const i=u(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=r("./src/components/UIChoiceGroup/index.tsx");(0,r("./src/components/Icons.tsx").initIcons)(),o.default={title:"Basic Inputs/ChoiceGroup"};const e={options:[{key:"key1",text:"Option 1"},{key:"key2",text:"Option 2"},{key:"key3",text:"Option 3",disabled:!0}],defaultSelectedKey:"key2",label:"Title",onChange:(s,p)=>{console.log(p.text)}},a=()=>i.default.createElement(n.Stack,null,i.default.createElement(n.Stack,null,i.default.createElement(n.Text,{variant:"large",block:!0},"ChoiceGroup"),i.default.createElement(n.Stack,null,i.default.createElement(l.UIChoiceGroup,d({},e))),i.default.createElement(n.Stack,null,i.default.createElement(l.UIChoiceGroup,f(d({},e),{title:"Disabled",disabled:!0}))),i.default.createElement(n.Stack,null,i.default.createElement(l.UIChoiceGroup,f(d({},e),{title:"Required",required:!0}))),i.default.createElement(n.Stack,null,i.default.createElement(l.UIChoiceGroup,f(d({},e),{title:"Inline",inline:!0})))));o.ChoiceGroup=a}}]);})();

package/storybook/UICombobox-story.5b7d9ef6.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var L=Object.defineProperty,T=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var M=(c,t,r)=>t in c?L(c,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[t]=r,h=(c,t)=>{for(var r in t||(t={}))P.call(t,r)&&M(c,r,t[r]);if(E)for(var r of E(t))F.call(t,r)&&M(c,r,t[r]);return c},y=(c,t)=>T(c,K(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[295],{"./stories/UICombobox.story.tsx":function(c,t,r){var b=this&&this.__createBinding||(Object.create?function(o,i,l,s){s===void 0&&(s=l);var d=Object.getOwnPropertyDescriptor(i,l);(!d||("get"in d?!i.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return i[l]}}),Object.defineProperty(o,s,d)}:function(o,i,l,s){s===void 0&&(s=l),o[s]=i[l]}),x=this&&this.__setModuleDefault||(Object.create?function(o,i){Object.defineProperty(o,"default",{enumerable:!0,value:i})}:function(o,i){o.default=i}),f=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var i={};if(o!=null)for(var l in o)l!=="default"&&Object.prototype.hasOwnProperty.call(o,l)&&b(i,o,l);return x(i,o),i};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),C=r("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=r("./src/components/UIComboBox/index.tsx"),g=r("./src/components/UICheckbox/index.tsx"),n=r("./test/__mock__/select-data.ts");(0,r("./src/components/Icons.tsx").initIcons)(),t.default={title:"Dropdowns/Combobox"};const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=I;const B=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=B;const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,dropdownWidth:300}));t.WithoutSearch=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=U;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(a.UIComboBox,{options:n.data,isLoading:[a.UIComboBoxLoaderType.List,a.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=A;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=w;const D=()=>{const[o,i]=(0,e.useState)([]);function l(s,d,m,k){if(d){const u=[...o,d.key].filter(p=>d.selected?!0:p!==d.key);i(u)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,selectedKey:o,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=D;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIComboBox,{options:n.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=O;const W=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(a.UIComboBox,{options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=W;const _=()=>{const[o,i]=e.default.useState(!1),[l,s]=e.default.useState("EE"),d={childrenGap:40},m={options:n.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:o,onChange:(k,u)=>{if(Array.isArray(l)){const p=[...l,u==null?void 0:u.key].filter(R=>u!=null&&u.selected?!0:R!==(u==null?void 0:u.key));s(p)}else u&&s(u.key)}};return e.default.createElement("div",null,e.default.createElement(C.Stack,{horizontal:!0,tokens:d},e.default.createElement(g.UICheckbox,{label:"Multi Select",checked:o,onChange:(k,u)=>{u&&!Array.isArray(l)?s([l]):!u&&Array.isArray(l)&&s(l[0]),i(u)}})),e.default.createElement(C.Stack,{horizontal:!0,tokens:d},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIComboBox,y(h({},m),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=_;const v=()=>{const o=[...n.groupsData];return o.splice(5,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),o.splice(15,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIComboBox,{options:n.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(a.UIComboBox,{options:o,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIComboBox,{options:n.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIComboBox,{options:o,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=v},"./test/__mock__/select-data.ts":(c,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const b=r("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const x={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const f in x){t.groupsData.push({key:f,text:f.charAt(0).toUpperCase()+f.slice(1),itemType:b.UISelectableOptionMenuItemType.Header});const e=x[f];for(const C of e){const a=t.data.find(g=>g.key===C);a&&t.groupsData.push(a)}}}}]);})();

package/storybook/UIContextualMenu-story.54698e37.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[778],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.exports=function(r){var o=[];return o.toString=function(){return this.map(function(t){var e="",n=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),n&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=r(t),n&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},o.i=function(t,e,n,a,f){typeof t=="string"&&(t=[[null,t,void 0]]);var c={};if(n)for(var s=0;s<this.length;s++){var m=this[s][0];m!=null&&(c[m]=!0)}for(var i=0;i<t.length;i++){var u=[].concat(t[i]);n&&c[u[0]]||(typeof f!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=f),e&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=e),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{var r=[];function o(e){for(var n=-1,a=0;a<r.length;a++)if(r[a].identifier===e){n=a;break}return n}function l(e,n){for(var a={},f=[],c=0;c<e.length;c++){var s=e[c],m=n.base?s[0]+n.base:s[0],i=a[m]||0,u="".concat(m," ").concat(i);a[m]=i+1;var p=o(u),y={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(p!==-1)r[p].references++,r[p].updater(y);else{var v=t(y,n);n.byIndex=c,r.splice(c,0,{identifier:u,updater:v,references:1})}f.push(u)}return f}function t(e,n){var a=n.domAPI(n);a.update(e);var f=function(s){if(s){if(s.css===e.css&&s.media===e.media&&s.sourceMap===e.sourceMap&&s.supports===e.supports&&s.layer===e.layer)return;a.update(e=s)}else a.remove()};return f}d.exports=function(e,n){n=n||{},e=e||[];var a=l(e,n);return function(c){c=c||[];for(var s=0;s<a.length;s++){var m=a[s],i=o(m);r[i].references--}for(var u=l(c,n),p=0;p<a.length;p++){var y=a[p],v=o(y);r[v].references===0&&(r[v].updater(),r.splice(v,1))}a=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{var r={};function o(t){if(typeof r[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}r[t]=e}return r[t]}function l(t,e){var n=o(t);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(e)}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(o){var l=document.createElement("style");return o.setAttributes(l,o.attributes),o.insert(l,o.options),l}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,o)=>{function l(t){var e=o.nc;e&&t.setAttribute("nonce",e)}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(t,e,n){var a="";n.supports&&(a+="@supports (".concat(n.supports,") {")),n.media&&(a+="@media ".concat(n.media," {"));var f=typeof n.layer!="undefined";f&&(a+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),a+=n.css,f&&(a+="}"),n.media&&(a+="}"),n.supports&&(a+="}");var c=n.sourceMap;c&&typeof btoa!="undefined"&&(a+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),e.styleTagTransform(a,t,e.options)}function o(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(a){r(e,t,a)},remove:function(){o(e)}}}d.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function r(o,l){if(l.styleSheet)l.styleSheet.cssText=o;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(o))}}d.exports=r},"./stories/UIContextualMenu.story.tsx":function(d,r,o){var l=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(r,"__esModule",{value:!0}),r.ContextualMenu=void 0;const t=l(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),a=o("./src/components/UIButton/index.tsx"),f=o("./src/components/Icons.tsx");(0,f.initIcons)(),r.default={title:"Dropdowns/ContextualMenu"};const c={childrenGap:40},s=[{key:"item1",text:"menu item 1",onClick:()=>console.log("New clicked")},{key:"item2",text:"menu item 2",subMenuProps:{items:[{key:"submenuitem1",text:"submenu item 1"},{key:"submenuitem2",text:"submenu item 2",split:!0,subMenuProps:{items:[{key:"submenuitem21",text:"submenu item 21",canCheck:!0,checked:!0},{key:"submenuitem22",text:"submenu item 22",canCheck:!0}]}},{key:"submenuitem3",text:"submenu item 3"},{key:"submenuitem4",text:"submenu item 1"},{key:"submenuitem5",text:"submenu item 2"},{key:"submenuitem6",text:"submenu item 3"}]}}],m=()=>{const i=t.default.useRef(null),[u,p]=t.default.useState(!1),y=t.default.useCallback(()=>{p(!0)},[]),v=t.default.useCallback(()=>p(!1),[]);return t.default.createElement(e.Stack,{tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"Default UIContextualMenu rendering"),t.default.createElement("span",{ref:i,onClick:y},"Click for ContextualMenu"),t.default.createElement(n.UIContextualMenu,{hidden:!u,target:i,items:s,onDismiss:v})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"As menuProps of a UIButton elements"),t.default.createElement(e.Stack,{horizontal:!0,tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:8}},t.default.createElement(e.Text,{variant:"small",block:!0},"UIDefaultButton"),t.default.createElement(a.UIDefaultButton,{primary:!0,text:"Toggle Contextual menu",menuProps:{items:s}})))),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",block:!0},"As menuProps of a UIIconButton"),t.default.createElement(e.Stack,{horizontal:!0,tokens:c},t.default.createElement(e.Stack,{tokens:{childrenGap:8}},t.default.createElement(e.Text,{variant:"small",block:!0},"UIIconButton"),t.default.createElement(a.UIIconButton,{iconProps:{iconName:f.UiIcons.Undo},menuProps:{items:s}})))))};r.ContextualMenu=m}}]);})();

package/storybook/UICreateSelect-story.624abe8c.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{var X=Object.defineProperty,V=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var L=(c,n,t)=>n in c?X(c,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[n]=t,E=(c,n)=>{for(var t in n||(n={}))Y.call(n,t)&&L(c,t,n[t]);if(T)for(var t of T(n))$.call(n,t)&&L(c,t,n[t]);return c},x=(c,n)=>V(c,J(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[761],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.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}',""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(c,n,t)=>{var i=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),o=a(i);o.push([c.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}}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.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,l){typeof a=="string"&&(a=[[null,a,void 0]]);var _={};if(e)for(var u=0;u<this.length;u++){var h=this[u][0];h!=null&&(_[h]=!0)}for(var I=0;I<a.length;I++){var r=[].concat(a[I]);e&&_[r[0]]||(typeof l!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=l),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.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.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.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"./src/components/UILoader/UILoader.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(i),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.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.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=t.n(s),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(_),h=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(h),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=t.n(r),f=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),v=t.n(f),d={};for(const b in f)b!=="default"&&(d[b]=()=>f[b]);t.d(n,d);var g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=e(),g.insertStyleElement=I();var m=a()(v(),g);const y=v()&&v().locals?v().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"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 i(o,e){for(var s={},l=[],_=0;_<o.length;_++){var u=o[_],h=e.base?u[0]+e.base:u[0],I=s[h]||0,r="".concat(h," ").concat(I);s[h]=I+1;var p=t(r),f={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var v=a(f,e);e.byIndex=_,n.splice(_,0,{identifier:r,updater:v,references:1})}l.push(r)}return l}function a(o,e){var s=e.domAPI(e);s.update(o);var l=function(u){if(u){if(u.css===o.css&&u.media===o.media&&u.sourceMap===o.sourceMap&&u.supports===o.supports&&u.layer===o.layer)return;s.update(o=u)}else s.remove()};return l}c.exports=function(o,e){e=e||{},o=o||[];var s=i(o,e);return function(_){_=_||[];for(var u=0;u<s.length;u++){var h=s[u],I=t(h);n[I].references--}for(var r=i(_,e),p=0;p<s.length;p++){var f=s[p],v=t(f);n[v].references===0&&(n[v].updater(),n.splice(v,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"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 i(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)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function n(t){var i=document.createElement("style");return t.setAttributes(i,t.attributes),t.insert(i,t.options),i}c.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,n,t)=>{"use strict";function i(a){var o=t.nc;o&&a.setAttribute("nonce",o)}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var l=typeof e.layer!="undefined";l&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,l&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var _=e.sourceMap;_&&typeof btoa!="undefined"&&(s+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(_))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function i(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)}}}c.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function n(t,i){if(i.styleSheet)i.styleSheet.cssText=t;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(t))}}c.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=i(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=i(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"),l=t("./src/components/UILoader/index.tsx"),_=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const u=t("./src/components/UIInput/index.tsx"),h=d=>a.default.createElement(o.components.DropdownIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),I=d=>a.default.createElement(o.components.ClearIndicator,E({},d),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=d=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(l.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),p=d=>{var g,m,y,b;return a.default.createElement(a.default.Fragment,null,!((g=d==null?void 0:d.data)!=null&&g.__isNew__)&&a.default.createElement(o.components.Option,E({},d),a.default.createElement(_.UIHighlightMenuOption,{text:(m=d==null?void 0:d.data)==null?void 0:m.label,query:(y=d==null?void 0:d.selectProps)==null?void 0:y.inputValue})),((b=d==null?void 0:d.data)==null?void 0:b.__isNew__)&&a.default.createElement(o.components.Option,E({},d)))},f=d=>{let g="transparent";return d.isSelected&&(g="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),d.isFocused&&!d.isSelected&&(g="var(--vscode-list-hoverBackground)"),g},v=d=>{const g=m=>`${d.createText}: ${m}`;return a.default.createElement(e.default,x(E({},d),{ref:d.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:m=>m.label,formatCreateLabel:g,components:{ClearIndicator:I,DropdownIndicator:h,LoadingIndicator:r,Option:p},unstyled:!0,styles:{control:(m,y)=>x(E({},m),{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:y.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(m,y)=>x(E({},m),{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:(m,y)=>x(E({},m),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(m,y)=>x(E({},m),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:f(y),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:y.isSelected?f(y):"var(--vscode-list-hoverBackground)",color:y.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(m,y)=>x(E({},m),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(m,y)=>x(E({},m),{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:(m,y)=>x(E({},m),{padding:"0px"}),indicatorsContainer:(m,y)=>x(E({},m),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(m,y)=>x(E({},m),{display:"none"}),dropdownIndicator:(m,y)=>x(E({},m),{padding:"0px"}),clearIndicator:(m,y)=>x(E({},m),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=v},"./src/components/UICreateSelect/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(c,n,t){"use strict";var i=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=void 0;const a=i(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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(l){super(l)}render(){const{blockDOM:l,delayed:_}=this.props,u=()=>({root:E({},l&&{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}}),h=a.default.createElement(o.Spinner,x(E({},this.props),{styles:u}));if(l){const I=()=>({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${_?" ui-loader--delayed":""}`,styles:I},h)}else return h}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(o,e,s,l){l===void 0&&(l=s);var _=Object.getOwnPropertyDescriptor(e,s);(!_||("get"in _?!e.__esModule:_.writable||_.configurable))&&(_={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,l,_)}:function(o,e,s,l){l===void 0&&(l=s),o[l]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&i(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(c,n,t){"use strict";var i=this&&this.__createBinding||(Object.create?function(r,p,f,v){v===void 0&&(v=f);var d=Object.getOwnPropertyDescriptor(p,f);(!d||("get"in d?!p.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return p[f]}}),Object.defineProperty(r,v,d)}:function(r,p,f,v){v===void 0&&(v=f),r[v]=p[f]}),a=this&&this.__setModuleDefault||(Object.create?function(r,p){Object.defineProperty(r,"default",{enumerable:!0,value:p})}:function(r,p){r.default=p}),o=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var p={};if(r!=null)for(var f in r)f!=="default"&&Object.prototype.hasOwnProperty.call(r,f)&&i(p,r,f);return a(p,r),p};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.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=t("./src/components/UICreateSelect/index.tsx"),_=t("./src/components/UILabel/index.tsx");(0,t("./src/components/Icons.tsx").initIcons)(),n.default={title:"Dropdowns/CreateSelect"};const h={childrenGap:40},I=()=>{const r=S=>({label:S,value:S.toLowerCase().replace(/\W/g,"")}),p=[r("One"),r("Two"),r("Three")],[f,v]=(0,e.useState)(!1),[d,g]=(0,e.useState)(p),[m,y]=(0,e.useState)(),[b,M]=(0,e.useState)(),[A,j]=(0,e.useState)(!1),[B,W]=(0,e.useState)([]),[R,U]=(0,e.useState)(),[P,D]=(0,e.useState)(),G=e.default.createRef(),k=S=>{const O=r(S);v(!0),y(O),setTimeout(()=>{v(!1),g(C=>[...C,O]),M(O)},1e3)},K=S=>{const O=S;y(O),M(O)},w=(0,e.useRef)(null),F=S=>{const O=r(S);j(!0),U(O),setTimeout(()=>{var C;j(!1),W(H=>[...H,O]),D(O),(C=w.current)==null||C.focus()},1e3)},z=S=>{const O=S;U(O),D(O)},N=S=>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:h},e.default.createElement(s.Stack,{tokens:h},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,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(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:f,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new value",options:d,value:m,onCreateOption:k,onChange:K}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:h,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(_.UILabel,null,"UI Create Select Label")),e.default.createElement(l.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:A,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new qualifier value",options:B,value:R,noOptionsMessage:N,onCreateOption:F,onChange:z}),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=I}}]);})();

package/storybook/UIDatePicker-story.6e599844.iframe.bundle.js

@@ -0,0 +1,2 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[835],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss":(i,_,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.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.88.0/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(_){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+=_(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,o,u){typeof t=="string"&&(t=[[null,t,void 0]]);var d={};if(s)for(var a=0;a<this.length;a++){var c=this[a][0];c!=null&&(d[c]=!0)}for(var p=0;p<t.length;p++){var r=[].concat(t[p]);s&&d[r[0]]||(typeof u!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),o&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=o):r[4]="".concat(o)),n.push(r))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(_){return _[1]}},"./src/components/UIDatePicker/UIDatePicker.scss":(i,_,n)=>{"use strict";n.r(_),n.d(_,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.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.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),o=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(o),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=n.n(d),c=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(c),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(r),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(_,P);var h={};h.styleTagTransform=f(),h.setAttributes=a(),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.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var _=[];function n(e){for(var s=-1,o=0;o<_.length;o++)if(_[o].identifier===e){s=o;break}return s}function l(e,s){for(var o={},u=[],d=0;d<e.length;d++){var a=e[d],c=s.base?a[0]+s.base:a[0],p=o[c]||0,r="".concat(c," ").concat(p);o[c]=p+1;var f=n(r),y={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=t(y,s);s.byIndex=d,_.splice(d,0,{identifier:r,updater:m,references:1})}u.push(r)}return u}function t(e,s){var o=s.domAPI(s);o.update(e);var u=function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap&&a.supports===e.supports&&a.layer===e.layer)return;o.update(e=a)}else o.remove()};return u}i.exports=function(e,s){s=s||{},e=e||[];var o=l(e,s);return function(d){d=d||[];for(var a=0;a<o.length;a++){var c=o[a],p=n(c);_[p].references--}for(var r=l(d,s),f=0;f<o.length;f++){var y=o[f],m=n(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}o=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var _={};function n(t){if(typeof _[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}_[t]=e}return _[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.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function _(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}i.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,_,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.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function _(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,u&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var d=s.sourceMap;d&&typeof btoa!="undefined"&&(o+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),e.styleTagTransform(o,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,o)},remove:function(){n(e)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function _(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}i.exports=_},"./src/components/UIDatePicker/UIDatePicker.tsx":function(i,_,n){"use strict";var l=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(_,"__esModule",{value:!0}),_.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"),o=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(a){var c;super(a),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=a.defaultValue)!=null?c:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,c=""){var p,r;c=c.trim(),(r=(p=this.props).onChange)==null||r.call(p,a,c),this.setState({value:c})}onPickerChange(a){var p,r;let c=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(c)&&(c=`${a.target.value}:00`),(r=(p=this.props).onChange)==null||r.call(p,a,c),this.setState({value:c})}render(){const a=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:o.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}_.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(i,_,n){"use strict";var l=this&&this.__createBinding||(Object.create?function(e,s,o,u){u===void 0&&(u=o);var d=Object.getOwnPropertyDescriptor(s,o);(!d||("get"in d?!s.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,u,d)}:function(e,s,o,u){u===void 0&&(u=o),e[u]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&l(s,e,o)};Object.defineProperty(_,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),_)},"./stories/UIDatePicker.story.tsx":function(i,_,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.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.100.0_@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");(0,n("./src/components/Icons.tsx").initIcons)(),_.default={title:"Basic Inputs/DatePicker"};const u={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:u,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})));_.defaultUsage=d}}]);})();

package/storybook/UIDialog-story.e7e25bde.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var M=Object.defineProperty,B=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var A=(c,o,a)=>o in c?M(c,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[o]=a,U=(c,o)=>{for(var a in o||(o={}))P.call(o,a)&&A(c,a,o[a]);if(S)for(var a of S(o))z.call(o,a)&&A(c,a,o[a]);return c},_=(c,o)=>B(c,w(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[693],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{c.exports=function(o){var a=[];return a.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+=o(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},a.i=function(l,t,e,n,g){typeof l=="string"&&(l=[[null,l,void 0]]);var p={};if(e)for(var r=0;r<this.length;r++){var I=this[r][0];I!=null&&(p[I]=!0)}for(var y=0;y<l.length;y++){var u=[].concat(l[y]);e&&p[u[0]]||(typeof g!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=g),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)),a.push(u))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{c.exports=function(o){return o[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{var o=[];function a(t){for(var e=-1,n=0;n<o.length;n++)if(o[n].identifier===t){e=n;break}return e}function d(t,e){for(var n={},g=[],p=0;p<t.length;p++){var r=t[p],I=e.base?r[0]+e.base:r[0],y=n[I]||0,u="".concat(I," ").concat(y);n[I]=y+1;var v=a(u),h={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(v!==-1)o[v].references++,o[v].updater(h);else{var E=l(h,e);e.byIndex=p,o.splice(p,0,{identifier:u,updater:E,references:1})}g.push(u)}return g}function l(t,e){var n=e.domAPI(e);n.update(t);var g=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 g}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 I=n[r],y=a(I);o[y].references--}for(var u=d(p,e),v=0;v<n.length;v++){var h=n[v],E=a(h);o[E].references===0&&(o[E].updater(),o.splice(E,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{var o={};function a(l){if(typeof o[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}o[l]=t}return o[l]}function d(l,t){var e=a(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.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{function o(a){var d=document.createElement("style");return a.setAttributes(d,a.attributes),a.insert(d,a.options),d}c.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,o,a)=>{function d(l){var t=a.nc;t&&l.setAttribute("nonce",t)}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{function o(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var g=typeof e.layer!="undefined";g&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,g&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(n,l,t.options)}function a(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){o(t,l,n)},remove:function(){a(t)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{function o(a,d){if(d.styleSheet)d.styleSheet.cssText=a;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(a))}}c.exports=o},"./stories/UIDialog.story.tsx":function(c,o,a){var d=this&&this.__createBinding||(Object.create?function(s,i,m,f){f===void 0&&(f=m);var x=Object.getOwnPropertyDescriptor(i,m);(!x||("get"in x?!i.__esModule:x.writable||x.configurable))&&(x={enumerable:!0,get:function(){return i[m]}}),Object.defineProperty(s,f,x)}:function(s,i,m,f){f===void 0&&(f=m),s[f]=i[m]}),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 m in s)m!=="default"&&Object.prototype.hasOwnProperty.call(s,m)&&d(i,s,m);return l(i,s),i};Object.defineProperty(o,"__esModule",{value:!0}),o.Dialog=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=a("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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"),g=a("./src/components/UIDialog/index.ts"),p=a("./src/components/UIButton/index.tsx"),r=a("./src/components/UIInput/index.tsx"),I=a("./src/components/UIDropdown/index.tsx"),y=a("./src/components/UIComboBox/index.tsx"),u=a("./src/components/UICheckbox/index.tsx");(0,a("./src/components/Icons.tsx").initIcons)(),o.default={title:"Dialogs/Dialogs"};const h={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class D 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,m=[{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(g.UIDialog,_(U({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(I.UIDropdown,{label:"Dummy",options:m}),e.default.createElement(y.UIComboBox,{label:"Dummy",highlight:!0,options:m})))}}const T=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)},x=U({},E.main),{size:b}=s;b&&(x.height=b);let C="Open Large Dialog";return b&&(C+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},C),e.default.createElement(g.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(I.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"})))},k=s=>{const[i,m]=(0,e.useState)(!1),f=()=>{m(!i)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(p.UIDefaultButton,{onClick:f,primary:!0},"Open Confirm Dialog"),e.default.createElement(g.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."}}))},O=()=>{const[s,i]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Stack,{tokens:h},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:s,onChange:(m,f)=>{i(f)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!1,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(D,{draggable:!0,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{size:400,openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(T,{openAnimation:s})),e.default.createElement(n.Stack,{horizontal:!0,tokens:h},e.default.createElement(k,{openAnimation:s}))))};o.Dialog=O}}]);})();

package/storybook/UIDropdown-story.0082feff.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var C=Object.defineProperty,K=Object.defineProperties;var R=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var h=(s,t,n)=>t in s?C(s,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[t]=n,u=(s,t)=>{for(var n in t||(t={}))T.call(t,n)&&h(s,n,t[n]);if(D)for(var n of D(t))B.call(t,n)&&h(s,n,t[n]);return s},i=(s,t)=>K(s,R(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[520],{"./stories/UIDropdown.story.tsx":function(s,t,n){var f=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(t,"__esModule",{value:!0}),t.groupsAndSeparators=t.accessibilityStates=t.UseDropdownAsMenuMinWidth=t.Messages=t.MultiSelectDropdown=t.States=t.Short=t.Basic=void 0;const e=f(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),y=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@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=n("./src/components/index.tsx"),l=n("./test/__mock__/select-data.ts");(0,a.initIcons)(),t.default={title:"Dropdowns/Dropdown"};const m=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,useDropdownAsMenuMinWidth:!0}));t.Basic=m;const p=()=>e.default.createElement("div",{style:{width:"150px"}},e.default.createElement(a.UIDropdown,{options:l.shortData}),e.default.createElement(a.UIDropdown,{options:l.shortData,disabled:!0}));t.Short=p;const x=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Disabled",disabled:!0}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Required",required:!0}));t.States=x;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,multiSelect:!0,responsiveMode:5}));t.MultiSelectDropdown=w;const M=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.data,label:"Error",errorMessage:"Dummy Error"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Warning",warningMessage:"Dummy Warning"}),e.default.createElement(a.UIDropdown,{options:l.data,label:"Info",infoMessage:"Dummy Info"}));t.Messages=M;const I=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth ON"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data,useDropdownAsMenuMinWidth:!0}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData,useDropdownAsMenuMinWidth:!0})),e.default.createElement("div",null,e.default.createElement("div",null,"useDropdownAsMenuMinWidth OFF"),e.default.createElement(a.UIDropdown,{label:"Long",options:l.data}),e.default.createElement(a.UIDropdown,{label:"Short",options:l.shortData})));t.UseDropdownAsMenuMinWidth=I;const S=()=>{const[r,A]=e.default.useState(!1),[o,k]=e.default.useState("EE"),g={childrenGap:40},E=Array.isArray(o)?o:void 0,c={options:l.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:r,onChange:(b,d)=>{if(Array.isArray(o)){const _=[...o,d==null?void 0:d.key].filter(v=>d!=null&&d.selected?!0:v!==(d==null?void 0:d.key));k(_)}else d&&k(d.key)}};return e.default.createElement("div",null,e.default.createElement(a.UICheckbox,{label:"Multi Select",checked:r,onChange:(b,d)=>{d&&!Array.isArray(o)?k([o]):!d&&Array.isArray(o)&&k(o[0]),A(d)}}),e.default.createElement(y.Stack,{horizontal:!0,tokens:g},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{errorMessage:"Dummy error",selectedKey:o,selectedKeys:E})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UIDropdown,i(u({},c),{selectedKey:o,selectedKeys:E,readOnly:!0})))))))};t.accessibilityStates=S;const U=()=>{const r=[...l.groupsData];return r.splice(4,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(14,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),r.splice(18,0,{key:"div1",text:"",itemType:a.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(a.UIDropdown,{options:l.groupsData,label:"Menu items with headers"}),e.default.createElement(a.UIDropdown,{options:r,label:"Menu items with dividers and headers"}),e.default.createElement(a.UIDropdown,{options:l.groupsData,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(a.UIDropdown,{options:r,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=U},"./test/__mock__/select-data.ts":(s,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const f=n("./src/components/index.tsx");t.data=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"},{key:"BE",text:"Belgium"},{key:"BC",text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod"},{key:"BA",text:"Bosnia and Herzegovina"},{key:"BR",text:"Brazil"},{key:"BG",text:"Bulgaria"},{key:"CA",text:"Canada"},{key:"CL",text:"Chile"},{key:"CO",text:"Colombia"},{key:"HR",text:"Croatia"},{key:"CU",text:"Cuba"},{key:"CZ",text:"Czech Republic"},{key:"DK",text:"Denmark"},{key:"EG",text:"Egypt"},{key:"EE",text:"Estonia"},{key:"FI",text:"Finland"},{key:"FR",text:"France"},{key:"GER",text:"Germany"},{key:"GH",text:"Ghana"},{key:"GR",text:"Greece"},{key:"HU",text:"Hungary"},{key:"IN",text:"India"},{key:"ID",text:"Indonesia"},{key:"IE",text:"Ireland"},{key:"IL",text:"Israel"},{key:"IT",text:"Italy"},{key:"JP",text:"Japan"},{key:"JO",text:"Jordan"},{key:"KE",text:"Kenya"},{key:"KW",text:"Kuwait"},{key:"LV",text:"Latvia"},{key:"LT",text:"Lithuania"},{key:"MK",text:"Macedonia"},{key:"MY",text:"Malaysia"},{key:"MX",text:"Mexico"},{key:"ME",text:"Montenegro"},{key:"MA",text:"Morocco"},{key:"NL",text:"Netherlands"},{key:"NZ",text:"New Zealand"},{key:"NG",text:"Nigeria"},{key:"NO",text:"Norway"},{key:"OM",text:"Oman"},{key:"PE",text:"Peru"},{key:"PH",text:"Philippines"},{key:"PL",text:"Poland"},{key:"PT",text:"Portugal"},{key:"QA",text:"Qatar"},{key:"RO",text:"Romania"},{key:"RU",text:"Russia"},{key:"SA",text:"Saudi Arabia"},{key:"SN",text:"Senegal"},{key:"RS",text:"Serbia"},{key:"SG",text:"Singapore"},{key:"SK",text:"Slovakia"},{key:"SI",text:"Slovenia"},{key:"ZA",text:"South Africa"},{key:"KR",text:"South Korea"},{key:"ES",text:"Spain"},{key:"SE",text:"Sweden"},{key:"CH",text:"Switzerland"},{key:"TN",text:"Tunisia"},{key:"TR",text:"Turkey"},{key:"UG",text:"Uganda"},{key:"UA",text:"Ukraine"},{key:"AE",text:"United Arab Emirates"},{key:"GB",text:"United Kingdom"},{key:"DU",text:"Dummmmmmmmyyyyyy"},{key:"DD",text:"Dudududumy"},{key:"YE",text:"Yemen"}],t.shortData=[t.data[0],t.data[1],t.data[2],t.data[3],t.data[4]];const e={africa:["DZ","EG","GH","KE","MA","NG","SN","ZA","TN","UG"],asia:["BH","IN","ID","JP","JO","KW","MY","OM","PH","QA","SA","SG","KR","AE","YE"],"Australia and Oceania":["AU","BC","NZ"],europe:["AT","BE","BA","BG","HR","CZ","DK","EE","FI","FR","GER","GR","HU","IE","IL","IT","LV","LT","MK","ME","NL","NO","PL","PT","RO","RU","RS","SK","SI","ES","SE","CH","TR","UA","GB"],northAmerica:["CA"],southAmerica:["AR","BR","CL","CO","CU","MX","PE"],unknown:["DU","DD"]};t.groupsData=[];for(const y in e){t.groupsData.push({key:y,text:y.charAt(0).toUpperCase()+y.slice(1),itemType:f.UISelectableOptionMenuItemType.Header});const a=e[y];for(const l of a){const m=t.data.find(p=>p.key===l);m&&t.groupsData.push(m)}}}}]);})();

package/storybook/UIFlexibleTable-story.faa649e8.iframe.bundle.js

@@ -0,0 +1,74 @@
+"use strict";(()=>{var Ne=Object.defineProperty,_e=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable;var Se=(R,w,m)=>w in R?Ne(R,w,{enumerable:!0,configurable:!0,writable:!0,value:m}):R[w]=m,B=(R,w)=>{for(var m in w||(w={}))Ue.call(w,m)&&Se(R,m,w[m]);if(Ie)for(var m of Ie(w))$e.call(w,m)&&Se(R,m,w[m]);return R},F=(R,w)=>_e(R,Le(w));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[210],{"./stories/UIFlexibleTable.story.tsx":function(R,w,m){var ye=this&&this.__createBinding||(Object.create?function(l,a,t,s){s===void 0&&(s=t);var c=Object.getOwnPropertyDescriptor(a,t);(!c||("get"in c?!a.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:function(){return a[t]}}),Object.defineProperty(l,s,c)}:function(l,a,t,s){s===void 0&&(s=t),l[s]=a[t]}),De=this&&this.__setModuleDefault||(Object.create?function(l,a){Object.defineProperty(l,"default",{enumerable:!0,value:a})}:function(l,a){l.default=a}),Ce=this&&this.__importStar||function(l){if(l&&l.__esModule)return l;var a={};if(l!=null)for(var t in l)t!=="default"&&Object.prototype.hasOwnProperty.call(l,t)&&ye(a,l,t);return De(a,l),a};Object.defineProperty(w,"__esModule",{value:!0}),w.WrappingTable=w.InlineFlexTable=void 0;const e=Ce(m("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=m("./src/components/index.tsx"),me=m("../../node_modules/.pnpm/react-movable@2.5.4_react-dom@16.14.0_react@16.14.0/node_modules/react-movable/lib/index.js");(0,m("./src/components/Icons.tsx").initIcons)(),w.default={title:"Tables/UIFlexibleTable"};const N=["table1","table2"],_=Array.from({length:10}).map((l,a)=>({key:`column${a+1}`,title:a===0?"Beginning Column":`Column ${a+1}`,tooltip:`Tooltip for column #${a+1}`}));_.push({key:"preferred",title:"Preferred",hidden:!0});const Z=l=>{const a={};return _.forEach((t,s)=>{a[t.key]=s<5?`sample_${l}${s}`:"a"}),a},pe=[],ge=(l,a,t)=>l.map((c,f)=>{const x={};_.forEach((h,I)=>{x[h.key]={type:I<5?"input":a&&I===9?"link":"dropdown",value:l[f][h.key]}});const S=x.preferred.value==="1";return{key:f.toFixed(0),title:`Row ${f+1}`,className:t===f||t===100?"active-row":S?"preferred-row":"",cells:x,tooltip:`Tooltip for row #${f+1}`}});function xe(l,a,t,s){const c=l.value.value,f=l.colIndex===1&&l.rowIndex===2&&s,x=_[l.colIndex];switch(l.value.type){case"dropdown":{const S=["a","b","c"].map(h=>({key:h,text:`Option ${h.toUpperCase()}`}));return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:f?"spanned-cell":s&&l.rowIndex===2&&!f?"not-spanned-cell":void 0,content:e.default.createElement(d.UIDropdown,{options:S,selectedKey:c,disabled:a,onChange:(h,I,A)=>{var L;return t((L=I==null?void 0:I.key.toString())!=null?L:"")},title:x.tooltip})}}case"input":return{title:f?"Custom Title for spanned cell":void 0,isSpan:f,cellClassNames:[f?"spanned-cell":s&&l.rowIndex===2&&!f?"not-spanned-cell":""],content:e.default.createElement(ve,{value:c,readonly:a,onChange:S=>t(S),title:x.tooltip})};default:return{content:e.default.createElement(d.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function ve(l){const[a,t]=(0,e.useState)("");(0,e.useEffect)(()=>{t(l.value)},[l.value]);const s=c=>{t(c)};return e.default.createElement(d.UITextInput,{value:a,readOnly:l.readonly,onChange:(c,f)=>s(f||""),onBlur:()=>{l.value!==a&&setTimeout(()=>{l.onChange(a)},0)},title:l.title})}function he(l){const a=Z(l.length);l.push(a)}const ke=`
+.flexible-table {
+    font-size: 13px;
+}
+
+body .flexible-table-content-table-row.dragged {
+    font-size: 13px;
+}
+
+.flexible-table-content-table-row-item-actions, .flexible-table-content-table-title-row-item-actions {
+    min-width: 130px !important;
+}
+
+.flexible-table-content-table-row.active-row {
+    background: #D0FFD0;
+}
+
+.table-column.fixed {
+    width: 100px;
+}
+
+.table-column.column-0 {
+    background: #FFD0B0;
+}
+
+.table-column.column-5 {
+    background: #D0B0FF;
+}
+
+.in-row .spanned-cell {
+    flex: 9;
+    
+}
+.in-row .not-spanned-cell {
+    flex: 1;
+}
+`,Te=()=>{const[l,a]=(0,e.useState)(pe),[t,s]=(0,e.useState)([]),[c,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[M,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[P,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[$,oe]=(0,e.useState)(!1),[y,le]=(0,e.useState)(!1),[W,ae]=(0,e.useState)(!0),[v,se]=(0,e.useState)(!1),[O,z]=(0,e.useState)(!1),[j,re]=(0,e.useState)(!1),[H,G]=(0,e.useState)(-1),[k,ie]=(0,e.useState)(!1),[V,de]=(0,e.useState)(!1),[T,K]=(0,e.useState)(!1),[g,ce]=(0,e.useState)(!1),[J,ue]=(0,e.useState)(!0),i=(0,e.useRef)({}),Q=o=>{o.stopPropagation()},E=o=>{a(ge(o,v,H))};(0,e.useEffect)(()=>{for(const o in i.current){const b=i.current[o];b.current&&(b.current.removeEventListener("mousedown",Q),b.current.addEventListener("mousedown",Q))}}),(0,e.useEffect)(()=>{E(t)},[v,H]),(0,e.useEffect)(()=>{const o=Array.from({length:3}).map((b,D)=>Z(D));s(o),E(o)},[]);const X=()=>(he(t),s(t),E(t),{scrollToRow:t.length-1}),fe=o=>{t.splice(o.rowIndex,1),s(t),E(t)},be=o=>{const b=g&&o.oldIndex===0&&o.newIndex>1;if(!b){const D=(0,me.arrayMove)(t,o.oldIndex,o.newIndex);s(D),E(D)}return{isDropDisabled:b}},u=(o,b,D)=>e.default.createElement(d.UICheckbox,{label:o,checked:b,onChange:()=>{D(!b)}}),n=o=>{const b=`cell-${o.rowIndex}-${o.colIndex}`;i.current[b]||(i.current[b]=e.default.createRef());const Re=xe(o,y,Fe=>{t[o.rowIndex][o.colKey]=Fe,s(t),E(t)},j);return F(B({},Re),{content:e.default.createElement("div",{ref:i.current[b]},Re.content)})},r=o=>{if(o.rowIndex===t.length-1)return e.default.createElement("div",{style:{padding:"0 5px",verticalAlign:"center"}},"Special row content")},p=o=>{G(o),new Promise(b=>{setTimeout(()=>b(!0),2e3)}).then(()=>{G(-1)})},Y=o=>[e.default.createElement(d.UIFlexibleTableRowActionButton,{key:`goto-code-row-${o.rowIndex}`,actionName:"GotoCode",tableId:N[0],iconName:d.UiIcons.CodeSnippet,rowNumber:o.rowIndex,onClick:()=>p(o.rowIndex),title:"Navigation demo"})],we=o=>[e.default.createElement(d.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:N[0],iconName:d.UiIcons.CodeSnippet,onClick:()=>p(100),title:"Navigation demo"})],Be=o=>[e.default.createElement(d.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:c||o.readonly,onClick:()=>{s([]),a([])}},"Clear table")];return e.default.createElement("div",null,e.default.createElement("h3",null,"In-line layout"),e.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u("Vertical layout",U,ee),u("Show titles",h,I),u("Show titles in cells",M,q),u("Show row headers",A,L),u("Show Index",W,ae),u("Show custom content",v,se),u("Span cells",j,re),u("Reorder enabled",x,S),u("Reorder restrictions",g,ce),u("Disable Adding",C,ne),u("Disable Deletion",$,oe),u("Readonly",y,le),u("No row background",P,te),u("Loading data",c,f),u("Column highlight",O,z),u("Is fixed max width",k,ie),u("Lock vertically",V,de),u("Reverse background",T,K),u("Disable drag using touch",J,ue)),e.default.createElement("hr",null),e.default.createElement("div",null,e.default.createElement("style",null,ke),e.default.createElement("div",{style:{maxWidth:U?"500px":"1300px"}},e.default.createElement(d.UIFlexibleTable,{addRowButton:{label:"Add row",title:y?"Disabled due to read only mode":"",onClick:X},columns:_.map((o,b)=>F(B({},o),{className:`table-column column-${O?b:""}${v?"fixed":""}`})),id:N[0],layout:d.UIFlexibleTableLayout.InlineFlex,onRenderCell:n,rows:l,inRowLayoutMinWidth:1e3,onDeleteRow:fe,showColumnTitles:h,showColumnTitlesInCells:M,isContentLoading:c,onTableReorder:x?be:void 0,noRowBackground:P,isAddItemDisabled:C,showIndexColumn:W,readonly:y,onRenderDeleteAction:o=>({isDeleteDisabled:$&&o.rowIndex===0,tooltip:$&&o.rowIndex===0?"Disabled for demo purposes":"Click to delete the row"}),onRenderActions:Y,onRenderRowDataContent:v?r:void 0,onRenderReorderActions:o=>g?{up:{disabled:o.rowIndex===1,tooltip:o.rowIndex===1?"Move up disabled for demo purposes":void 0},down:{disabled:o.rowIndex===1,tooltip:o.rowIndex===1?"Move down disabled for demo purposes":void 0}}:{},onBeforeTableRender:g?o=>({rows:o.rows.map((b,D)=>F(B({},b),{disabled:D===1}))}):void 0,onRenderRowContainer:g?o=>({isDropWarning:!o.isDragged&&!!o.rowIndex&&o.rowIndex>1}):void 0,maxScrollableContentHeight:U?700:220,showRowTitles:A,maxWidth:k?800:void 0,lockVertically:V,reverseBackground:T,onRenderPrimaryTableActions:Be,onRenderSecondaryTableActions:we,noDataText:"No data",isTouchDragDisabled:J}))))};w.InlineFlexTable=Te;const Ee=`
+
+.flexible-table {
+    font-size: 13px;
+}
+
+body .flexible-table-content-table-row.dragged {
+    font-size: 13px;
+}
+
+.flexible-table-content-table-row-item-actions, .flexible-table-content-table-title-row-item-actions {
+    min-width: 130px !important;
+}
+
+.flexible-table-content-table-row.preferred-row {
+    background: #FFD0D0;
+}
+
+.flexible-table-content-table-row.active-row {
+    background: #D0FFD0;
+}
+
+.flexible-table-content-table-row-wrapper.wrapping-layout .flexible-table-content-table-row-item-data-cells-wrapper {
+    width: 120px !important;
+}
+
+.table-column.column-0 {
+    background: #FFD0B0;
+}
+
+.table-column.column-5 {
+    background: #D0B0FF;
+}
+
+.flexible-table-content-table-row-wrapper.wrapping-layout .flexible-table-content-table-row-item-data-cells-wrapper.spanned-cell {
+    width: 240px !important;
+}
+`,Ae=()=>{const[l,a]=(0,e.useState)(pe),[t,s]=(0,e.useState)([]),[c,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[M,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[P,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[$,oe]=(0,e.useState)(!1),[y,le]=(0,e.useState)(!1),[W,ae]=(0,e.useState)(!1),[v,se]=(0,e.useState)(!1),[O,z]=(0,e.useState)(-1),[j,re]=(0,e.useState)(!1),[H,G]=(0,e.useState)(!1),[k,ie]=(0,e.useState)(!1),[V,de]=(0,e.useState)(!0),T=(0,e.useRef)({}),K=n=>{n.stopPropagation()},g=n=>{a(ge(n,y,O))};(0,e.useEffect)(()=>{for(const n in T.current){const r=T.current[n];r.current&&(r.current.removeEventListener("mousedown",K),r.current.addEventListener("mousedown",K))}}),(0,e.useEffect)(()=>{g(t)},[y,O]),(0,e.useEffect)(()=>{const n=Array.from({length:3}).map((r,p)=>Z(p));s(n),g(n)},[]);const ce=()=>(he(t),s(t),g(t),{scrollToRow:t.length-1}),J=n=>{t.splice(n.rowIndex,1),s(t),g(t)},ue=n=>{const r=k&&n.oldIndex===0&&n.newIndex>1;if(!r){const p=(0,me.arrayMove)(t,n.oldIndex,n.newIndex);s(p),g(p)}return{isDropDisabled:r}},i=(n,r,p)=>e.default.createElement(d.UICheckbox,{label:n,checked:r,onChange:()=>{p(!r)}}),Q=n=>{const r=`cell-${n.rowIndex}-${n.colIndex}`;T.current[r]||(T.current[r]=e.default.createRef());const Y=xe(n,C,we=>{t[n.rowIndex][n.colKey]=we,s(t),g(t)},v);return F(B({},Y),{content:e.default.createElement("div",{ref:T.current[r]},Y.content)})},E=n=>{if(n.rowIndex===t.length-1)return e.default.createElement("div",{style:{padding:"0 5px",verticalAlign:"center"}},"Special row content")},X=n=>{z(n),new Promise(r=>{setTimeout(()=>r(!0),2e3)}).then(()=>{z(-1)})},fe=n=>[e.default.createElement(d.UIToggle,{key:"1",label:"Preferred",checked:n.cells.preferred.value==="1",onChange:(r,p)=>{t[n.rowIndex].preferred=p?"1":"0",s(t),g(t)},inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,size:d.UIToggleSize.Small,disabled:C}),e.default.createElement(d.UIFlexibleTableRowActionButton,{key:`goto-code-row-${n.rowIndex}`,actionName:"GotoCode",tableId:N[1],iconName:d.UiIcons.CodeSnippet,rowNumber:n.rowIndex,onClick:()=>X(n.rowIndex),title:"Navigation demo"})],be=n=>[e.default.createElement(d.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:N[0],iconName:d.UiIcons.CodeSnippet,onClick:()=>X(100),title:"Navigation demo"})],u=n=>[e.default.createElement(d.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:c||n.readonly,onClick:()=>{s([]),a([])}},"Clear table")];return e.default.createElement("div",null,e.default.createElement("hr",null),e.default.createElement("h3",null,"Wrapping layout"),e.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},i("Compact size",A,L),i("Show titles",h,I),i("Show Index",$,oe),i("Show custom content",y,le),i("Span cells",v,se),i("Reorder enabled",x,S),i("Reorder restrictions",k,ie),i("Disable Adding",U,ee),i("Disable Deletion",P,te),i("Readonly",C,ne),i("No row background",M,q),i("Loading data",c,f),i("Column highlight",W,ae),i("Lock vertically",j,re),i("Reverse background",H,G),i("Disable drag using touch",V,de)),e.default.createElement("hr",null),e.default.createElement("div",null,e.default.createElement("style",null,Ee),e.default.createElement("div",{style:{maxWidth:A?"500px":"fit-content"}},e.default.createElement(d.UIFlexibleTable,{addRowButton:{label:"Add row",title:C?"Disabled due to read only mode":"",onClick:ce},columns:_.map((n,r)=>F(B({},n),{className:`table-column column-${W?r:""}`})),id:N[1],layout:d.UIFlexibleTableLayout.Wrapping,onRenderCell:Q,rows:l,onDeleteRow:J,showColumnTitles:h,isContentLoading:c,onTableReorder:x?ue:void 0,noRowBackground:M,isAddItemDisabled:U,showIndexColumn:$,readonly:C,onRenderDeleteAction:n=>({isDeleteDisabled:P&&n.rowIndex===0}),onRenderReorderActions:n=>k?{up:{disabled:n.rowIndex===1,tooltip:n.rowIndex===1?"Move up disabled for demo purposes":void 0},down:{disabled:n.rowIndex===1,tooltip:n.rowIndex===1?"Move down disabled for demo purposes":void 0}}:{},onBeforeTableRender:k?n=>({rows:n.rows.map((r,p)=>F(B({},r),{disabled:p===1}))}):void 0,onRenderRowContainer:k?n=>({isDropWarning:!n.isDragged&&!!n.rowIndex&&n.rowIndex>1}):void 0,onRenderRowDataContent:y?E:void 0,onRenderActions:fe,maxScrollableContentHeight:A?700:400,lockVertically:j,reverseBackground:H,onRenderPrimaryTableActions:u,onRenderSecondaryTableActions:be,isTouchDragDisabled:V}))))};w.WrappingTable=Ae}}]);})();