@sap-ux/ui-components 1.24.11 → 1.25.0

package/storybook/UICombobox-story.15a5db8f.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var Z=Object.defineProperty,z=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var I=(m,t,s)=>t in m?Z(m,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):m[t]=s,h=(m,t)=>{for(var s in t||(t={}))Y.call(t,s)&&I(m,s,t[s]);if(M)for(var s of M(t))Q.call(t,s)&&I(m,s,t[s]);return m},y=(m,t)=>z(m,J(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[632],{"./stories/UICombobox.story.tsx":function(m,t,s){var k=this&&this.__createBinding||(Object.create?function(a,n,l,r){r===void 0&&(r=l);var u=Object.getOwnPropertyDescriptor(n,l);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[l]}}),Object.defineProperty(a,r,u)}:function(a,n,l,r){r===void 0&&(r=l),a[r]=n[l]}),x=this&&this.__setModuleDefault||(Object.create?function(a,n){Object.defineProperty(a,"default",{enumerable:!0,value:n})}:function(a,n){a.default=n}),f=this&&this.__importStar||function(){var a=function(n){return a=Object.getOwnPropertyNames||function(l){var r=[];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(r[r.length]=u);return r},a(n)};return function(n){if(n&&n.__esModule)return n;var l={};if(n!=null)for(var r=a(n),u=0;u<r.length;u++)r[u]!=="default"&&k(l,n,r[u]);return x(l,n),l}}();Object.defineProperty(t,"__esModule",{value:!0}),t.AdditionalCustomSearch=t.SearchIncludeKeys=t.customRender=t.groupsAndSeparators=t.accessibilityStates=t.openMenuOnClick=t.Messages=t.DynamicError=t.MultiSelectSearchHighlight=t.DifferentStates=t.WithLoading=t.WithRefresh=t.WithoutSearch=t.SearchWithoutHighlight=t.SearchHighlight=void 0;const e=f(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/components/UIComboBox/index.tsx"),b=s("./src/components/UICheckbox/index.tsx"),i=s("./test/__mock__/select-data.ts"),B=s("./src/components/index.tsx");t.default={title:"Dropdowns/Combobox"};const S=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}));t.SearchHighlight=S;const U=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300,placeholder:"Search",allowFreeform:!0,autoComplete:"on",openOnKeyboardFocus:!0}));t.SearchWithoutHighlight=U;const D=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,dropdownWidth:300}));t.WithoutSearch=D;const A=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,onRefresh:()=>console.log("refresh trigged!")}),e.default.createElement("small",null,"*watch console"));t.WithRefresh=A;const w=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,isLoading:!0,styles:{optionsContainerWrapper:{width:"262px"}},label:"Default"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List],styles:{optionsContainerWrapper:{width:"262px"}},label:"List"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"Input"}),e.default.createElement(o.UIComboBox,{options:i.data,isLoading:[o.UIComboBoxLoaderType.List,o.UIComboBoxLoaderType.Input],styles:{optionsContainerWrapper:{width:"262px"}},label:"List and Input"}));t.WithLoading=w;const O=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Disabled",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Required",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",required:!0}));t.DifferentStates=O;const v=()=>{const[a,n]=(0,e.useState)([]);function l(r,u,c,C){if(u){const d=[...a,u.key].filter(p=>u.selected?!0:p!==u.key);n(d)}}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,selectedKey:a,onChange:l,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:!0,autoComplete:"on"}))};t.MultiSelectSearchHighlight=v;const W=()=>{const[a,n]=e.default.useState("OK"),l=[{key:"OK",text:"No Error Message"},{key:"ERROR",text:"With Error Message"}];function r(u,c,C,d){c&&n(c.key)}return e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:l,label:"Dynamic Validation Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",selectedKey:a,onChange:r,errorMessage:a==="OK"?void 0:"Error Message"}))};t.DynamicError=W;const K=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",errorMessage:"Dummy Error"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",warningMessage:"Dummy Warning"}),e.default.createElement(o.UIComboBox,{options:i.data,label:"Error",highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",infoMessage:"Dummy Info"}));t.Messages=K;const T=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Open menu on click"}),e.default.createElement(o.UIComboBox,{options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!1,label:"Do not open menu on click"}));t.openMenuOnClick=T;const _=()=>{const[a,n]=e.default.useState(!1),[l,r]=e.default.useState("EE"),u={childrenGap:40},c={options:i.data,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,multiSelect:a,onChange:(C,d)=>{if(Array.isArray(l)){const p=[...l,d==null?void 0:d.key].filter(j=>d!=null&&d.selected?!0:j!==(d==null?void 0:d.key));r(p)}else d&&r(d.key)}};return e.default.createElement("div",null,e.default.createElement(g.Stack,{horizontal:!0,tokens:u},e.default.createElement(b.UICheckbox,{label:"Multi Select",checked:a,onChange:(C,d)=>{d&&!Array.isArray(l)?r([l]):!d&&Array.isArray(l)&&r(l[0]),n(d)}})),e.default.createElement(g.Stack,{horizontal:!0,tokens:u},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(o.UIComboBox,y(h({},c),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{errorMessage:"Dummy error",selectedKey:l})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(o.UIComboBox,y(h({},c),{selectedKey:l,readOnly:!0})))))))};t.accessibilityStates=_;const R=()=>{const a=[...i.groupsData];return a.splice(5,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),a.splice(15,0,{key:"div1",text:"",itemType:o.UISelectableOptionMenuItemType.Divider}),e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with headers"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,label:"Menu items with dividers and headers"}),e.default.createElement(o.UIComboBox,{options:i.groupsData,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with headers - multi select"}),e.default.createElement(o.UIComboBox,{options:a,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",openMenuOnClick:!0,multiSelect:!0,label:"Menu items with dividers and headers - multi select"}))};t.groupsAndSeparators=R;const F=["AR","BR","DK"],L=i.data.map(a=>F.includes(a.key)?y(h({},a),{editable:!0}):a),P=()=>e.default.createElement(o.UIComboBox,{options:L,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",onRenderOption:(a,n)=>{var l;return"editable"in(a!=null?a:{})?e.default.createElement(B.UITextInput,{onMouseDown:r=>{r.target.focus()},onClick:r=>{r.nativeEvent.preventDefault(),r.nativeEvent.stopPropagation(),r.preventDefault(),r.stopPropagation()}}):(l=n==null?void 0:n(a))!=null?l:null},onRenderItem:(a,n)=>{var l;return(l=n==null?void 0:n(a))!=null?l:null}});t.customRender=P;const E=[{key:"test1",text:"test1"},{key:"dummy",text:"dummy"},{key:"customer",text:"customer"},{key:"name",text:"name"},{key:"employee",text:"employee"},{key:"ID",text:"ID"},{key:"tripEndDate",text:"tripEndDate"},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"bookings",text:"bookings",itemType:o.UISelectableOptionMenuItemType.Header},{key:"bookings/airlines",text:"airlines"},{key:"bookings/bookingDate",text:"bookingDate"},{key:"bookings/DateOnBookings",text:"DateOnBookings"},{key:"bookings/employee",text:"employee"},{key:"bookings/flightDate",text:"flightDate"},{key:"bookings/ID",text:"ID"},{key:"bookings/priceUSD",text:"priceUSD"},{key:"bookings/travel_ID",text:"travel_ID"},{key:"bookings/usedString5",text:"usedString5"},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Divider},{key:"notes",text:"notes",itemType:o.UISelectableOptionMenuItemType.Header},{key:"notes/comment",text:"comment"},{key:"notes/description",text:"description"}],H=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",searchByKeyEnabled:!0}),e.default.createElement(o.UIComboBox,{options:E,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",disabled:!0,searchByKeyEnabled:!0}));t.SearchIncludeKeys=H;const G=[...i.data,{key:"A1",text:"Do not hide",customMark:!0},{key:"A2",text:"Always visible",customMark:!0}],N=()=>e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIComboBox,{options:G,highlight:!0,allowFreeform:!0,useComboBoxAsMenuMinWidth:!0,autoComplete:"on",customSearchFilter:(a,n)=>{if("customMark"in n&&n.customMark)return!0}}));t.AdditionalCustomSearch=N},"./test/__mock__/select-data.ts":(m,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.groupsData=t.shortData=t.data=void 0;const k=s("./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:k.UISelectableOptionMenuItemType.Header});const e=x[f];for(const g of e){const o=t.data.find(b=>b.key===g);o&&t.groupsData.push(o)}}}}]);})();

package/storybook/{UICreateSelect-story.d16c6e7f.iframe.bundle.js → UICreateSelect-story.d7fa143c.iframe.bundle.js}

@@ -1,2 +1,2 @@
-(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(u,n,t)=>n in u?H(u,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[n]=t,S=(u,n)=>{for(var t in n||(n={}))J.call(n,t)&&T(u,t,n[t]);if(D)for(var t of D(n))Y.call(n,t)&&T(u,t,n[t]);return u},b=(u,n)=>X(u,V(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}:root{--ui-box-shadow-small: 0 4px 8px 0 var(--vscode-widget-shadow);--ui-box-shadow-medium: 0 6px 12px 0 var(--vscode-widget-shadow);--ui-box-shadow-large: 0 10px 20px 0 var(--vscode-widget-shadow)}.ui-box-shadow-small{box-shadow:var(--ui-box-shadow-small)}.ui-box-shadow-medium{box-shadow:var(--ui-box-shadow-medium)}.ui-box-shadow-large{box-shadow:var(--ui-box-shadow-large)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,d){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var m=0;m<this.length;m++){var E=this[m][0];E!=null&&(l[E]=!0)}for(var c=0;c<a.length;c++){var r=[].concat(a[c]);e&&l[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"./src/components/UILoader/UILoader.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function _(o,e){for(var s={},d=[],l=0;l<o.length;l++){var m=o[l],E=e.base?m[0]+e.base:m[0],c=s[E]||0,r="".concat(E," ").concat(c);s[E]=c+1;var v=t(r),y={css:m[1],media:m[2],sourceMap:m[3],supports:m[4],layer:m[5]};if(v!==-1)n[v].references++,n[v].updater(y);else{var g=a(y,e);e.byIndex=l,n.splice(l,0,{identifier:r,updater:g,references:1})}d.push(r)}return d}function a(o,e){var s=e.domAPI(e);s.update(o);var d=function(m){if(m){if(m.css===o.css&&m.media===o.media&&m.sourceMap===o.sourceMap&&m.supports===o.supports&&m.layer===o.layer)return;s.update(o=m)}else s.remove()};return d}u.exports=function(o,e){e=e||{},o=o||[];var s=_(o,e);return function(l){l=l||[];for(var m=0;m<s.length;m++){var E=s[m],c=t(E);n[c].references--}for(var r=_(l,e),v=0;v<s.length;v++){var y=s[v],g=t(y);n[g].references===0&&(n[g].updater(),n.splice(g,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function _(a,o){var e=t(a);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function n(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,n,t)=>{"use strict";function _(a){var o=t.nc;o&&a.setAttribute("nonce",o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function _(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function n(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=_(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/UILoader/index.tsx"),l=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const m=t("./src/components/UIInput/index.tsx"),E=i=>a.default.createElement(o.components.DropdownIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),c=i=>a.default.createElement(o.components.ClearIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=i=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),v=i=>{var h,p,f,x;return a.default.createElement(a.default.Fragment,null,!((h=i==null?void 0:i.data)!=null&&h.__isNew__)&&a.default.createElement(o.components.Option,S({},i),a.default.createElement(l.UIHighlightMenuOption,{text:(p=i==null?void 0:i.data)==null?void 0:p.label,query:(f=i==null?void 0:i.selectProps)==null?void 0:f.inputValue})),((x=i==null?void 0:i.data)==null?void 0:x.__isNew__)&&a.default.createElement(o.components.Option,S({},i)))},y=i=>{let h="transparent";return i.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},g=i=>{const h=p=>`${i.createText}: ${p}`;return a.default.createElement(e.default,b(S({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:p=>p.label,formatCreateLabel:h,components:{ClearIndicator:c,DropdownIndicator:E,LoadingIndicator:r,Option:v},unstyled:!0,styles:{control:(p,f)=>b(S({},p),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:f.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:m.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(p,f)=>b(S({},p),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(p,f)=>b(S({},p),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:y(f),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:f.isSelected?y(f):"var(--vscode-list-hoverBackground)",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(p,f)=>b(S({},p),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(p,f)=>b(S({},p),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(p,f)=>b(S({},p),{padding:"0px"}),indicatorsContainer:(p,f)=>b(S({},p),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(p,f)=>b(S({},p),{display:"none"}),dropdownIndicator:(p,f)=>b(S({},p),{padding:"0px"}),clearIndicator:(p,f)=>b(S({},p),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=g},"./src/components/UICreateSelect/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=n.UISpinnerSize=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UISpinnerSize",{enumerable:!0,get:function(){return o.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,m=()=>({root:S({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),E=a.default.createElement(o.Spinner,b(S({},this.props),{styles:m}));if(d){const c=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:c},E)}else return E}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(c,r,v,y){y===void 0&&(y=v);var g=Object.getOwnPropertyDescriptor(r,v);(!g||("get"in g?!r.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return r[v]}}),Object.defineProperty(c,y,g)}:function(c,r,v,y){y===void 0&&(y=v),c[y]=r[v]}),a=this&&this.__setModuleDefault||(Object.create?function(c,r){Object.defineProperty(c,"default",{enumerable:!0,value:r})}:function(c,r){c.default=r}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var r={};if(c!=null)for(var v in c)v!=="default"&&Object.prototype.hasOwnProperty.call(c,v)&&_(r,c,v);return a(r,c),r};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UICreateSelect/index.tsx"),l=t("./src/components/UILabel/index.tsx");n.default={title:"Dropdowns/CreateSelect"};const m={childrenGap:40},E=()=>{const c=I=>({label:I,value:I.toLowerCase().replace(/\W/g,"")}),r=[c("One"),c("Two"),c("Three")],[v,y]=(0,e.useState)(!1),[g,i]=(0,e.useState)(r),[h,p]=(0,e.useState)(),[f,x]=(0,e.useState)(),[L,M]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,j]=(0,e.useState)(),[P,U]=(0,e.useState)(),$=e.default.createRef(),R=I=>{const O=c(I);y(!0),p(O),setTimeout(()=>{y(!1),i(C=>[...C,O]),x(O)},1e3)},k=I=>{const O=I;p(O),x(O)},w=(0,e.useRef)(null),K=I=>{const O=c(I);M(!0),j(O),setTimeout(()=>{var C;M(!1),B(N=>[...N,O]),U(O),(C=w.current)==null||C.focus()},1e3)},z=I=>{const O=I;j(O),U(O)},F=I=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:v,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new value",options:g,value:h,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,f==null?void 0:f.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:F,onCreateOption:K,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=E}}]);})();
+(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(c,n,t)=>n in c?H(c,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[n]=t,S=(c,n)=>{for(var t in n||(n={}))J.call(n,t)&&T(c,t,n[t]);if(D)for(var t of D(n))Y.call(n,t)&&T(c,t,n[t]);return c},I=(c,n)=>X(c,V(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(c,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([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.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(c,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([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.96.1/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,d){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var u=0;u<this.length;u++){var E=this[u][0];E!=null&&(l[E]=!0)}for(var m=0;m<a.length;m++){var r=[].concat(a[m]);e&&l[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":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:()=>g});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=t.n(r),p=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),f=t.n(p),i={};for(const x in p)x!=="default"&&(i[x]=()=>p[x]);t.d(n,i);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=m();var v=a()(f(),h);const g=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss":(c,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>g});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=t.n(r),p=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),f=t.n(p),i={};for(const x in p)x!=="default"&&(i[x]=()=>p[x]);t.d(n,i);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=m();var v=a()(f(),h);const g=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/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 _(o,e){for(var s={},d=[],l=0;l<o.length;l++){var u=o[l],E=e.base?u[0]+e.base:u[0],m=s[E]||0,r="".concat(E," ").concat(m);s[E]=m+1;var y=t(r),p={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(y!==-1)n[y].references++,n[y].updater(p);else{var f=a(p,e);e.byIndex=l,n.splice(l,0,{identifier:r,updater:f,references:1})}d.push(r)}return d}function a(o,e){var s=e.domAPI(e);s.update(o);var d=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 d}c.exports=function(o,e){e=e||{},o=o||[];var s=_(o,e);return function(l){l=l||[];for(var u=0;u<s.length;u++){var E=s[u],m=t(E);n[m].references--}for(var r=_(l,e),y=0;y<s.length;y++){var p=s[y],f=t(p);n[f].references===0&&(n[f].updater(),n.splice(f,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/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 _(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=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function n(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}c.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,n,t)=>{"use strict";function _(a){var o=t.nc;o&&a.setAttribute("nonce",o)}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/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 d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function _(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function n(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}c.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(c,n,t){"use strict";var _=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=_(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/UILoader/index.tsx"),l=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const u=t("./src/components/UIInput/index.tsx"),E=i=>a.default.createElement(o.components.DropdownIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),m=i=>a.default.createElement(o.components.ClearIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=i=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),y=i=>{var h,v,g,x;return a.default.createElement(a.default.Fragment,null,!((h=i==null?void 0:i.data)!=null&&h.__isNew__)&&a.default.createElement(o.components.Option,S({},i),a.default.createElement(l.UIHighlightMenuOption,{text:(v=i==null?void 0:i.data)==null?void 0:v.label,query:(g=i==null?void 0:i.selectProps)==null?void 0:g.inputValue})),((x=i==null?void 0:i.data)==null?void 0:x.__isNew__)&&a.default.createElement(o.components.Option,S({},i)))},p=i=>{let h="transparent";return i.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},f=i=>{const h=v=>`${i.createText}: ${v}`;return a.default.createElement(e.default,I(S({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:v=>v.label,formatCreateLabel:h,components:{ClearIndicator:m,DropdownIndicator:E,LoadingIndicator:r,Option:y},unstyled:!0,styles:{control:(v,g)=>I(S({},v),{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:g.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:(v,g)=>I(S({},v),{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:(v,g)=>I(S({},v),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(v,g)=>I(S({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:g.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:p(g),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:g.isSelected?p(g):"var(--vscode-list-hoverBackground)",color:g.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,g)=>I(S({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,g)=>I(S({},v),{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:(v,g)=>I(S({},v),{padding:"0px"}),indicatorsContainer:(v,g)=>I(S({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,g)=>I(S({},v),{display:"none"}),dropdownIndicator:(v,g)=>I(S({},v),{padding:"0px"}),clearIndicator:(v,g)=>I(S({},v),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=f},"./src/components/UICreateSelect/index.tsx":function(c,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(c,n,t){"use strict";var _=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=n.UISpinnerSize=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UISpinnerSize",{enumerable:!0,get:function(){return o.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,u=()=>({root:S({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),E=a.default.createElement(o.Spinner,I(S({},this.props),{styles:u}));if(d){const m=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:m},E)}else return E}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(c,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(c,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(m,r,y,p){p===void 0&&(p=y);var f=Object.getOwnPropertyDescriptor(r,y);(!f||("get"in f?!r.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return r[y]}}),Object.defineProperty(m,p,f)}:function(m,r,y,p){p===void 0&&(p=y),m[p]=r[y]}),a=this&&this.__setModuleDefault||(Object.create?function(m,r){Object.defineProperty(m,"default",{enumerable:!0,value:r})}:function(m,r){m.default=r}),o=this&&this.__importStar||function(){var m=function(r){return m=Object.getOwnPropertyNames||function(y){var p=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(p[p.length]=f);return p},m(r)};return function(r){if(r&&r.__esModule)return r;var y={};if(r!=null)for(var p=m(r),f=0;f<p.length;f++)p[f]!=="default"&&_(y,r,p[f]);return a(y,r),y}}();Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UICreateSelect/index.tsx"),l=t("./src/components/UILabel/index.tsx");n.default={title:"Dropdowns/CreateSelect"};const u={childrenGap:40},E=()=>{const m=b=>({label:b,value:b.toLowerCase().replace(/\W/g,"")}),r=[m("One"),m("Two"),m("Three")],[y,p]=(0,e.useState)(!1),[f,i]=(0,e.useState)(r),[h,v]=(0,e.useState)(),[g,x]=(0,e.useState)(),[L,M]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,j]=(0,e.useState)(),[P,U]=(0,e.useState)(),$=e.default.createRef(),R=b=>{const O=m(b);p(!0),v(O),setTimeout(()=>{p(!1),i(C=>[...C,O]),x(O)},1e3)},k=b=>{const O=b;v(O),x(O)},w=(0,e.useRef)(null),K=b=>{const O=m(b);M(!0),j(O),setTimeout(()=>{var C;M(!1),B(N=>[...N,O]),U(O),(C=w.current)==null||C.focus()},1e3)},z=b=>{const O=b;j(O),U(O)},F=b=>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:u},e.default.createElement(s.Stack,{tokens:u},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:y,isDisabled:!1,isValidNewOption:b=>b.length>0,placeholder:"Search or enter a new value",options:f,value:h,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,g==null?void 0:g.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:b=>b.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,noOptionsMessage:F,onCreateOption:K,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=E}}]);})();

package/storybook/UIDialog-story.5480e26a.iframe.bundle.js

@@ -0,0 +1,2 @@
+"use strict";(()=>{var O=Object.defineProperty,M=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(i,a,o)=>a in i?O(i,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[a]=o,T=(i,a)=>{for(var o in a||(a={}))w.call(a,o)&&S(i,o,a[o]);if(C)for(var o of C(a))P.call(a,o)&&S(i,o,a[o]);return i},A=(i,a)=>M(i,B(a));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[937],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{i.exports=function(a){var o=[];return o.toString=function(){return this.map(function(l){var t="",e=typeof l[5]!="undefined";return l[4]&&(t+="@supports (".concat(l[4],") {")),l[2]&&(t+="@media ".concat(l[2]," {")),e&&(t+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),t+=a(l),e&&(t+="}"),l[2]&&(t+="}"),l[4]&&(t+="}"),t}).join("")},o.i=function(l,t,e,n,y){typeof l=="string"&&(l=[[null,l,void 0]]);var m={};if(e)for(var r=0;r<this.length;r++){var I=this[r][0];I!=null&&(m[I]=!0)}for(var v=0;v<l.length;v++){var u=[].concat(l[v]);e&&m[u[0]]||(typeof y!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=y),t&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=t),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),o.push(u))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{i.exports=function(a){return a[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{var a=[];function o(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function f(t,e){for(var n={},y=[],m=0;m<t.length;m++){var r=t[m],I=e.base?r[0]+e.base:r[0],v=n[I]||0,u="".concat(I," ").concat(v);n[I]=v+1;var g=o(u),E={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(g!==-1)a[g].references++,a[g].updater(E);else{var x=l(E,e);e.byIndex=m,a.splice(m,0,{identifier:u,updater:x,references:1})}y.push(u)}return y}function l(t,e){var n=e.domAPI(e);n.update(t);var y=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 y}i.exports=function(t,e){e=e||{},t=t||[];var n=f(t,e);return function(m){m=m||[];for(var r=0;r<n.length;r++){var I=n[r],v=o(I);a[v].references--}for(var u=f(m,e),g=0;g<n.length;g++){var E=n[g],x=o(E);a[x].references===0&&(a[x].updater(),a.splice(x,1))}n=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{var a={};function o(l){if(typeof a[l]=="undefined"){var t=document.querySelector(l);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[l]=t}return a[l]}function f(l,t){var e=o(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{function a(o){var f=document.createElement("style");return o.setAttributes(f,o.attributes),o.insert(f,o.options),f}i.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,a,o)=>{function f(l){var t=o.nc;t&&l.setAttribute("nonce",t)}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{function a(l,t,e){var n="";e.supports&&(n+="@supports (".concat(e.supports,") {")),e.media&&(n+="@media ".concat(e.media," {"));var y=typeof e.layer!="undefined";y&&(n+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),n+=e.css,y&&(n+="}"),e.media&&(n+="}"),e.supports&&(n+="}");var m=e.sourceMap;m&&typeof btoa!="undefined"&&(n+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(m))))," */")),t.styleTagTransform(n,l,t.options)}function o(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function f(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=l.insertStyleElement(l);return{update:function(n){a(t,l,n)},remove:function(){o(t)}}}i.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{function a(o,f){if(f.styleSheet)f.styleSheet.cssText=o;else{for(;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(document.createTextNode(o))}}i.exports=a},"./stories/UIDialog.story.tsx":function(i,a,o){var f=this&&this.__createBinding||(Object.create?function(d,s,p,c){c===void 0&&(c=p);var h=Object.getOwnPropertyDescriptor(s,p);(!h||("get"in h?!s.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return s[p]}}),Object.defineProperty(d,c,h)}:function(d,s,p,c){c===void 0&&(c=p),d[c]=s[p]}),l=this&&this.__setModuleDefault||(Object.create?function(d,s){Object.defineProperty(d,"default",{enumerable:!0,value:s})}:function(d,s){d.default=s}),t=this&&this.__importStar||function(){var d=function(s){return d=Object.getOwnPropertyNames||function(p){var c=[];for(var h in p)Object.prototype.hasOwnProperty.call(p,h)&&(c[c.length]=h);return c},d(s)};return function(s){if(s&&s.__esModule)return s;var p={};if(s!=null)for(var c=d(s),h=0;h<c.length;h++)c[h]!=="default"&&f(p,s,c[h]);return l(p,s),p}}();Object.defineProperty(a,"__esModule",{value:!0}),a.Dialog=void 0;const e=t(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),y=o("./src/components/UIDialog/index.ts"),m=o("./src/components/UIButton/index.tsx"),r=o("./src/components/UIInput/index.tsx"),I=o("./src/components/UIDropdown/index.tsx"),v=o("./src/components/UIComboBox/index.tsx"),u=o("./src/components/UICheckbox/index.tsx");a.default={title:"Dialogs/Dialogs"};const g={childrenGap:40},E={main:{".ms-TextField-wrapper > .ms-Label":{margin:0}}};class x extends e.default.Component{constructor(){super(...arguments),this.state={isOpen:!1,text:"Some Text"},this.onChange=s=>{this.setState({text:s.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:s}=this.props,p=[{key:"111",text:"Dummy option 111"},{key:"222",text:"Dummy option 222"}],c=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(m.UIDefaultButton,{onClick:this.onToggle,primary:!0},s?"Open Draggable Dialog":"Open Dialog"),e.default.createElement(y.UIDialog,A(T({isOpen:this.state.isOpen,isOpenAnimated:this.props.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel"},c),{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:p}),e.default.createElement(v.UIComboBox,{label:"Dummy",highlight:!0,options:p})))}}const D=d=>{const[s,p]=(0,e.useState)(!1),c=()=>{p(!s)},h=T({},E.main),{size:b}=d;b&&(h.height=b);let U="Open Large Dialog";return b&&(U+=` height=${b}`),e.default.createElement(e.default.Fragment,null,e.default.createElement(m.UIDefaultButton,{onClick:c,primary:!0},U),e.default.createElement(y.UIDialog,{isOpen:s,isOpenAnimated:d.openAnimation,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",styles:{main:h},onAccept:c,onCancel:c,onDismiss:c},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"})))},_=d=>{const[s,p]=(0,e.useState)(!1),c=()=>{p(!s)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(m.UIDefaultButton,{onClick:c,primary:!0},"Open Confirm Dialog"),e.default.createElement(y.UIDialog,{isOpen:s,isOpenAnimated:d.openAnimation,isBlocking:!0,onAccept:c,onCancel:c,onDismiss:c,acceptButtonText:"Yes",cancelButtonText:"No",title:"Delete Confirmation",dialogContentProps:{subText:"Are you sure you want to delete entry? This action cannot be undone."}}))},k=()=>{const[d,s]=(0,e.useState)(!0);return e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Stack,{tokens:g},e.default.createElement(n.Text,{variant:"large",block:!0},"Dialogs"),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(u.UICheckbox,{label:"Open animation enabled",checked:d,onChange:(p,c)=>{s(c)}})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!1,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!1,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(x,{draggable:!0,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{size:400,openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(D,{openAnimation:d})),e.default.createElement(n.Stack,{horizontal:!0,tokens:g},e.default.createElement(_,{openAnimation:d}))))};a.Dialog=k}}]);})();

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

@@ -0,0 +1,74 @@
+"use strict";(()=>{var _e=Object.defineProperty,Ne=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var Ie=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,Pe=Object.prototype.propertyIsEnumerable;var Se=(R,w,m)=>w in R?_e(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))Pe.call(w,m)&&Se(R,m,w[m]);return R},F=(R,w)=>Ne(R,Le(w));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[812],{"./stories/UIFlexibleTable.story.tsx":function(R,w,m){var ye=this&&this.__createBinding||(Object.create?function(s,l,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(l,t);(!r||("get"in r?!l.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return l[t]}}),Object.defineProperty(s,a,r)}:function(s,l,t,a){a===void 0&&(a=t),s[a]=l[t]}),De=this&&this.__setModuleDefault||(Object.create?function(s,l){Object.defineProperty(s,"default",{enumerable:!0,value:l})}:function(s,l){s.default=l}),Ce=this&&this.__importStar||function(){var s=function(l){return s=Object.getOwnPropertyNames||function(t){var a=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[a.length]=r);return a},s(l)};return function(l){if(l&&l.__esModule)return l;var t={};if(l!=null)for(var a=s(l),r=0;r<a.length;r++)a[r]!=="default"&&ye(t,l,a[r]);return De(t,l),t}}();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")),c=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");w.default={title:"Tables/UIFlexibleTable"};const _=["table1","table2"],N=Array.from({length:10}).map((s,l)=>({key:`column${l+1}`,title:l===0?"Beginning Column":`Column ${l+1}`,tooltip:`Tooltip for column #${l+1}`}));N.push({key:"preferred",title:"Preferred",hidden:!0});const Z=s=>{const l={};return N.forEach((t,a)=>{l[t.key]=a<5?`sample_${s}${a}`:"a"}),l},pe=[],ge=(s,l,t)=>s.map((r,f)=>{const x={};N.forEach((h,I)=>{x[h.key]={type:I<5?"input":l&&I===9?"link":"dropdown",value:s[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(s,l,t,a){const r=s.value.value,f=s.colIndex===1&&s.rowIndex===2&&a,x=N[s.colIndex];switch(s.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":a&&s.rowIndex===2&&!f?"not-spanned-cell":void 0,content:e.default.createElement(c.UIDropdown,{options:S,selectedKey:r,disabled:l,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":a&&s.rowIndex===2&&!f?"not-spanned-cell":""],content:e.default.createElement(ve,{value:r,readonly:l,onChange:S=>t(S),title:x.tooltip})};default:return{content:e.default.createElement(c.UILink,{href:"",title:"Tooltip for navigation"},"Link")}}}function ve(s){const[l,t]=(0,e.useState)("");(0,e.useEffect)(()=>{t(s.value)},[s.value]);const a=r=>{t(r)};return e.default.createElement(c.UITextInput,{value:l,readOnly:s.readonly,onChange:(r,f)=>a(f||""),onBlur:()=>{s.value!==l&&setTimeout(()=>{s.onChange(l)},0)},title:s.title})}function he(s){const l=Z(s.length);s.push(l)}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[s,l]=(0,e.useState)(pe),[t,a]=(0,e.useState)([]),[r,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[$,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[M,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[P,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),d=(0,e.useRef)({}),Q=o=>{o.stopPropagation()},E=o=>{l(ge(o,v,H))};(0,e.useEffect)(()=>{for(const o in d.current){const b=d.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));a(o),E(o)},[]);const X=()=>(he(t),a(t),E(t),{scrollToRow:t.length-1}),fe=o=>{t.splice(o.rowIndex,1),a(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);a(D),E(D)}return{isDropDisabled:b}},u=(o,b,D)=>e.default.createElement(c.UICheckbox,{label:o,checked:b,onChange:()=>{D(!b)}}),n=o=>{const b=`cell-${o.rowIndex}-${o.colIndex}`;d.current[b]||(d.current[b]=e.default.createRef());const Re=xe(o,y,Fe=>{t[o.rowIndex][o.colKey]=Fe,a(t),E(t)},j);return F(B({},Re),{content:e.default.createElement("div",{ref:d.current[b]},Re.content)})},i=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(c.UIFlexibleTableRowActionButton,{key:`goto-code-row-${o.rowIndex}`,actionName:"GotoCode",tableId:_[0],iconName:c.UiIcons.CodeSnippet,rowNumber:o.rowIndex,onClick:()=>p(o.rowIndex),title:"Navigation demo"})],we=o=>[e.default.createElement(c.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:_[0],iconName:c.UiIcons.CodeSnippet,onClick:()=>p(100),title:"Navigation demo"})],Be=o=>[e.default.createElement(c.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:r||o.readonly,onClick:()=>{a([]),l([])}},"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",$,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",P,oe),u("Readonly",y,le),u("No row background",M,te),u("Loading data",r,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(c.UIFlexibleTable,{addRowButton:{label:"Add row",title:y?"Disabled due to read only mode":"",onClick:X},columns:N.map((o,b)=>F(B({},o),{className:`table-column column-${O?b:""}${v?"fixed":""}`})),id:_[0],layout:c.UIFlexibleTableLayout.InlineFlex,onRenderCell:n,rows:s,inRowLayoutMinWidth:1e3,onDeleteRow:fe,showColumnTitles:h,showColumnTitlesInCells:$,isContentLoading:r,onTableReorder:x?be:void 0,noRowBackground:M,isAddItemDisabled:C,showIndexColumn:W,readonly:y,onRenderDeleteAction:o=>({isDeleteDisabled:P&&o.rowIndex===0,tooltip:P&&o.rowIndex===0?"Disabled for demo purposes":"Click to delete the row"}),onRenderActions:Y,onRenderRowDataContent:v?i: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[s,l]=(0,e.useState)(pe),[t,a]=(0,e.useState)([]),[r,f]=(0,e.useState)(!1),[x,S]=(0,e.useState)(!0),[h,I]=(0,e.useState)(!0),[A,L]=(0,e.useState)(!1),[$,q]=(0,e.useState)(!1),[U,ee]=(0,e.useState)(!1),[M,te]=(0,e.useState)(!1),[C,ne]=(0,e.useState)(!1),[P,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=>{l(ge(n,y,O))};(0,e.useEffect)(()=>{for(const n in T.current){const i=T.current[n];i.current&&(i.current.removeEventListener("mousedown",K),i.current.addEventListener("mousedown",K))}}),(0,e.useEffect)(()=>{g(t)},[y,O]),(0,e.useEffect)(()=>{const n=Array.from({length:3}).map((i,p)=>Z(p));a(n),g(n)},[]);const ce=()=>(he(t),a(t),g(t),{scrollToRow:t.length-1}),J=n=>{t.splice(n.rowIndex,1),a(t),g(t)},ue=n=>{const i=k&&n.oldIndex===0&&n.newIndex>1;if(!i){const p=(0,me.arrayMove)(t,n.oldIndex,n.newIndex);a(p),g(p)}return{isDropDisabled:i}},d=(n,i,p)=>e.default.createElement(c.UICheckbox,{label:n,checked:i,onChange:()=>{p(!i)}}),Q=n=>{const i=`cell-${n.rowIndex}-${n.colIndex}`;T.current[i]||(T.current[i]=e.default.createRef());const Y=xe(n,C,we=>{t[n.rowIndex][n.colKey]=we,a(t),g(t)},v);return F(B({},Y),{content:e.default.createElement("div",{ref:T.current[i]},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(i=>{setTimeout(()=>i(!0),2e3)}).then(()=>{z(-1)})},fe=n=>[e.default.createElement(c.UIToggle,{key:"1",label:"Preferred",checked:n.cells.preferred.value==="1",onChange:(i,p)=>{t[n.rowIndex].preferred=p?"1":"0",a(t),g(t)},inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,size:c.UIToggleSize.Small,disabled:C}),e.default.createElement(c.UIFlexibleTableRowActionButton,{key:`goto-code-row-${n.rowIndex}`,actionName:"GotoCode",tableId:_[1],iconName:c.UiIcons.CodeSnippet,rowNumber:n.rowIndex,onClick:()=>X(n.rowIndex),title:"Navigation demo"})],be=n=>[e.default.createElement(c.UIFlexibleTableActionButton,{key:"goto-code-row-0",actionName:"GotoCode",tableId:_[0],iconName:c.UiIcons.CodeSnippet,onClick:()=>X(100),title:"Navigation demo"})],u=n=>[e.default.createElement(c.UIDefaultButton,{key:"1",iconProps:{iconName:"Delete"},className:"flexible-table-btn-clear",disabled:r||n.readonly,onClick:()=>{a([]),l([])}},"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"}},d("Compact size",A,L),d("Show titles",h,I),d("Show Index",P,oe),d("Show custom content",y,le),d("Span cells",v,se),d("Reorder enabled",x,S),d("Reorder restrictions",k,ie),d("Disable Adding",U,ee),d("Disable Deletion",M,te),d("Readonly",C,ne),d("No row background",$,q),d("Loading data",r,f),d("Column highlight",W,ae),d("Lock vertically",j,re),d("Reverse background",H,G),d("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(c.UIFlexibleTable,{addRowButton:{label:"Add row",title:C?"Disabled due to read only mode":"",onClick:ce},columns:N.map((n,i)=>F(B({},n),{className:`table-column column-${W?i:""}`})),id:_[1],layout:c.UIFlexibleTableLayout.Wrapping,onRenderCell:Q,rows:s,onDeleteRow:J,showColumnTitles:h,isContentLoading:r,onTableReorder:x?ue:void 0,noRowBackground:$,isAddItemDisabled:U,showIndexColumn:P,readonly:C,onRenderDeleteAction:n=>({isDeleteDisabled:M&&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((i,p)=>F(B({},i),{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}}]);})();

package/storybook/UILabel-story.03611118.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var b=Object.defineProperty,m=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var f=(r,e,t)=>e in r?b(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,d=(r,e)=>{for(var t in e||(e={}))y.call(e,t)&&f(r,t,e[t]);if(_)for(var t of _(e))L.call(e,t)&&f(r,t,e[t]);return r},p=(r,e)=>m(r,I(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx":function(r,e,t){var u=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class o extends c.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:s.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(l.Label,p(d({},this.props),{styles:a}))}}e.UILabel=o},"./src/components/UILabel/index.tsx":function(r,e,t){var u=this&&this.__createBinding||(Object.create?function(l,s,o,n){n===void 0&&(n=o);var a=Object.getOwnPropertyDescriptor(s,o);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(l,n,a)}:function(l,s,o,n){n===void 0&&(n=o),l[n]=s[o]}),c=this&&this.__exportStar||function(l,s){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&u(s,l,o)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(r,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx":function(r,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const o={childrenGap:40},n=()=>c.default.createElement(l.Stack,{tokens:o,style:{width:300}},c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(s.UILabel,null,"Just a label")),c.default.createElement(l.Stack,{tokens:{childrenGap:16}},c.default.createElement(l.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(s.UILabel,{required:!0},"Just a label")));e.defaultUsage=n}}]);})();

package/storybook/{UILink-story.4c037a1e.iframe.bundle.js → UILink-story.631e7119.iframe.bundle.js}

@@ -1,2 +1,2 @@
-(()=>{var O=Object.defineProperty,C=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))j.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,k(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var l=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(l);o.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var c=[].concat(_[m]);s&&r[c[0]]||(typeof a!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),o&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=o),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),e.push(c))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(l),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=e.n(c),f=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),y=e.n(f),b={};for(const h in f)h!=="default"&&(b[h]=()=>f[h]);e.d(n,b);var v={};v.styleTagTransform=p(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(y(),v);const I=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function l(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,c="".concat(u," ").concat(m);t[u]=m+1;var p=e(c),f={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(p!==-1)n[p].references++,n[p].updater(f);else{var y=_(f,s);s.byIndex=r,n.splice(r,0,{identifier:c,updater:y,references:1})}a.push(c)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=l(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var c=l(r,s),p=0;p<t.length;p++){var f=t[p],y=e(f);n[y].references===0&&(n[y].updater(),n.splice(y,1))}t=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function l(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var l=document.createElement("style");return e.setAttributes(l,e.attributes),e.insert(l,e.options),l}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function l(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function l(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,l){if(l.styleSheet)l.styleSheet.cssText=e;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[o.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,c=()=>({root:{color:m.color,fontFamily:"var(--vscode-font-family)",textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:c}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var l=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=l(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,c=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:c}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&l(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const l=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},l("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),l("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),l("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var l=this&&this.__createBinding||(Object.create?function(m,c,p,f){f===void 0&&(f=p);var y=Object.getOwnPropertyDescriptor(c,p);(!y||("get"in y?!c.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return c[p]}}),Object.defineProperty(m,f,y)}:function(m,c,p,f){f===void 0&&(f=p),m[f]=c[p]}),_=this&&this.__setModuleDefault||(Object.create?function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}:function(m,c){m.default=c}),o=this&&this.__importStar||function(m){if(m&&m.__esModule)return m;var c={};if(m!=null)for(var p in m)p!=="default"&&Object.prototype.hasOwnProperty.call(m,p)&&l(c,m,p);return _(c,m),c};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,c]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(p,f)=>{c(!!f)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();
+(()=>{var O=Object.defineProperty,C=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var S=(i,n,e)=>n in i?O(i,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[n]=e,g=(i,n)=>{for(var e in n||(n={}))k.call(n,e)&&S(i,e,n[e]);if(M)for(var e of M(n))x.call(n,e)&&S(i,e,n[e]);return i},E=(i,n)=>C(i,j(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[57],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{var c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(c);o.push([i.id,".ts-icon{fill:var(--vscode-foreground)}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{var c=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=_(c);o.push([i.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),i.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":i=>{"use strict";i.exports=function(n){var e=[];return e.toString=function(){return this.map(function(_){var o="",s=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),s&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=n(_),s&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},e.i=function(_,o,s,t,a){typeof _=="string"&&(_=[[null,_,void 0]]);var r={};if(s)for(var d=0;d<this.length;d++){var u=this[d][0];u!=null&&(r[u]=!0)}for(var m=0;m<_.length;m++){var l=[].concat(_[m]);s&&r[l[0]]||(typeof a!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=a),o&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=o),t&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=t):l[4]="".concat(t)),e.push(l))}},e}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":i=>{"use strict";i.exports=function(n){return n[1]}},"./src/components/UIIcon/UIIcon.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(c),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(l),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),f=e.n(p),b={};for(const h in p)h!=="default"&&(b[h]=()=>p[h]);e.d(n,b);var v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(f(),v);const I=f()&&f().locals?f().locals:void 0},"./src/helper/ValidationMessage/MessageWrapper.scss":(i,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>I});var c=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=e.n(c),o=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=e.n(o),t=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=e.n(t),r=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=e.n(r),u=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),m=e.n(u),l=e("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=e.n(l),p=e("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),f=e.n(p),b={};for(const h in p)h!=="default"&&(b[h]=()=>p[h]);e.d(n,b);var v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();var P=_()(f(),v);const I=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":i=>{"use strict";var n=[];function e(o){for(var s=-1,t=0;t<n.length;t++)if(n[t].identifier===o){s=t;break}return s}function c(o,s){for(var t={},a=[],r=0;r<o.length;r++){var d=o[r],u=s.base?d[0]+s.base:d[0],m=t[u]||0,l="".concat(u," ").concat(m);t[u]=m+1;var y=e(l),p={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(y!==-1)n[y].references++,n[y].updater(p);else{var f=_(p,s);s.byIndex=r,n.splice(r,0,{identifier:l,updater:f,references:1})}a.push(l)}return a}function _(o,s){var t=s.domAPI(s);t.update(o);var a=function(d){if(d){if(d.css===o.css&&d.media===o.media&&d.sourceMap===o.sourceMap&&d.supports===o.supports&&d.layer===o.layer)return;t.update(o=d)}else t.remove()};return a}i.exports=function(o,s){s=s||{},o=o||[];var t=c(o,s);return function(r){r=r||[];for(var d=0;d<t.length;d++){var u=t[d],m=e(u);n[m].references--}for(var l=c(r,s),y=0;y<t.length;y++){var p=t[y],f=e(p);n[f].references===0&&(n[f].updater(),n.splice(f,1))}t=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":i=>{"use strict";var n={};function e(_){if(typeof n[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(s){o=null}n[_]=o}return n[_]}function c(_,o){var s=e(_);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(o)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":i=>{"use strict";function n(e){var c=document.createElement("style");return e.setAttributes(c,e.attributes),e.insert(c,e.options),c}i.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(i,n,e)=>{"use strict";function c(_){var o=e.nc;o&&_.setAttribute("nonce",o)}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":i=>{"use strict";function n(_,o,s){var t="";s.supports&&(t+="@supports (".concat(s.supports,") {")),s.media&&(t+="@media ".concat(s.media," {"));var a=typeof s.layer!="undefined";a&&(t+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),t+=s.css,a&&(t+="}"),s.media&&(t+="}"),s.supports&&(t+="}");var r=s.sourceMap;r&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),o.styleTagTransform(t,_,o.options)}function e(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function c(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(t){n(o,_,t)},remove:function(){e(o)}}}i.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":i=>{"use strict";function n(e,c){if(c.styleSheet)c.styleSheet.cssText=e;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(e))}}i.exports=n},"./src/components/UICheckbox/UICheckbox.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICheckbox=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=e("./src/helper/ValidationMessage/index.tsx");class t extends _.default.Component{constructor(r){super(r),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(d,u)=>({root:[!u.disabled&&[!u.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[o.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[o.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[o.HighContrastSelector]:{color:u.disabled?"GrayText":"WindowText"}}}],u.checked&&!u.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:u.disabled?"":"var(--vscode-checkbox-background)",borderColor:u.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[o.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},d.message&&{marginBottom:2}],input:{[`.${o.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[o.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:u.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:u.disabled?.4:void 0}})}render(){const r=(0,s.getMessageInfo)(this.props),d=_.default.createElement(o.Checkbox,E(g({},this.props),{styles:u=>g(g({},this.setStyle(r,u)),this.props.styles)}));return r.message?_.default.createElement(s.MessageWrapper,{message:r},d):d}}n.UICheckbox=t},"./src/components/UICheckbox/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UICheckbox/UICheckbox.tsx"),n)},"./src/components/UIIcon/UIIcon.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIIcon=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");e("./src/components/UIIcon/UIIcon.scss");class s extends _.default.Component{constructor(a){super(a),this.setStyle=()=>({})}render(){const a=this.props.className?` ${this.props.className}`:"";return _.default.createElement(o.Icon,E(g({},this.props),{className:`ts-icon${a}`,styles:this.setStyle()}))}}n.UIIcon=s},"./src/components/UIIcon/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UIIcon/UIIcon.tsx"),n)},"./src/components/UILink/UILink.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILink=void 0;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class t extends _.default.Component{constructor(r){super(r)}render(){const{secondary:r,underline:d,disabled:u}=this.props,m=r?s.secondary:s.primary,l=()=>({root:{color:m.color,textDecoration:d===!1?void 0:"underline",selectors:u?void 0:{"&:hover, &:hover:focus, &:hover:active":{color:m.hoverColor,textDecoration:d===!1?"underline":"none"},"&:active, &:focus":{color:m.hoverColor,textDecoration:d===!1?"underline":"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}},opacity:u?.4:void 0}});return _.default.createElement(o.Link,E(g({},this.props),{styles:l}))}}n.UILink=t},"./src/components/UILink/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/components/UILink/UILink.tsx"),n)},"./src/helper/ValidationMessage/MessageWrapper.tsx":function(i,n,e){"use strict";var c=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(n,"__esModule",{value:!0}),n.MESSAGE_ICONS_MAP=void 0,n.MessageWrapper=a;const _=c(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=e("./src/helper/ValidationMessage/utils.ts"),s=e("./src/components/Icons.tsx"),t=e("./src/components/UIIcon/index.tsx");e("./src/helper/ValidationMessage/MessageWrapper.scss"),n.MESSAGE_ICONS_MAP=new Map([[void 0,s.UiIcons.Error],[o.ErrorMessageType.Error,s.UiIcons.Error],[o.ErrorMessageType.Warning,s.UiIcons.Warning],[o.ErrorMessageType.Info,s.UiIcons.Info]]);function a(r){const{children:d,message:u}=r,m=u.message?o.MESSAGE_TYPES_CLASSNAME_MAP.get(u.type):void 0,l=n.MESSAGE_ICONS_MAP.get(u.type);return _.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${m}`},_.default.createElement("div",{className:"ts-message-target"},d),_.default.createElement("div",{className:"ts-message-body"},_.default.createElement(t.UIIcon,{iconName:l}),_.default.createElement("span",null,u.message)))}},"./src/helper/ValidationMessage/index.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(o,s,t,a){a===void 0&&(a=t);var r=Object.getOwnPropertyDescriptor(s,t);(!r||("get"in r?!s.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(o,a,r)}:function(o,s,t,a){a===void 0&&(a=t),o[a]=s[t]}),_=this&&this.__exportStar||function(o,s){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,o,t)};Object.defineProperty(n,"__esModule",{value:!0}),_(e("./src/helper/ValidationMessage/MessageWrapper.tsx"),n),_(e("./src/helper/ValidationMessage/utils.ts"),n)},"./src/helper/ValidationMessage/utils.ts":(i,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getMessageInfo=n.MESSAGE_TYPES_CLASSNAME_MAP=n.ErrorMessageType=void 0;var e;(function(r){r.Error="Error",r.Warning="Warning",r.Info="Info"})(e||(n.ErrorMessageType=e={}));const c=(r,d)=>{const u=`1px solid ${d}`;return{backgroundColor:r,borderLeft:u,borderRight:u,borderBottom:u,borderColor:d}},_={error:E(g({color:"var(--vscode-input-foreground)"},c("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};_.warning=g(g({},_.error),c("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),_.info=g(g({},_.error),c("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),n.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[e.Error,"error"],[e.Warning,"warning"],[e.Info,"info"]]);const o=r=>{let d;switch(r){case e.Warning:{d=_.warning;break}case e.Info:{d=_.info;break}default:{d=_.error;break}}return d},s=r=>{if(r){if(r.errorMessage)return e.Error;if(r.warningMessage)return e.Warning;if(r.infoMessage)return e.Info}return e.Error},t=r=>{const d=["errorMessage","warningMessage","infoMessage"];for(const u of d)if(r!=null&&r[u])return r[u]},a=r=>{const d=s(r);return{type:d,style:o(d),message:t(r)}};n.getMessageInfo=a},"./stories/UILink.story.tsx":function(i,n,e){"use strict";var c=this&&this.__createBinding||(Object.create?function(m,l,y,p){p===void 0&&(p=y);var f=Object.getOwnPropertyDescriptor(l,y);(!f||("get"in f?!l.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return l[y]}}),Object.defineProperty(m,p,f)}:function(m,l,y,p){p===void 0&&(p=y),m[p]=l[y]}),_=this&&this.__setModuleDefault||(Object.create?function(m,l){Object.defineProperty(m,"default",{enumerable:!0,value:l})}:function(m,l){m.default=l}),o=this&&this.__importStar||function(){var m=function(l){return m=Object.getOwnPropertyNames||function(y){var p=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(p[p.length]=f);return p},m(l)};return function(l){if(l&&l.__esModule)return l;var y={};if(l!=null)for(var p=m(l),f=0;f<p.length;f++)p[f]!=="default"&&c(y,l,p[f]);return _(y,l),y}}();Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const s=o(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),a=e("./src/components/UILink/index.tsx"),r=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Link"};const d={childrenGap:40},u=()=>{const[m,l]=(0,s.useState)(!1);return s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(r.UICheckbox,{label:"Disabled",checked:m,onChange:(y,p)=>{l(!!p)}}))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink with no underline"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{underline:!1,href:"JavaScript:void(0)",disabled:m},"I am a link"))),s.default.createElement(t.Stack,{tokens:d},s.default.createElement(t.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(t.Stack,{horizontal:!0,tokens:d},s.default.createElement(a.UILink,{secondary:!0,href:"JavaScript:void(0)",disabled:m},"I am a secondary link"))))};n.defaultUsage=u}}]);})();

package/storybook/UILoader-story.f02eeff6.iframe.bundle.js

@@ -0,0 +1,6 @@
+(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[660],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(m,n,s)=>{var d=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),a=l(d);a.push([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=a},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(n){var s=[];return s.toString=function(){return this.map(function(l){var a="",e=typeof l[5]!="undefined";return l[4]&&(a+="@supports (".concat(l[4],") {")),l[2]&&(a+="@media ".concat(l[2]," {")),e&&(a+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),a+=n(l),e&&(a+="}"),l[2]&&(a+="}"),l[4]&&(a+="}"),a}).join("")},s.i=function(l,a,e,t,u){typeof l=="string"&&(l=[[null,l,void 0]]);var c={};if(e)for(var _=0;_<this.length;_++){var i=this[_][0];i!=null&&(c[i]=!0)}for(var v=0;v<l.length;v++){var o=[].concat(l[v]);e&&c[o[0]]||(typeof u!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=u),a&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=a),t&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=t):o[4]="".concat(t)),s.push(o))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(n){return n[1]}},"./src/styles/_shadows.scss":(m,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>f});var d=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(d),a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=s.n(a),t=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=s.n(t),c=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=s.n(c),i=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=s.n(i),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=s.n(o),D=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),h=s.n(D),y={};for(const p in D)p!=="default"&&(y[p]=()=>D[p]);s.d(n,y);var r={};r.styleTagTransform=S(),r.setAttributes=_(),r.insert=u().bind(null,"head"),r.domAPI=e(),r.insertStyleElement=v();var E=l()(h(),r);const f=h()&&h().locals?h().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var n=[];function s(a){for(var e=-1,t=0;t<n.length;t++)if(n[t].identifier===a){e=t;break}return e}function d(a,e){for(var t={},u=[],c=0;c<a.length;c++){var _=a[c],i=e.base?_[0]+e.base:_[0],v=t[i]||0,o="".concat(i," ").concat(v);t[i]=v+1;var S=s(o),D={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(S!==-1)n[S].references++,n[S].updater(D);else{var h=l(D,e);e.byIndex=c,n.splice(c,0,{identifier:o,updater:h,references:1})}u.push(o)}return u}function l(a,e){var t=e.domAPI(e);t.update(a);var u=function(_){if(_){if(_.css===a.css&&_.media===a.media&&_.sourceMap===a.sourceMap&&_.supports===a.supports&&_.layer===a.layer)return;t.update(a=_)}else t.remove()};return u}m.exports=function(a,e){e=e||{},a=a||[];var t=d(a,e);return function(c){c=c||[];for(var _=0;_<t.length;_++){var i=t[_],v=s(i);n[v].references--}for(var o=d(c,e),S=0;S<t.length;S++){var D=t[S],h=s(D);n[h].references===0&&(n[h].updater(),n.splice(h,1))}t=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var n={};function s(l){if(typeof n[l]=="undefined"){var a=document.querySelector(l);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}n[l]=a}return n[l]}function d(l,a){var e=s(l);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(a)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function n(s){var d=document.createElement("style");return s.setAttributes(d,s.attributes),s.insert(d,s.options),d}m.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,n,s)=>{"use strict";function d(l){var a=s.nc;a&&l.setAttribute("nonce",a)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function n(l,a,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 c=e.sourceMap;c&&typeof btoa!="undefined"&&(t+=`
+/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(c))))," */")),a.styleTagTransform(t,l,a.options)}function s(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function d(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var a=l.insertStyleElement(l);return{update:function(t){n(a,l,t)},remove:function(){s(a)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function n(s,d){if(d.styleSheet)d.styleSheet.cssText=s;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(s))}}m.exports=n},"./stories/UILoader.story.tsx":function(m,n,s){"use strict";var d=this&&this.__createBinding||(Object.create?function(y,r,E,f){f===void 0&&(f=E);var p=Object.getOwnPropertyDescriptor(r,E);(!p||("get"in p?!r.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return r[E]}}),Object.defineProperty(y,f,p)}:function(y,r,E,f){f===void 0&&(f=E),y[f]=r[E]}),l=this&&this.__setModuleDefault||(Object.create?function(y,r){Object.defineProperty(y,"default",{enumerable:!0,value:r})}:function(y,r){y.default=r}),a=this&&this.__importStar||function(){var y=function(r){return y=Object.getOwnPropertyNames||function(E){var f=[];for(var p in E)Object.prototype.hasOwnProperty.call(E,p)&&(f[f.length]=p);return f},y(r)};return function(r){if(r&&r.__esModule)return r;var E={};if(r!=null)for(var f=y(r),p=0;p<f.length;p++)f[p]!=="default"&&d(E,r,f[p]);return l(E,r),E}}();Object.defineProperty(n,"__esModule",{value:!0}),n.Dialogs=n.Delayed=n.Loaders=void 0;const e=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=s("./src/components/UILoader/index.tsx"),c=s("./src/components/UIButton/index.tsx"),_=s("./src/components/UIDialog/index.ts");n.default={title:"Progress/Loader"};const i={childrenGap:40},v=()=>e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,null))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:i,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:i,style:{position:"relative",height:"75px"}},e.default.createElement(t.Text,null,"Loader - block DOM with text..."),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:i},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(u.UILoader,{className:"uiLoaderXLarge"}))));n.Loaders=v;const o=()=>{const[y,r]=(0,e.useState)(!1);return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",null,e.default.createElement("div",{style:{position:"relative",height:"100px",width:"300px",textAlign:"center"}},e.default.createElement(t.Text,null,"Loader - delayed"),y&&e.default.createElement(u.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(c.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{r(!y)}}))))};n.Delayed=o;const S=`
+    .popup--busy .ms-Dialog-content {
+        position: static;
+    }
+`,D=y=>{const{delayed:r,text:E}=y,[f,p]=(0,e.useState)(!1),[T,I]=(0,e.useState)(!1),g=()=>{p(!f)},b=()=>{I(!0),setTimeout(()=>{I(!1),g()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(c.UIDefaultButton,{onClick:g,primary:!0},E),e.default.createElement(_.UIDialog,{isOpen:f,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:g,onCancel:g,onDismiss:g,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(c.UIDefaultButton,{onClick:b},"Accept"))},e.default.createElement("div",null,"Dummy"),T&&e.default.createElement(u.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:r})))},h=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,S),e.default.createElement("div",null,e.default.createElement(D,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(D,{delayed:!0,text:"Open Dialog with delayed loader"})));n.Dialogs=h}}]);})();

package/storybook/UISearchBox-story.a1355d42.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,a)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[t]=a,p=(s,t)=>{for(var a in t||(t={}))P.call(t,a)&&_(s,a,t[a]);if(h)for(var a of h(t))I.call(t,a)&&_(s,a,t[a]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx":function(s,t,a){var m=this&&this.__createBinding||(Object.create?function(o,e,c,n){n===void 0&&(n=c);var r=Object.getOwnPropertyDescriptor(e,c);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,r)}:function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]}),b=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),v=this&&this.__importStar||function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var r in c)Object.prototype.hasOwnProperty.call(c,r)&&(n[n.length]=r);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),r=0;r<n.length;r++)n[r]!=="default"&&m(c,e,n[r]);return b(c,e),c}}();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),S=a("./src/components/UISearchBox/index.tsx"),y=a("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},r=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{r("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();

package/storybook/UISections-story.41e96508.iframe.bundle.js

@@ -0,0 +1,19 @@
+"use strict";(()=>{var F=Object.defineProperty,K=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var w=(m,t,a)=>t in m?F(m,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):m[t]=a,C=(m,t)=>{for(var a in t||(t={}))W.call(t,a)&&w(m,a,t[a]);if(q)for(var a of q(t))G.call(t,a)&&w(m,a,t[a]);return m},_=(m,t)=>K(m,Z(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"./src/index.tsx":function(m,t,a){var T=this&&this.__createBinding||(Object.create?function(e,o,s,f){f===void 0&&(f=s);var h=Object.getOwnPropertyDescriptor(o,s);(!h||("get"in h?!o.__esModule:h.writable||h.configurable))&&(h={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(e,f,h)}:function(e,o,s,f){f===void 0&&(f=s),e[f]=o[s]}),S=this&&this.__exportStar||function(e,o){for(var s in e)s!=="default"&&!Object.prototype.hasOwnProperty.call(o,s)&&T(o,e,s)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,S(a("./src/components/index.tsx"),t),S(a("./src/utilities/index.ts"),t),S(a("./src/theme/index.ts"),t);var U=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return U.setIconOptions}})},"./stories/UISections.story.tsx":function(m,t,a){var T=this&&this.__createBinding||(Object.create?function(l,n,d,i){i===void 0&&(i=d);var r=Object.getOwnPropertyDescriptor(n,d);(!r||("get"in r?!n.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return n[d]}}),Object.defineProperty(l,i,r)}:function(l,n,d,i){i===void 0&&(i=d),l[i]=n[d]}),S=this&&this.__setModuleDefault||(Object.create?function(l,n){Object.defineProperty(l,"default",{enumerable:!0,value:n})}:function(l,n){l.default=n}),U=this&&this.__importStar||function(){var l=function(n){return l=Object.getOwnPropertyNames||function(d){var i=[];for(var r in d)Object.prototype.hasOwnProperty.call(d,r)&&(i[i.length]=r);return i},l(n)};return function(n){if(n&&n.__esModule)return n;var d={};if(n!=null)for(var i=l(n),r=0;r<i.length;r++)i[r]!=="default"&&T(d,n,i[r]);return S(d,n),d}}();Object.defineProperty(t,"__esModule",{value:!0}),t.VerticalSectionsThreeRows=t.HorizontalSectionsThreeColumns=t.VerticalSections=t.HorizontalSections=void 0;const e=U(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("./src/components/UISection/index.tsx"),s=a("./src/components/UIToggle/index.tsx"),f=a("./src/components/UIDropdown/index.tsx"),h=a("./src/components/UIButton/index.tsx"),A=a("./src/index.tsx");t.default={title:"Utilities/Splitter"};const V=`
+    .componentOptions {
+        display: flex;
+    }
+    .componentOptions > div {
+        min-width: 100px;
+        margin-right: 10px;
+    }
+    #storybook-root {
+        height: 100%;
+    }
+    .componentOptions .ms-TextField .ms-Label {
+        margin-top: 0;
+    }
+`,g=`Lorem ipsum dolor sit amet, modo iriure prompta eos in, eos ex meis ponderum, veniam cetero imperdiet ex mel. Munere recteque nam ut, ipsum aeterno est ex. Duo porro nulla ea, ut iudicabit scriptorem sed. Eos senserit imperdiet consequuntur in.
+Zril corpora ad per, id pri alia duis erant, elitr signiferumque eu duo. Offendit sententiae no vel, eos ad augue tibique definitionem, per ad aliquid graecis molestiae. No vero singulis sensibus nec, viris congue omnium an cum, eum cu veri maiorum suscipiantur. Ne comprehensam concludaturque nec. Eripuit deterruisset ei cum, cum elit debet sapientem ei.
+At mollis integre inciderint usu. Eu eam inani affert populo, modus idque salutandi no ius. Ad qui nostro voluptua gloriatur. Novum gloriatur persequeris eu vel, vim te nominavi abhorreant expetendis. His assum possit officiis ut, et est affert nominati aliquando, nam ne omnes doming graecis. Pri ex tota idque appareat, fugit oporteat urbanitas eu pro.
+Unum maluisset signiferumque has et, at persius intellegebat qui. Zril dolorum dignissim no ius, duo nostrud conceptam voluptatibus ut. Eam no noster fabellas, in meis tamquam expetendis pri. Id mel veri torquatos. Ridens facilisi constituto mei an, eos cu iriure facilis intellegam, cu magna graeci denique sea.
+Unum consectetuer et pro, at ignota evertitur mei. Wisi meis officiis sed ne, ea errem veritus dissentiunt quo. Eum et meis persequeris eloquentiam, mei et platonem complectitur. Vidisse legendos tincidunt id quo, id inermis facilis deleniti ius.`,E=l=>l.map(n=>({key:n,text:n}));function y(l){var D;const[n,d]=(0,e.useState)(l.threeSections?200:400),[i,r]=(0,e.useState)({vertical:l.vertical,splitterType:o.UISplitterType.Resize,splitter:!0,splitterTabIndex:0,minSectionSize:l.threeSections?[100,100,100]:[300,300],animation:!0,splitterLayoutType:o.UISplitterLayoutType.Standard,sizesAsPercents:!1,sizes:l.threeSections?[n,void 0,200]:[n,void 0]}),[v,P]=(0,e.useState)(!0),[b,x]=(0,e.useState)(!0),I=(p,u)=>{r(_(C({},i),{[p]:u}))},R=(p,u)=>{I(p.currentTarget.id,u)},j=(p,u)=>{let c=i.animation;c===!0&&!u?(c=[!0,!0],c[p]=!1):!c&&u?(c=[!1,!1],c[p]=!0):c=u,I("animation",c)},O=(p,u,c,L)=>{I(p,c==null?void 0:c.key)},z=[e.default.createElement(o.UISections.Section,{key:"first",height:"100%",cleanPadding:!0,hidden:!v,"data-test":"test"},e.default.createElement("div",null,g,g,g))];return l.threeSections&&z.push(e.default.createElement(o.UISections.Section,{key:"second",height:"100%",cleanPadding:!0},e.default.createElement("div",null,g,g,g))),z.push(e.default.createElement(o.UISections.Section,{key:"last",height:"100%",cleanPadding:!0,hidden:!b},e.default.createElement("div",null,g,g,g))),e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,V),e.default.createElement("div",{style:{height:"100%",display:"flex",flexDirection:"column"}},e.default.createElement("div",{className:"componentOptions"},e.default.createElement(s.UIToggle,{id:"splitter",label:"splitter",checked:i.splitter,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:R}),e.default.createElement(f.UIDropdown,{id:"splitterType",label:"splitterType",selectedKey:i.splitterType,options:E([o.UISplitterType.Resize,o.UISplitterType.Toggle]),onChange:O.bind(this,"splitterType")}),e.default.createElement(f.UIDropdown,{id:"splitterTabIndex",label:"splitterTabIndex",selectedKey:(D=i.splitterTabIndex)==null?void 0:D.toString(),options:E(["-1","0"]),onChange:O.bind(this,"splitterTabIndex")}),e.default.createElement(f.UIDropdown,{id:"splitterLayoutType",label:"splitterLayoutType",selectedKey:i.splitterLayoutType,options:E([o.UISplitterLayoutType.Compact,o.UISplitterLayoutType.Standard]),onChange:O.bind(this,"splitterLayoutType")}),e.default.createElement(A.UITextInput,{label:"First section size",value:n,onChange:(p,u)=>{const c=parseFloat(u!=null?u:"");if(!isNaN(c)){d(c);const L=[...i.sizes];L[0]=c,I("sizes",L)}}}),e.default.createElement("div",null,e.default.createElement(s.UIToggle,{id:"animation1",label:"Animate left section",checked:Array.isArray(i.animation)?i.animation[0]:i.animation,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:(p,u)=>j(0,u)}),e.default.createElement(s.UIToggle,{id:"animation1",label:"Animate right section",checked:Array.isArray(i.animation)?i.animation[1]:i.animation,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:(p,u)=>j(1,u)})),e.default.createElement("div",null,e.default.createElement(s.UIToggle,{id:"sectionVisible",label:"toggle left section",checked:v,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:()=>{P(!v)}}),e.default.createElement(s.UIToggle,{id:"sectionVisible",label:"toggle right section",checked:b,inlineLabel:!0,inlineLabelLeft:!0,size:s.UIToggleSize.Small,onChange:()=>{x(!b)}})),e.default.createElement("div",null,e.default.createElement(h.UIDefaultButton,{text:"Toggle sections",onClick:()=>{P(!v),x(!b)}}))),e.default.createElement("div",{style:{height:"100%"}},e.default.createElement(o.UISections,_(C({},i),{height:"100%",onClose:()=>{x(!b)}}),z))))}const M=()=>e.default.createElement(y,{vertical:!1});t.HorizontalSections=M;const B=()=>e.default.createElement(y,{vertical:!0});t.VerticalSections=B;const H=()=>e.default.createElement(y,{vertical:!1,threeSections:!0});t.HorizontalSectionsThreeColumns=H;const N=()=>e.default.createElement(y,{vertical:!0,threeSections:!0});t.VerticalSectionsThreeRows=N}}]);})();

package/storybook/UITable-story.a2fedc85.iframe.bundle.js

@@ -0,0 +1,4 @@
+"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[967],{"./stories/UITable.story.tsx":function(v,l,u){var m=this&&this.__createBinding||(Object.create?function(t,e,n,a){a===void 0&&(a=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,a,i)}:function(t,e,n,a){a===void 0&&(a=n),t[a]=e[n]}),r=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),d=this&&this.__importStar||function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var a=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&m(n,e,a[i]);return r(n,e),n}}();Object.defineProperty(l,"__esModule",{value:!0}),l.EditableTable2=l.EditableTable=l.ReadOnlyTable=void 0;const o=d(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=u("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),b=u("./src/components/UITable/index.tsx"),g=u("./src/components/Icons.tsx"),f=u("./src/components/UITable/types.ts"),c=u("./test/__mock__/table-data.ts");l.default={title:"Tables/UITable"};const p=Array.from({length:10}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput,comboboxOptions:void 0};return(e===1||e>=3)&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.iconName=g.UiIcons.Home,n.iconTooltip="Dummy tooltip"),e===3&&(n.columnControlType=f.ColumnControlType.UICombobox,n.comboboxOptions=["one","two","three"]),e===4&&(n.columnControlType=f.ColumnControlType.UIBooleanSelect),n}),T=p.map(t=>Object.assign({},t,{validate:void 0,editable:!1})),_=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"50vh",width:"100vh",position:"relative"})},o.default.createElement(b.UITable,{items:c.items,dataSetKey:"datasetkey",columns:T})));l.ReadOnlyTable=_;function S(t,e){var n;t&&(console.log("saving ",e,t),c.items[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",c.items))}function y(t){console.log("selected",t)}function h(t){if(t==="hello")return'"hello" is not allowed here!'}const w=()=>{const[t,e]=(0,o.useState)(null),[n,a]=(0,o.useState)(null);return o.default.createElement(s.Stack,null,o.default.createElement("div",null,o.default.createElement("button",{onClick:()=>e(1)},"Scroll to 1st row"),"\xA0",o.default.createElement("button",{onClick:()=>e(9)},"Scroll to 9th row"),"\xA0",o.default.createElement("button",{onClick:()=>e(100)},"Scroll to 100th row"),"\xA0",o.default.createElement("button",{onClick:()=>a("column1")},"Scroll to 1st column"),"\xA0",o.default.createElement("button",{onClick:()=>a("column10")},"Scroll to 10th column"),"\xA0"),o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:c.items,columns:p,onSave:S,onSelectionChange:y,selectedRow:t,selectedColumnId:n,selectionMode:s.SelectionMode.multiple,checkboxVisibility:s.CheckboxVisibility.always,showRowNumbers:!0})))};l.EditableTable=w;const I=[{key:"",text:""},{key:"DZ",text:"Algeria"},{key:"AR",text:"Argentina"},{key:"AU",text:"Australia"},{key:"AT",text:"Austria"},{key:"BH",text:"Bahrain"}],E=Array.from({length:5}).map((t,e)=>{const n={key:"test"+(e+1),name:"Test "+(e+1),fieldName:"test"+(e+1),minWidth:100,maxWidth:200,isResizable:!0,editable:!1,validate:void 0,iconName:void 0,iconTooltip:void 0,columnControlType:f.ColumnControlType.UITextInput};return e>=1&&(n.name+=" (editable)",n.editable=!0,n.validate=h),e===1&&(n.columnControlType=f.ColumnControlType.UIDropdown,n.data={dropdownOptions:I}),n}),O=(t,e)=>e?o.default.createElement(s.Sticky,null,e(t)):null;function k(t,e){var n;t&&(console.log("saving ",e,t),c.items2[t==null?void 0:t.rowIndex][(n=t==null?void 0:t.column)==null?void 0:n.key]=e,console.log("saving ",c.items2))}const A=()=>o.default.createElement(s.Stack,null,o.default.createElement("div",{className:(0,s.mergeStyles)({height:"90vh",width:"100vw",position:"relative"})},o.default.createElement(b.UITable,{dataSetKey:"datasetkey",items:c.items2,columns:E,onSave:k,onSelectionChange:y,checkboxVisibility:s.CheckboxVisibility.always,headerRenderer:O,selectionMode:s.SelectionMode.multiple,renderInputs:f.RenderInputs.always})));l.EditableTable2=A},"./test/__mock__/table-data.ts":(v,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.items2=l.items=void 0;const u=`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`;let m=0;function r(d=4){const o=u.split(" "),s=m+d>o.length?0:m;return m=s+d,o.slice(s,m).join(" ")}l.items=Array.from({length:200}).map((d,o)=>({key:o,test1:`row ${o}`,test2:r(),test3:r(),test4:r(),test5:r(),test6:r(),test7:r(),test8:r(),test9:r(),test10:r()})),l.items2=Array.from({length:4}).map((d,o)=>({key:o,test1:`test 1 row ${o}`,test2:`test 2 row ${o}`,test3:`test 3 row ${o}`,test4:`test 4 row ${o}`,test5:`test 5 row ${o}`}))}}]);})();