@sap-ux/ui-components 1.16.3 → 1.17.1

package/storybook/UICreateSelect-story.0da3292e.iframe.bundle.js

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

package/storybook/UIDatePicker-story.487eafff.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[835],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss":(c,_,n)=>{var l=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),t=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=t(l);e.push([c.id,".ui-DatePicker{display:flex;align-items:center;height:24px;max-height:24px;min-height:24px;margin:0}.ui-DatePicker-toggle{position:relative;margin-left:10px}.ui-DatePicker-toggle input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.ui-DatePicker-toggle input::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}body[data-vscode-theme-kind=vscode-dark] .ui-DatePicker-toggle input{color-scheme:dark}",""]),c.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":c=>{"use strict";c.exports=function(_){var n=[];return n.toString=function(){return this.map(function(t){var e="",s=typeof t[5]!="undefined";return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),s&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=_(t),s&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e}).join("")},n.i=function(t,e,s,o,u){typeof t=="string"&&(t=[[null,t,void 0]]);var d={};if(s)for(var a=0;a<this.length;a++){var i=this[a][0];i!=null&&(d[i]=!0)}for(var p=0;p<t.length;p++){var r=[].concat(t[p]);s&&d[r[0]]||(typeof u!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),o&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=o):r[4]="".concat(o)),n.push(r))}},n}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":c=>{"use strict";c.exports=function(_){return _[1]}},"./src/components/UIDatePicker/UIDatePicker.tsx":function(c,_,n){"use strict";var l=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(_,"__esModule",{value:!0}),_.UIDatePicker=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("./src/components/UIInput/index.tsx"),s=n("./src/components/UIIcon/index.tsx"),o=n("./src/components/Icons.tsx");n("./src/components/UIDatePicker/UIDatePicker.scss");class u extends t.default.Component{constructor(a){var i;super(a),this.state={value:""},this.dateRegex=/^\d{4}-\d{2}-\d{2}$/,this.dateTimeRegex=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/,this.state.value=(i=a.defaultValue)!=null?i:"",this.onInputChange=this.onInputChange.bind(this),this.onPickerChange=this.onPickerChange.bind(this)}onInputChange(a,i=""){var p,r;i=i.trim(),(r=(p=this.props).onChange)==null||r.call(p,a,i),this.setState({value:i})}onPickerChange(a){var i,p;let r=a.target.value;!this.props.dateOnly&&!this.dateTimeRegex.test(r)&&(r=`${a.target.value}:00`),(p=(i=this.props).onChange)==null||p.call(i,a,r),this.setState({value:r})}render(){const a=this.dateRegex.test(this.state.value)||this.dateTimeRegex.test(this.state.value);return t.default.createElement("div",{className:"ui-DatePicker",onKeyDown:this.props.onKeyDown,onClick:this.props.onClick},t.default.createElement(e.UITextInput,{componentRef:this.props.componentRef,errorMessage:this.props.errorMessage,value:this.state.value,onChange:this.onInputChange}),t.default.createElement("div",{className:"ui-DatePicker-toggle"},t.default.createElement(s.UIIcon,{iconName:o.UiIcons.Calendar}),t.default.createElement("input",{type:this.props.dateOnly?"date":"datetime-local",step:"1",value:a?this.state.value:"",onChange:this.onPickerChange})))}}_.UIDatePicker=u},"./src/components/UIDatePicker/index.tsx":function(c,_,n){"use strict";var l=this&&this.__createBinding||(Object.create?function(e,s,o,u){u===void 0&&(u=o);var d=Object.getOwnPropertyDescriptor(s,o);(!d||("get"in d?!s.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return s[o]}}),Object.defineProperty(e,u,d)}:function(e,s,o,u){u===void 0&&(u=o),e[u]=s[o]}),t=this&&this.__exportStar||function(e,s){for(var o in e)o!=="default"&&!Object.prototype.hasOwnProperty.call(s,o)&&l(s,e,o)};Object.defineProperty(_,"__esModule",{value:!0}),t(n("./src/components/UIDatePicker/UIDatePicker.tsx"),_)},"./stories/UIDatePicker.story.tsx":function(c,_,n){"use strict";var l=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(_,"__esModule",{value:!0}),_.defaultUsage=void 0;const t=l(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=n("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=n("./src/components/UIDatePicker/index.tsx");(0,n("./src/components/Icons.tsx").initIcons)(),_.default={title:"Basic Inputs/DatePicker"};const u={childrenGap:40},d=()=>t.default.createElement(e.Stack,{tokens:u,style:{width:300}},t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker"),t.default.createElement(s.UIDatePicker,{defaultValue:"2018-06-12T19:30"})),t.default.createElement(e.Stack,{tokens:{childrenGap:16}},t.default.createElement(e.Text,{variant:"large",className:"textColor"},"UIDatePicker with only date"),t.default.createElement(s.UIDatePicker,{defaultValue:"2020-07-21",dateOnly:!0})));_.defaultUsage=d},"./src/components/UIDatePicker/UIDatePicker.scss":(c,_,n)=>{"use strict";n.r(_),n.d(_,{default:()=>I});var l=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),t=n.n(l),e=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=n.n(e),o=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=n.n(o),d=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),a=n.n(d),i=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),p=n.n(i),r=n("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),f=n.n(r),y=n("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDatePicker/UIDatePicker.scss"),m=n.n(y),P={};for(const v in y)v!=="default"&&(P[v]=()=>y[v]);n.d(_,P);var h={};h.styleTagTransform=f(),h.setAttributes=a(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=p();var D=t()(m(),h);const I=m()&&m().locals?m().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":c=>{"use strict";var _=[];function n(e){for(var s=-1,o=0;o<_.length;o++)if(_[o].identifier===e){s=o;break}return s}function l(e,s){for(var o={},u=[],d=0;d<e.length;d++){var a=e[d],i=s.base?a[0]+s.base:a[0],p=o[i]||0,r="".concat(i," ").concat(p);o[i]=p+1;var f=n(r),y={css:a[1],media:a[2],sourceMap:a[3],supports:a[4],layer:a[5]};if(f!==-1)_[f].references++,_[f].updater(y);else{var m=t(y,s);s.byIndex=d,_.splice(d,0,{identifier:r,updater:m,references:1})}u.push(r)}return u}function t(e,s){var o=s.domAPI(s);o.update(e);var u=function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap&&a.supports===e.supports&&a.layer===e.layer)return;o.update(e=a)}else o.remove()};return u}c.exports=function(e,s){s=s||{},e=e||[];var o=l(e,s);return function(d){d=d||[];for(var a=0;a<o.length;a++){var i=o[a],p=n(i);_[p].references--}for(var r=l(d,s),f=0;f<o.length;f++){var y=o[f],m=n(y);_[m].references===0&&(_[m].updater(),_.splice(m,1))}o=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":c=>{"use strict";var _={};function n(t){if(typeof _[t]=="undefined"){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}_[t]=e}return _[t]}function l(t,e){var s=n(t);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":c=>{"use strict";function _(n){var l=document.createElement("style");return n.setAttributes(l,n.attributes),n.insert(l,n.options),l}c.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(c,_,n)=>{"use strict";function l(t){var e=n.nc;e&&t.setAttribute("nonce",e)}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":c=>{"use strict";function _(t,e,s){var o="";s.supports&&(o+="@supports (".concat(s.supports,") {")),s.media&&(o+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(o+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),o+=s.css,u&&(o+="}"),s.media&&(o+="}"),s.supports&&(o+="}");var d=s.sourceMap;d&&typeof btoa!="undefined"&&(o+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),e.styleTagTransform(o,t,e.options)}function n(t){if(t.parentNode===null)return!1;t.parentNode.removeChild(t)}function l(t){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(o){_(e,t,o)},remove:function(){n(e)}}}c.exports=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":c=>{"use strict";function _(n,l){if(l.styleSheet)l.styleSheet.cssText=n;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(n))}}c.exports=_}}]);})();

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

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

package/storybook/UIDropdown-story.f2bdb24e.iframe.bundle.js

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

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

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

package/storybook/UIIcon-story.5f5e2a12.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[524],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(p,o,t)=>{var d=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=n(d);e.push([p.id,".ts-icon{fill:var(--vscode-foreground)}",""]),p.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":p=>{"use strict";p.exports=function(o){var t=[];return t.toString=function(){return this.map(function(n){var e="",s=typeof n[5]!="undefined";return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),s&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=o(n),s&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e}).join("")},t.i=function(n,e,s,_,u){typeof n=="string"&&(n=[[null,n,void 0]]);var a={};if(s)for(var l=0;l<this.length;l++){var i=this[l][0];i!=null&&(a[i]=!0)}for(var y=0;y<n.length;y++){var r=[].concat(n[y]);s&&a[r[0]]||(typeof u!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=u),e&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=e),_&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=_):r[4]="".concat(_)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":p=>{"use strict";p.exports=function(o){return o[1]}},"./src/components/UIIcon/UIIcon.tsx":function(p,o,t){"use strict";var d=Object.defineProperty,n=Object.defineProperties,e=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(c,m,f)=>m in c?d(c,m,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[m]=f,l=(c,m)=>{for(var f in m||(m={}))_.call(m,f)&&a(c,f,m[f]);if(s)for(var f of s(m))u.call(m,f)&&a(c,f,m[f]);return c},i=(c,m)=>n(c,e(m)),y=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIIcon=void 0;const r=y(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class I extends r.default.Component{constructor(m){super(m),this.setStyle=()=>({})}render(){const m=this.props.className?` ${this.props.className}`:"";return r.default.createElement(v.Icon,i(l({},this.props),{className:`ts-icon${m}`,styles:this.setStyle()}))}}o.UIIcon=I},"./src/components/UIIcon/index.tsx":function(p,o,t){"use strict";var d=this&&this.__createBinding||(Object.create?function(e,s,_,u){u===void 0&&(u=_);var a=Object.getOwnPropertyDescriptor(s,_);(!a||("get"in a?!s.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return s[_]}}),Object.defineProperty(e,u,a)}:function(e,s,_,u){u===void 0&&(u=_),e[u]=s[_]}),n=this&&this.__exportStar||function(e,s){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(s,_)&&d(s,e,_)};Object.defineProperty(o,"__esModule",{value:!0}),n(t("./src/components/UIIcon/UIIcon.tsx"),o)},"./stories/UIIcon.story.tsx":function(p,o,t){"use strict";var d=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(o,"__esModule",{value:!0}),o.SvgIcon=void 0;const n=d(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),e=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.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/UIIcon/index.tsx"),_=t("./src/components/Icons.tsx");o.default={title:"Utilities/Icons"},(0,_.initIcons)();const u=[];for(const i in _.UiIcons)u.push(i);u.sort();const a=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:i=>n.default.createElement(s.UIIcon,{style:{width:"16px",height:"16px"},iconName:i})},{key:"column2",name:"Name",minWidth:50,onRender:i=>n.default.createElement("span",null,i)}],l=()=>n.default.createElement("div",null,n.default.createElement(e.DetailsList,{selectionMode:e.SelectionMode.none,items:u,columns:a,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));o.SvgIcon=l},"./src/components/UIIcon/UIIcon.scss":(p,o,t)=>{"use strict";t.r(o),t.d(o,{default:()=>P});var d=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=t.n(d),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=t.n(e),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),u=t.n(_),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),l=t.n(a),i=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),y=t.n(i),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),I=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),c=t.n(I),m={};for(const E in I)E!=="default"&&(m[E]=()=>I[E]);t.d(o,m);var f={};f.styleTagTransform=v(),f.setAttributes=l(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=y();var h=n()(c(),f);const P=c()&&c().locals?c().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":p=>{"use strict";var o=[];function t(e){for(var s=-1,_=0;_<o.length;_++)if(o[_].identifier===e){s=_;break}return s}function d(e,s){for(var _={},u=[],a=0;a<e.length;a++){var l=e[a],i=s.base?l[0]+s.base:l[0],y=_[i]||0,r="".concat(i," ").concat(y);_[i]=y+1;var v=t(r),I={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(v!==-1)o[v].references++,o[v].updater(I);else{var c=n(I,s);s.byIndex=a,o.splice(a,0,{identifier:r,updater:c,references:1})}u.push(r)}return u}function n(e,s){var _=s.domAPI(s);_.update(e);var u=function(l){if(l){if(l.css===e.css&&l.media===e.media&&l.sourceMap===e.sourceMap&&l.supports===e.supports&&l.layer===e.layer)return;_.update(e=l)}else _.remove()};return u}p.exports=function(e,s){s=s||{},e=e||[];var _=d(e,s);return function(a){a=a||[];for(var l=0;l<_.length;l++){var i=_[l],y=t(i);o[y].references--}for(var r=d(a,s),v=0;v<_.length;v++){var I=_[v],c=t(I);o[c].references===0&&(o[c].updater(),o.splice(c,1))}_=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":p=>{"use strict";var o={};function t(n){if(typeof o[n]=="undefined"){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(s){e=null}o[n]=e}return o[n]}function d(n,e){var s=t(n);if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":p=>{"use strict";function o(t){var d=document.createElement("style");return t.setAttributes(d,t.attributes),t.insert(d,t.options),d}p.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(p,o,t)=>{"use strict";function d(n){var e=t.nc;e&&n.setAttribute("nonce",e)}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":p=>{"use strict";function o(n,e,s){var _="";s.supports&&(_+="@supports (".concat(s.supports,") {")),s.media&&(_+="@media ".concat(s.media," {"));var u=typeof s.layer!="undefined";u&&(_+="@layer".concat(s.layer.length>0?" ".concat(s.layer):""," {")),_+=s.css,u&&(_+="}"),s.media&&(_+="}"),s.supports&&(_+="}");var a=s.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(_,n,e.options)}function t(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function d(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(_){o(e,n,_)},remove:function(){t(e)}}}p.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":p=>{"use strict";function o(t,d){if(d.styleSheet)d.styleSheet.cssText=t;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(t))}}p.exports=o}}]);})();

package/storybook/UILabel-story.4f1c4004.iframe.bundle.js

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

package/storybook/UILink-story.5435d741.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[469],{"./src/components/UILink/UILink.tsx":function(f,i,u){var d=Object.defineProperty,s=Object.defineProperties,r=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,a=(o,t,c)=>t in o?d(o,t,{enumerable:!0,configurable:!0,writable:!0,value:c}):o[t]=c,m=(o,t)=>{for(var c in t||(t={}))e.call(t,c)&&a(o,c,t[c]);if(n)for(var c of n(t))l.call(t,c)&&a(o,c,t[c]);return o},v=(o,t)=>s(o,r(t)),y=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(i,"__esModule",{value:!0}),i.UILink=void 0;const _=y(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),k=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p={primary:{color:"var(--vscode-textLink-foreground)",hoverColor:"var(--vscode-textLink-activeForeground)"},secondary:{color:"var(--vscode-foreground)",hoverColor:"var(--vscode-foreground)"}};class h extends _.default.Component{constructor(t){super(t)}render(){const{secondary:t}=this.props,c=t?p.secondary:p.primary,b=()=>({root:{color:c.color,fontFamily:"var(--vscode-font-family)",textDecoration:"underline",selectors:{"&:hover, &:hover:focus, &:hover:active":{color:c.hoverColor,textDecoration:"none"},"&:active, &:focus":{color:c.hoverColor,textDecoration:"none",outline:"none"},".ms-Fabric--isFocusVisible &:focus":{boxShadow:"none",outline:"1px solid var(--vscode-focusBorder)",outlineOffset:"-1px"}}}});return _.default.createElement(k.Link,v(m({},this.props),{styles:b}))}}i.UILink=h},"./src/components/UILink/index.tsx":function(f,i,u){var d=this&&this.__createBinding||(Object.create?function(r,n,e,l){l===void 0&&(l=e);var a=Object.getOwnPropertyDescriptor(n,e);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,l,a)}:function(r,n,e,l){l===void 0&&(l=e),r[l]=n[e]}),s=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&d(n,r,e)};Object.defineProperty(i,"__esModule",{value:!0}),s(u("./src/components/UILink/UILink.tsx"),i)},"./stories/UILink.story.tsx":function(f,i,u){var d=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(i,"__esModule",{value:!0}),i.defaultUsage=void 0;const s=d(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=u("./src/components/UILink/index.tsx");i.default={title:"Basic Inputs/Link"};const e={childrenGap:40},l=()=>s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Primary UILink"),s.default.createElement(r.Stack,{horizontal:!0,tokens:e},s.default.createElement(n.UILink,{href:"JavaScript:void(0)"},"I am a link"))),s.default.createElement(r.Stack,{tokens:e},s.default.createElement(r.Text,{variant:"large",className:"textColor",block:!0},"Secondary UILink"),s.default.createElement(r.Stack,{horizontal:!0,tokens:e},s.default.createElement(n.UILink,{secondary:!0,href:"JavaScript:void(0)"},"I am a secondary link"))));i.defaultUsage=l}}]);})();

package/storybook/UILoader-story.0bf17a53.iframe.bundle.js

@@ -1,6 +0,0 @@
-(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[682],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.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}}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(h,s,o)=>{var m=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),l=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),n=l(m);n.push([h.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)}",""]),h.exports=n},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":h=>{"use strict";h.exports=function(s){var o=[];return o.toString=function(){return this.map(function(l){var n="",e=typeof l[5]!="undefined";return l[4]&&(n+="@supports (".concat(l[4],") {")),l[2]&&(n+="@media ".concat(l[2]," {")),e&&(n+="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {")),n+=s(l),e&&(n+="}"),l[2]&&(n+="}"),l[4]&&(n+="}"),n}).join("")},o.i=function(l,n,e,t,r){typeof l=="string"&&(l=[[null,l,void 0]]);var u={};if(e)for(var _=0;_<this.length;_++){var g=this[_][0];g!=null&&(u[g]=!0)}for(var f=0;f<l.length;f++){var c=[].concat(l[f]);e&&u[c[0]]||(typeof r!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),n&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=n),t&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=t):c[4]="".concat(t)),o.push(c))}},o}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":h=>{"use strict";h.exports=function(s){return s[1]}},"./src/components/UIDialog/UIDialog.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,t=(d,a,i)=>a in d?m(d,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):d[a]=i,r=(d,a)=>{for(var i in a||(a={}))n.call(a,i)&&t(d,i,a[i]);if(l)for(var i of l(a))e.call(a,i)&&t(d,i,a[i]);return d},u=(d,a)=>{var i={};for(var y in d)n.call(d,y)&&a.indexOf(y)<0&&(i[y]=d[y]);if(d!=null&&l)for(var y of l(d))a.indexOf(y)<0&&e.call(d,y)&&(i[y]=d[y]);return i},_=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDialog=s.UIDialogScrollArea=s.DIALOG_STYLES=s.DIALOG_MAX_HEIGHT_OFFSET=void 0;const g=_(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),f=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),c=o("./src/components/UIButton/index.tsx"),b=o("./src/utilities/DeepMerge.ts");o("./src/styles/_shadows.scss"),s.DIALOG_MAX_HEIGHT_OFFSET=32,s.DIALOG_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-medium)",borderColor:"var(--vscode-editorWidget-border)",borderRadius:4,vPadding:20,vPaddingHalf:10,hPadding:45,title:{color:"var(--vscode-panelTitle-activeForeground)"},contentText:{fontSize:13,color:"var(--vscode-foreground)",fontFamily:"var(--vscode-font-family)"}};var E;(function(d){d.Content="Content",d.Dialog="Dialog"})(E||(s.UIDialogScrollArea=E={}));class p extends g.default.Component{constructor(a){super(a),this.onResize=this.onResize.bind(this),this.onModalLayerMount=this.onModalLayerMount.bind(this),this.onModalLayerUnmount=this.onModalLayerUnmount.bind(this),this.attachResize=this.attachResize.bind(this),this.detachResize=this.detachResize.bind(this),this.onHeaderMouseDown=this.onHeaderMouseDown.bind(this),this.state={resizeMaxHeight:this.getResizeMaxHeight(),isMounted:!1}}componentDidUpdate(a){const{scrollArea:i}=this.props;a.scrollArea!==i&&(i===E.Content?this.attachResize():this.detachResize())}onModalLayerMount(){this.attachResize(),this.setState({isMounted:!0})}onModalLayerUnmount(){this.detachResize(),this.setState({isMounted:!1})}attachResize(){window.addEventListener("resize",this.onResize),this.onResize()}detachResize(){window.removeEventListener("resize",this.onResize)}onResize(){this.setState({resizeMaxHeight:this.getResizeMaxHeight()})}getResizeMaxHeight(){return window.innerHeight-s.DIALOG_MAX_HEIGHT_OFFSET}getFooter(){let a;const{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S}=this.props,D={styles:{actionsRight:{width:"100%",textAlign:"center",margin:"0px"},actions:{margin:`${s.DIALOG_STYLES.vPaddingHalf}px 0 ${s.DIALOG_STYLES.vPadding}px`,lineHeight:"auto"},action:{margin:"0px 5px"}}};return S?a=g.default.createElement(f.DialogFooter,r({},D),S):(v||O)&&(a=g.default.createElement(f.DialogFooter,r({},D),v?g.default.createElement(c.UIDefaultButton,{onClick:v,primary:!0,style:{height:"26px"},id:P},i):"",O?g.default.createElement(c.UIDefaultButton,{onClick:O,style:{height:"26px"},id:I},y):"")),a}onHeaderMouseDown(a){var i;if(!((i=this.props.modalProps)!=null&&i.dragOptions))return;const y=a.target.closest(".ms-Dialog-main");y!=null&&y.firstChild&&y.firstChild.focus()}render(){const a=this.props,{acceptButtonText:i,cancelButtonText:y,onAccept:v,onCancel:O,acceptButtonId:P,cancelButtonId:I,footer:S,closeButtonVisible:D,multiLineTitle:x,scrollArea:L=E.Content,children:M}=a,w=u(a,["acceptButtonText","cancelButtonText","onAccept","onCancel","acceptButtonId","cancelButtonId","footer","closeButtonVisible","multiLineTitle","scrollArea","children"]),T={minWidth:"460px",modalProps:{layerProps:{onLayerDidMount:this.onModalLayerMount,onLayerWillUnmount:this.onModalLayerUnmount}},styles:{root:{opacity:!this.props.isOpenAnimated||this.state.isMounted?void 0:0},main:r({backgroundColor:s.DIALOG_STYLES.background,border:`1px solid ${s.DIALOG_STYLES.borderColor}`,boxShadow:s.DIALOG_STYLES.boxShadow,borderRadius:s.DIALOG_STYLES.borderRadius,minHeight:100},L===E.Content&&{overflow:"hidden",".ms-Modal-scrollableContent":{overflow:"hidden",height:"100%"}})},dialogContentProps:{title:this.props.title,titleProps:{className:"ui-medium-header",style:r({padding:`${s.DIALOG_STYLES.vPadding}px 0  5px`,textAlign:"center",color:s.DIALOG_STYLES.title.color},!x&&{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",padding:`${s.DIALOG_STYLES.vPadding}px ${s.DIALOG_STYLES.hPadding}px 5px`}),onMouseDown:this.onHeaderMouseDown},styles:{button:{display:D?void 0:"none"},inner:r({padding:"0"},L===E.Content&&{height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"}),subText:r({margin:"0",lineHeight:18},s.DIALOG_STYLES.contentText),content:r(r({},s.DIALOG_STYLES.contentText),L===E.Content&&{height:"100%",display:"flex",flexDirection:"column",maxHeight:this.state.resizeMaxHeight}),innerContent:r({padding:`${s.DIALOG_STYLES.vPaddingHalf}px ${s.DIALOG_STYLES.hPadding}px`,boxSizing:"border-box"},L===E.Content&&{height:"100%",overflow:"auto",boxSizing:"border-box"})}}},A=(0,b.deepMerge)(T,w);return g.default.createElement(f.Dialog,r({},A),M,this.getFooter())}}s.UIDialog=p,p.defaultProps={isOpenAnimated:!0}},"./src/components/UIDialog/index.ts":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UIDialog/UIDialog.tsx"),s)},"./src/components/UILoader/UILoader.tsx":function(h,s,o){"use strict";var m=Object.defineProperty,l=Object.defineProperties,n=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,u=(p,d,a)=>d in p?m(p,d,{enumerable:!0,configurable:!0,writable:!0,value:a}):p[d]=a,_=(p,d)=>{for(var a in d||(d={}))t.call(d,a)&&u(p,a,d[a]);if(e)for(var a of e(d))r.call(d,a)&&u(p,a,d[a]);return p},g=(p,d)=>l(p,n(d)),f=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(s,"__esModule",{value:!0}),s.UILoader=void 0;const c=f(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");o("./src/components/UILoader/UILoader.scss");class E extends c.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,i=()=>_({},{root:_({},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}}),y=c.default.createElement(b.Spinner,g(_({},this.props),{styles:i}));if(d){const v=()=>_({},{root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return c.default.createElement(b.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:v},y)}else return y}}s.UILoader=E},"./src/components/UILoader/index.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(n,e,t,r){r===void 0&&(r=t);var u=Object.getOwnPropertyDescriptor(e,t);(!u||("get"in u?!e.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,u)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]}),l=this&&this.__exportStar||function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&m(e,n,t)};Object.defineProperty(s,"__esModule",{value:!0}),l(o("./src/components/UILoader/UILoader.tsx"),s)},"./src/utilities/DeepMerge.ts":function(h,s,o){"use strict";var m=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(s,"__esModule",{value:!0}),s.deepMerge=void 0;const l=m(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js"));function n(t,r){var u;const _=Object.keys(t).length?n({},t):{},g=Object.keys(r);for(const f of g){const c=r[f];if(e(c))if(!_[f]||e(_[f]))_[f]=n((u=_[f])!=null?u:{},c);else throw new Error("Object structures are not compatible!");else _[f]=c}return _}s.deepMerge=n;function e(t){return t?typeof t=="object"&&!Array.isArray(t)&&!l.default.isValidElement(t):!1}},"./stories/UILoader.story.tsx":function(h,s,o){"use strict";var m=this&&this.__createBinding||(Object.create?function(a,i,y,v){v===void 0&&(v=y);var O=Object.getOwnPropertyDescriptor(i,y);(!O||("get"in O?!i.__esModule:O.writable||O.configurable))&&(O={enumerable:!0,get:function(){return i[y]}}),Object.defineProperty(a,v,O)}:function(a,i,y,v){v===void 0&&(v=y),a[v]=i[y]}),l=this&&this.__setModuleDefault||(Object.create?function(a,i){Object.defineProperty(a,"default",{enumerable:!0,value:i})}:function(a,i){a.default=i}),n=this&&this.__importStar||function(a){if(a&&a.__esModule)return a;var i={};if(a!=null)for(var y in a)y!=="default"&&Object.prototype.hasOwnProperty.call(a,y)&&m(i,a,y);return l(i,a),i};Object.defineProperty(s,"__esModule",{value:!0}),s.Dialogs=s.Delayed=s.Loaders=void 0;const e=n(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=o("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=o("./src/components/UILoader/index.tsx"),u=o("./src/components/Icons.tsx"),_=o("./src/components/UIButton/index.tsx"),g=o("./src/components/UIDialog/index.ts");s.default={title:"Progress/Loader"},(0,u.initIcons)();const f={childrenGap:40},c=()=>e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Default Loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,null))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.large}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Medium loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.medium}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.small}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"xSmall loader"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{size:t.SpinnerSize.xSmall}))),e.default.createElement(t.Stack,{tokens:f,style:{position:"relative"}},e.default.createElement(t.Text,null,"Loader - block DOM"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{blockDOM:!0}))),e.default.createElement(t.Stack,{tokens:f,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(r.UILoader,{blockDOM:!0,label:"Loader label..."}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Small loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXSmall"}))),e.default.createElement(t.Stack,{tokens:f},e.default.createElement(t.Text,null,"Large loader - css class"),e.default.createElement(t.Stack,{horizontal:!0},e.default.createElement(r.UILoader,{className:"uiLoaderXLarge"}))));s.Loaders=c;const b=()=>{const[a,i]=(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"),a&&e.default.createElement(r.UILoader,{delayed:!0,blockDOM:!0,label:"Delayed loader"})),e.default.createElement("div",null,e.default.createElement(_.UIDefaultButton,{text:"Toggle Loader",onClick:()=>{i(!a)}}))))};s.Delayed=b;const E=`
-    .popup--busy .ms-Dialog-content {
-        position: static;
-    }
-`,p=a=>{const{delayed:i,text:y}=a,[v,O]=(0,e.useState)(!1),[P,I]=(0,e.useState)(!1),S=()=>{O(!v)},D=()=>{I(!0),setTimeout(()=>{I(!1),S()},500)};return e.default.createElement(e.default.Fragment,null,e.default.createElement(_.UIDefaultButton,{onClick:S,primary:!0},y),e.default.createElement(g.UIDialog,{isOpen:v,isBlocking:!0,title:"Header Title",acceptButtonText:"Accept",cancelButtonText:"Cancel",onAccept:S,onCancel:S,onDismiss:S,modalProps:{className:"popup--busy"},footer:e.default.createElement("div",null,e.default.createElement(_.UIDefaultButton,{onClick:D},"Accept"))},e.default.createElement("div",null,"Dummy"),P&&e.default.createElement(r.UILoader,{className:"uiLoaderXLarge",blockDOM:!0,delayed:i})))},d=()=>e.default.createElement(e.default.Fragment,null,e.default.createElement("style",null,E),e.default.createElement("div",null,e.default.createElement(p,{delayed:!1,text:"Open Dialog with loader"})),e.default.createElement("div",null,e.default.createElement(p,{delayed:!0,text:"Open Dialog with delayed loader"})));s.Dialogs=d},"./src/components/UILoader/UILoader.scss":(h,s,o)=>{"use strict";o.r(s),o.d(s,{default:()=>y});var m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=o.n(m),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=o.n(n),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=o.n(t),u=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=o.n(u),g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=o.n(g),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(c),E=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),p=o.n(E),d={};for(const v in E)v!=="default"&&(d[v]=()=>E[v]);o.d(s,d);var a={};a.styleTagTransform=b(),a.setAttributes=_(),a.insert=r().bind(null,"head"),a.domAPI=e(),a.insertStyleElement=f();var i=l()(p(),a);const y=p()&&p().locals?p().locals:void 0},"./src/styles/_shadows.scss":(h,s,o)=>{"use strict";o.r(s),o.d(s,{default:()=>y});var m=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=o.n(m),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=o.n(n),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=o.n(t),u=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_=o.n(u),g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),f=o.n(g),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),b=o.n(c),E=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=o.n(E),d={};for(const v in E)v!=="default"&&(d[v]=()=>E[v]);o.d(s,d);var a={};a.styleTagTransform=b(),a.setAttributes=_(),a.insert=r().bind(null,"head"),a.domAPI=e(),a.insertStyleElement=f();var i=l()(p(),a);const y=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":h=>{"use strict";var s=[];function o(n){for(var e=-1,t=0;t<s.length;t++)if(s[t].identifier===n){e=t;break}return e}function m(n,e){for(var t={},r=[],u=0;u<n.length;u++){var _=n[u],g=e.base?_[0]+e.base:_[0],f=t[g]||0,c="".concat(g," ").concat(f);t[g]=f+1;var b=o(c),E={css:_[1],media:_[2],sourceMap:_[3],supports:_[4],layer:_[5]};if(b!==-1)s[b].references++,s[b].updater(E);else{var p=l(E,e);e.byIndex=u,s.splice(u,0,{identifier:c,updater:p,references:1})}r.push(c)}return r}function l(n,e){var t=e.domAPI(e);t.update(n);var r=function(_){if(_){if(_.css===n.css&&_.media===n.media&&_.sourceMap===n.sourceMap&&_.supports===n.supports&&_.layer===n.layer)return;t.update(n=_)}else t.remove()};return r}h.exports=function(n,e){e=e||{},n=n||[];var t=m(n,e);return function(u){u=u||[];for(var _=0;_<t.length;_++){var g=t[_],f=o(g);s[f].references--}for(var c=m(u,e),b=0;b<t.length;b++){var E=t[b],p=o(E);s[p].references===0&&(s[p].updater(),s.splice(p,1))}t=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":h=>{"use strict";var s={};function o(l){if(typeof s[l]=="undefined"){var n=document.querySelector(l);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}s[l]=n}return s[l]}function m(l,n){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(n)}h.exports=m},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":h=>{"use strict";function s(o){var m=document.createElement("style");return o.setAttributes(m,o.attributes),o.insert(m,o.options),m}h.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(h,s,o)=>{"use strict";function m(l){var n=o.nc;n&&l.setAttribute("nonce",n)}h.exports=m},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":h=>{"use strict";function s(l,n,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var r=typeof e.layer!="undefined";r&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,r&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var u=e.sourceMap;u&&typeof btoa!="undefined"&&(t+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),n.styleTagTransform(t,l,n.options)}function o(l){if(l.parentNode===null)return!1;l.parentNode.removeChild(l)}function m(l){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=l.insertStyleElement(l);return{update:function(t){s(n,l,t)},remove:function(){o(n)}}}h.exports=m},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":h=>{"use strict";function s(o,m){if(m.styleSheet)m.styleSheet.cssText=o;else{for(;m.firstChild;)m.removeChild(m.firstChild);m.appendChild(document.createTextNode(o))}}h.exports=s}}]);})();

package/storybook/UIMessageBar-story.d4c86d49.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[328],{"./src/components/UIMessageBar/UIMessageBar.tsx":function(_,n,i){var p=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,a=(t,e,c)=>e in t?p(t,e,{enumerable:!0,configurable:!0,writable:!0,value:c}):t[e]=c,f=(t,e)=>{for(var c in e||(e={}))s.call(e,c)&&a(t,c,e[c]);if(r)for(var c of r(e))u.call(e,c)&&a(t,c,e[c]);return t},B=(t,e)=>l(t,o(e)),M=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIMessageBar=n.UIMessageBarType=void 0;const g=M(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.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,"UIMessageBarType",{enumerable:!0,get:function(){return d.MessageBarType}});const m=i("./src/components/Icons.tsx");class v extends g.default.Component{constructor(e){super(e),this.setStyle=c=>{const{messageBarType:y}=c;return{root:f({},(y===d.MessageBarType.error||y===d.MessageBarType.success)&&{backgroundColor:"transparent"}),innerText:{fontSize:13,lineHeight:18,color:"var(--vscode-foreground)",selectors:{p:{margin:0}}}}}}render(){const e=this.props.messageBarType===d.MessageBarType.error?m.UiIcons.Error:m.UiIcons.Success;return g.default.createElement(d.MessageBar,B(f({},this.props),{messageBarIconProps:{iconName:e},styles:this.setStyle(this.props)}),this.props.children)}}n.UIMessageBar=v},"./src/components/UIMessageBar/index.tsx":function(_,n,i){var p=this&&this.__createBinding||(Object.create?function(o,r,s,u){u===void 0&&(u=s);var a=Object.getOwnPropertyDescriptor(r,s);(!a||("get"in a?!r.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return r[s]}}),Object.defineProperty(o,u,a)}:function(o,r,s,u){u===void 0&&(u=s),o[u]=r[s]}),l=this&&this.__exportStar||function(o,r){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(r,s)&&p(r,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),l(i("./src/components/UIMessageBar/UIMessageBar.tsx"),n)},"./stories/UIMessageBar.story.tsx":function(_,n,i){var p=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(n,"__esModule",{value:!0}),n.defaultUsage=void 0;const l=p(i("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=i("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=i("./src/components/UIMessageBar/index.tsx");n.default={title:"Utilities/MessageBar"};const s={childrenGap:40},u=()=>l.default.createElement(o.Stack,{tokens:s},l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.success},l.default.createElement("div",null,"Success message bar")),l.default.createElement(r.UIMessageBar,{messageBarType:o.MessageBarType.error},l.default.createElement("div",null,"Error message bar")));n.defaultUsage=u}}]);})();

package/storybook/UIPersona-story.4fb77e30.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"./src/components/UIPersona/UIPersona.tsx":function(d,t,f){var u=Object.defineProperty,r=Object.defineProperties,l=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,o=(a,s,c)=>s in a?u(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c,m=(a,s)=>{for(var c in s||(s={}))n.call(s,c)&&o(a,c,s[c]);if(e)for(var c of e(s))i.call(s,c)&&o(a,c,s[c]);return a},P=(a,s)=>r(a,l(s)),U=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIPersona=t.UIPersonaPresence=t.UIPersonaSize=void 0;const _=U(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),p=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.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,"UIPersonaSize",{enumerable:!0,get:function(){return p.PersonaSize}}),Object.defineProperty(t,"UIPersonaPresence",{enumerable:!0,get:function(){return p.PersonaPresence}});class b extends _.default.Component{constructor(s){super(s),this.personaStyles=c=>m({},{root:{},details:{},primaryText:{},secondaryText:{},tertiaryText:{},optionalText:{},textContent:{}})}render(){return _.default.createElement(p.Persona,P(m({},this.props),{styles:this.personaStyles}))}}t.UIPersona=b},"./src/components/UIPersona/index.tsx":function(d,t,f){var u=this&&this.__createBinding||(Object.create?function(l,e,n,i){i===void 0&&(i=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(l,i,o)}:function(l,e,n,i){i===void 0&&(i=n),l[i]=e[n]}),r=this&&this.__exportStar||function(l,e){for(var n in l)n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&u(e,l,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(f("./src/components/UIPersona/UIPersona.tsx"),t)},"./stories/UIPersona.story.tsx":function(d,t,f){var u=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.defaultUsage=void 0;const r=u(f("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=f("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.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=f("./src/components/UIPersona/index.tsx");t.default={title:"Utilities/Persona"};const n={childrenGap:40},i=()=>r.default.createElement(l.Stack,{tokens:n},r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size24}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size32}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size40}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size48}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size56}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size72}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size100}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120}),r.default.createElement(e.UIPersona,{text:"John Doe",size:e.UIPersonaSize.size72}),r.default.createElement(e.UIPersona,{imageUrl:"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/persona-male.png",size:e.UIPersonaSize.size120,text:"John Doe",presence:e.UIPersonaPresence.online,secondaryText:"Software Engineer",tertiaryText:"In a meeting",optionalText:"Available at 4:00pm"}));t.defaultUsage=i}}]);})();

package/storybook/UIQuickNavigation-story.14c63c2c.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[535],{"./stories/UIQuickNavigation.story.tsx":function(g,r,s){var f=Object.defineProperty,c=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,d=(n,l,t)=>l in n?f(n,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[l]=t,i=(n,l)=>{for(var t in l||(l={}))m.call(l,t)&&d(n,t,l[t]);if(c)for(var t of c(l))p.call(l,t)&&d(n,t,l[t]);return n},v=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.ExternalWithCustomOffset=r.External=r.Inline=void 0;const e=v(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=s("./src/components/index.tsx");r.default={title:"Utilities/Quick Navigation"},(0,a.initIcons)();const I={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},u=n=>{const{title:l}=n;return e.default.createElement("div",{style:{border:"1px solid red",margin:"20px 0",padding:10}},e.default.createElement("div",null,l),e.default.createElement(a.UITextInput,{label:"Dummy 1"}),e.default.createElement(a.UITextInput,{label:"Dummy 2"}),e.default.createElement(a.UIDefaultButton,null,"Submit"))},o=n=>{const{inline:l,offsets:t}=n;return e.default.createElement("div",{style:{margin:10}},e.default.createElement("div",null,`Inline = ${l}`),e.default.createElement(a.UIQuickNavigation,{inline:l},e.default.createElement("div",i({},(0,a.setQuickNavigationKey)("A",t==null?void 0:t[0])),e.default.createElement(u,{title:"Group 1"})),e.default.createElement("div",i({},(0,a.setQuickNavigationKey)("B",t==null?void 0:t[1])),e.default.createElement(u,{title:"Group 2"})),e.default.createElement("div",i({},(0,a.setQuickNavigationKey)("C",t==null?void 0:t[2])),e.default.createElement(u,{title:"Group 3"})),e.default.createElement("div",i({},(0,a.setQuickNavigationKey)("D",t==null?void 0:t[3])),e.default.createElement(u,{title:"Group 4"}))))},_=()=>e.default.createElement(o,{inline:!0});r.Inline=_;const E=()=>e.default.createElement(o,{inline:!1});r.External=E;const y=()=>e.default.createElement(o,{inline:!1,offsets:[{y:30,x:0},{y:0,x:30},{y:-15,x:-15}]});r.ExternalWithCustomOffset=y}}]);})();

package/storybook/UISearchBox-story.058ca165.iframe.bundle.js

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

package/storybook/UISections-story.c18e255d.iframe.bundle.js

@@ -1,17 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{m.exports=function(o){var u=[];return u.toString=function(){return this.map(function(r){var e="",t=typeof r[5]!="undefined";return r[4]&&(e+="@supports (".concat(r[4],") {")),r[2]&&(e+="@media ".concat(r[2]," {")),t&&(e+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),e+=o(r),t&&(e+="}"),r[2]&&(e+="}"),r[4]&&(e+="}"),e}).join("")},u.i=function(r,e,t,i,v){typeof r=="string"&&(r=[[null,r,void 0]]);var f={};if(t)for(var c=0;c<this.length;c++){var S=this[c][0];S!=null&&(f[S]=!0)}for(var b=0;b<r.length;b++){var l=[].concat(r[b]);t&&f[l[0]]||(typeof v!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=v),e&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=e),i&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=i):l[4]="".concat(i)),u.push(l))}},u}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{m.exports=function(o){return o[1]}},"./stories/UISections.story.tsx":function(m,o,u){var d=Object.defineProperty,r=Object.defineProperties,e=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,f=(s,n,p)=>n in s?d(s,n,{enumerable:!0,configurable:!0,writable:!0,value:p}):s[n]=p,c=(s,n)=>{for(var p in n||(n={}))i.call(n,p)&&f(s,p,n[p]);if(t)for(var p of t(n))v.call(n,p)&&f(s,p,n[p]);return s},S=(s,n)=>r(s,e(n)),b=this&&this.__createBinding||(Object.create?function(s,n,p,y){y===void 0&&(y=p);var E=Object.getOwnPropertyDescriptor(n,p);(!E||("get"in E?!n.__esModule:E.writable||E.configurable))&&(E={enumerable:!0,get:function(){return n[p]}}),Object.defineProperty(s,y,E)}:function(s,n,p,y){y===void 0&&(y=p),s[y]=n[p]}),l=this&&this.__setModuleDefault||(Object.create?function(s,n){Object.defineProperty(s,"default",{enumerable:!0,value:n})}:function(s,n){s.default=n}),U=this&&this.__importStar||function(s){if(s&&s.__esModule)return s;var n={};if(s!=null)for(var p in s)p!=="default"&&Object.prototype.hasOwnProperty.call(s,p)&&b(n,s,p);return l(n,s),n};Object.defineProperty(o,"__esModule",{value:!0}),o.VerticalSections=o.HorizontalSections=void 0;const a=U(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),g=u("./src/components/UISection/index.tsx"),I=u("./src/components/UIToggle/index.tsx"),C=u("./src/components/UIDropdown/index.tsx"),q=u("./src/components/UIButton/index.tsx");o.default={title:"Utilities/Splitter"};const D=`
-    .componentOptions {
-        display: flex;
-    }
-    .componentOptions > div {
-        min-width: 100px;
-        margin-right: 10px;
-    }
-    #storybook-root {
-        height: 100%;
-    }
-`,x=`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.`,O=s=>s.map(n=>({key:n,text:n}));function z(s){const[n,p]=(0,a.useState)({vertical:s.vertical,splitterType:g.UISplitterType.Resize,splitter:!0,minSectionSize:[300,300],animation:!0,splitterLayoutType:g.UISplitterLayoutType.Standard,sizesAsPercents:!1,sizes:[400,void 0]}),[y,E]=(0,a.useState)(!0),[L,P]=(0,a.useState)(!0),w=(T,h)=>{p(S(c({},n),{[T]:h}))},B=(T,h)=>{w(T.currentTarget.id,h)},A=(T,h)=>{let _=n.animation;_===!0&&!h?(_=[!0,!0],_[T]=!1):!_&&h?(_=[!1,!1],_[T]=!0):_=h,w("animation",_)},M=(T,h,_,H)=>{w(T,_==null?void 0:_.key)};return a.default.createElement(a.default.Fragment,null,a.default.createElement("style",null,D),a.default.createElement("div",{style:{height:"100%",display:"flex",flexDirection:"column"}},a.default.createElement("div",{className:"componentOptions"},a.default.createElement(I.UIToggle,{id:"splitter",label:"splitter",checked:n.splitter,inlineLabel:!0,inlineLabelLeft:!0,size:I.UIToggleSize.Small,onChange:B}),a.default.createElement(C.UIDropdown,{id:"splitterType",label:"splitterType",selectedKey:n.splitterType,options:O([g.UISplitterType.Resize,g.UISplitterType.Toggle]),onChange:M.bind(this,"splitterType")}),a.default.createElement(C.UIDropdown,{id:"splitterLayoutType",label:"splitterLayoutType",selectedKey:n.splitterLayoutType,options:O([g.UISplitterLayoutType.Compact,g.UISplitterLayoutType.Standard]),onChange:M.bind(this,"splitterLayoutType")}),a.default.createElement("div",null,a.default.createElement(I.UIToggle,{id:"animation1",label:"Animate left section",checked:Array.isArray(n.animation)?n.animation[0]:n.animation,inlineLabel:!0,inlineLabelLeft:!0,size:I.UIToggleSize.Small,onChange:(T,h)=>A(0,h)}),a.default.createElement(I.UIToggle,{id:"animation1",label:"Animate right section",checked:Array.isArray(n.animation)?n.animation[1]:n.animation,inlineLabel:!0,inlineLabelLeft:!0,size:I.UIToggleSize.Small,onChange:(T,h)=>A(1,h)})),a.default.createElement("div",null,a.default.createElement(I.UIToggle,{id:"sectionVisible",label:"toggle left section",checked:y,inlineLabel:!0,inlineLabelLeft:!0,size:I.UIToggleSize.Small,onChange:()=>{E(!y)}}),a.default.createElement(I.UIToggle,{id:"sectionVisible",label:"toggle right section",checked:L,inlineLabel:!0,inlineLabelLeft:!0,size:I.UIToggleSize.Small,onChange:()=>{P(!L)}})),a.default.createElement("div",null,a.default.createElement(q.UIDefaultButton,{text:"Toggle sections",onClick:()=>{E(!y),P(!L)}}))),a.default.createElement("div",{style:{height:"100%"}},a.default.createElement(g.UISections,S(c({},n),{height:"100%",onClose:()=>{P(!L)}}),a.default.createElement(g.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!y,"data-test":"test"},a.default.createElement("div",null,x,x,x)),a.default.createElement(g.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!L},a.default.createElement("div",null,x,x,x))))))}const V=()=>a.default.createElement(z,{vertical:!1});o.HorizontalSections=V;const N=()=>a.default.createElement(z,{vertical:!0});o.VerticalSections=N},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{var o=[];function u(e){for(var t=-1,i=0;i<o.length;i++)if(o[i].identifier===e){t=i;break}return t}function d(e,t){for(var i={},v=[],f=0;f<e.length;f++){var c=e[f],S=t.base?c[0]+t.base:c[0],b=i[S]||0,l="".concat(S," ").concat(b);i[S]=b+1;var U=u(l),a={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(U!==-1)o[U].references++,o[U].updater(a);else{var g=r(a,t);t.byIndex=f,o.splice(f,0,{identifier:l,updater:g,references:1})}v.push(l)}return v}function r(e,t){var i=t.domAPI(t);i.update(e);var v=function(c){if(c){if(c.css===e.css&&c.media===e.media&&c.sourceMap===e.sourceMap&&c.supports===e.supports&&c.layer===e.layer)return;i.update(e=c)}else i.remove()};return v}m.exports=function(e,t){t=t||{},e=e||[];var i=d(e,t);return function(f){f=f||[];for(var c=0;c<i.length;c++){var S=i[c],b=u(S);o[b].references--}for(var l=d(f,t),U=0;U<i.length;U++){var a=i[U],g=u(a);o[g].references===0&&(o[g].updater(),o.splice(g,1))}i=l}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{var o={};function u(r){if(typeof o[r]=="undefined"){var e=document.querySelector(r);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}o[r]=e}return o[r]}function d(r,e){var t=u(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{function o(u){var d=document.createElement("style");return u.setAttributes(d,u.attributes),u.insert(d,u.options),d}m.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,o,u)=>{function d(r){var e=u.nc;e&&r.setAttribute("nonce",e)}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{function o(r,e,t){var i="";t.supports&&(i+="@supports (".concat(t.supports,") {")),t.media&&(i+="@media ".concat(t.media," {"));var v=typeof t.layer!="undefined";v&&(i+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),i+=t.css,v&&(i+="}"),t.media&&(i+="}"),t.supports&&(i+="}");var f=t.sourceMap;f&&typeof btoa!="undefined"&&(i+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(f))))," */")),e.styleTagTransform(i,r,e.options)}function u(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function d(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=r.insertStyleElement(r);return{update:function(i){o(e,r,i)},remove:function(){u(e)}}}m.exports=d},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{function o(u,d){if(d.styleSheet)d.styleSheet.cssText=u;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(u))}}m.exports=o}}]);})();

package/storybook/UISeparator-story.4dba2f23.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[456],{"./src/components/UISeparator/UISeparator.tsx":function(p,c,d){var i=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,l=(o,r,s)=>r in o?i(o,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[r]=s,_=(o,r)=>{for(var s in r||(r={}))e.call(r,s)&&l(o,s,r[s]);if(n)for(var s of n(r))u.call(r,s)&&l(o,s,r[s]);return o},m=(o,r)=>t(o,a(r)),v=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(c,"__esModule",{value:!0}),c.UISeparator=void 0;const f=v(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");class S extends f.default.Component{constructor(r){super(r)}render(){const r=s=>_({},{root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},s.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return f.default.createElement(b.Separator,m(_({},this.props),{styles:r}))}}c.UISeparator=S},"./src/components/UISeparator/index.tsx":function(p,c,d){var i=this&&this.__createBinding||(Object.create?function(a,n,e,u){u===void 0&&(u=e);var l=Object.getOwnPropertyDescriptor(n,e);(!l||("get"in l?!n.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(a,u,l)}:function(a,n,e,u){u===void 0&&(u=e),a[u]=n[e]}),t=this&&this.__exportStar||function(a,n){for(var e in a)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&i(n,a,e)};Object.defineProperty(c,"__esModule",{value:!0}),t(d("./src/components/UISeparator/UISeparator.tsx"),c)},"./stories/UISeparator.story.tsx":function(p,c,d){var i=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(c,"__esModule",{value:!0}),c.defaultUsage=void 0;const t=i(d("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=d("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=d("./src/components/UISeparator/index.tsx");c.default={title:"Utilities/Separator"};const e={childrenGap:40},u=()=>t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,{vertical:!0}),t.default.createElement("span",null,"World"))),t.default.createElement(a.Stack,{tokens:e},t.default.createElement(a.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),t.default.createElement(a.Stack,{horizontal:!0,tokens:e},t.default.createElement("span",null,"Hello"),t.default.createElement(n.UISeparator,null),t.default.createElement("span",null,"World"))));c.defaultUsage=u}}]);})();

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

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

package/storybook/UITextInput-story.2e884766.iframe.bundle.js

@@ -1,2 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":v=>{v.exports=function(o){var s=[];return s.toString=function(){return this.map(function(n){var t="",r=typeof n[5]!="undefined";return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=o(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},s.i=function(n,t,r,a,i){typeof n=="string"&&(n=[[null,n,void 0]]);var d={};if(r)for(var l=0;l<this.length;l++){var h=this[l][0];h!=null&&(d[h]=!0)}for(var I=0;I<n.length;I++){var e=[].concat(n[I]);r&&d[e[0]]||(typeof i!="undefined"&&(typeof e[5]=="undefined"||(e[1]="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {").concat(e[1],"}")),e[5]=i),t&&(e[2]&&(e[1]="@media ".concat(e[2]," {").concat(e[1],"}")),e[2]=t),a&&(e[4]?(e[1]="@supports (".concat(e[4],") {").concat(e[1],"}"),e[4]=a):e[4]="".concat(a)),s.push(e))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":v=>{v.exports=function(o){return o[1]}},"./src/components/UICheckbox/UICheckbox.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(b,f,g)=>f in b?u(b,f,{enumerable:!0,configurable:!0,writable:!0,value:g}):b[f]=g,l=(b,f)=>{for(var g in f||(f={}))a.call(f,g)&&d(b,g,f[g]);if(r)for(var g of r(f))i.call(f,g)&&d(b,g,f[g]);return b},h=(b,f)=>n(b,t(f)),I=this&&this.__importDefault||function(b){return b&&b.__esModule?b:{default:b}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICheckbox=void 0;const e=I(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/helper/ValidationMessage/index.tsx");class k extends e.default.Component{constructor(f){super(f),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(g,x)=>({root:[!x.disabled&&[!x.checked&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)",[c.HighContrastSelector]:{borderColor:"Highlight"}},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"var(--vscode-foreground)",opacity:0,[c.HighContrastSelector]:{color:"Highlight"}}},{[`:hover .${this.GlobalClassNames.text}, :focus .${this.GlobalClassNames.text}`]:{color:"var(--vscode-foreground)",[c.HighContrastSelector]:{color:x.disabled?"GrayText":"WindowText"}}}],x.checked&&!x.indeterminate&&{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:x.disabled?"":"var(--vscode-checkbox-background)",borderColor:x.disabled?"":"var(--vscode-focusBorder)"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"var(--vscode-checkbox-background)",borderColor:"var(--vscode-focusBorder)"},[c.HighContrastSelector]:{[`:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight",borderColor:"Highlight"},[`:focus .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkbox}`]:{background:"Highlight"},[`:focus:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"},[`:hover .${this.GlobalClassNames.checkmark}`]:{color:"Window"}}},g.message&&{marginBottom:2}],input:{[`.${c.IsFocusVisibleClassName} &:focus + label::before`]:{content:"",position:"absolute",inset:-1,border:"1px solid transparent !important",outline:"1px solid var(--vscode-focusBorder) !important",[c.HighContrastSelector]:{outline:"1px solid WindowText"}}},checkbox:{backgroundColor:"var(--vscode-debugToolBar-background, var(--vscode-editorWidget-background))",borderColor:"var(--vscode-editorWidget-border)",opacity:x.disabled?.4:void 0},checkmark:{color:"var(--vscode-checkbox-foreground, var(--vscode-editorWidget-foreground))"},text:{color:"var(--vscode-foreground)",opacity:x.disabled?.4:void 0}})}render(){const f=(0,p.getMessageInfo)(this.props),g=e.default.createElement(c.Checkbox,h(l({},this.props),{styles:x=>l(l({},this.setStyle(f,x)),this.props.styles)}));return f.message?e.default.createElement(p.MessageWrapper,{message:f},g):g}}o.UICheckbox=k},"./src/components/UICheckbox/index.tsx":function(v,o,s){var u=this&&this.__createBinding||(Object.create?function(t,r,a,i){i===void 0&&(i=a);var d=Object.getOwnPropertyDescriptor(r,a);(!d||("get"in d?!r.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(t,i,d)}:function(t,r,a,i){i===void 0&&(i=a),t[i]=r[a]}),n=this&&this.__exportStar||function(t,r){for(var a in t)a!=="default"&&!Object.prototype.hasOwnProperty.call(r,a)&&u(r,t,a)};Object.defineProperty(o,"__esModule",{value:!0}),n(s("./src/components/UICheckbox/UICheckbox.tsx"),o)},"./stories/UITextInput.story.tsx":function(v,o,s){var u=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,d=(m,_,y)=>_ in m?u(m,_,{enumerable:!0,configurable:!0,writable:!0,value:y}):m[_]=y,l=(m,_)=>{for(var y in _||(_={}))a.call(_,y)&&d(m,y,_[y]);if(r)for(var y of r(_))i.call(_,y)&&d(m,y,_[y]);return m},h=(m,_)=>n(m,t(_)),I=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.withMessages=o.accessibilityStates=o.defaultUsage=void 0;const e=I(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=s("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),p=s("./src/components/UIInput/index.tsx"),k=s("./src/components/UICheckbox/index.tsx"),b=s("./src/components/Icons.tsx");o.default={title:"Basic Inputs/Input"},(0,b.initIcons)();const f={childrenGap:40},g={iconName:"FolderOpened"},x=()=>e.default.createElement(c.Stack,{tokens:f,style:{width:300}},e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput"),e.default.createElement(p.UITextInput,{label:"Enter your name"})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with icon"),e.default.createElement(p.UITextInput,{label:"Select your folder",iconProps:g})),e.default.createElement(c.Stack,{tokens:{childrenGap:16}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput disabled"),e.default.createElement(p.UITextInput,{label:"Enter your name",disabled:!0})));o.defaultUsage=x;const S=()=>{const[m,_]=e.default.useState(!1),[y,P]=e.default.useState("Content"),E={multiline:m,onChange:(U,C)=>{P(C||"")}};return e.default.createElement("div",null,e.default.createElement(c.Stack,{horizontal:!0,tokens:f},e.default.createElement(k.UICheckbox,{label:"Multi Line",checked:m,onChange:(U,C)=>{_(C)}})),e.default.createElement(c.Stack,{horizontal:!0,tokens:f},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{errorMessage:"Dummy error",value:y})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,disabled:!0})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(p.UITextInput,h(l({},E),{value:y,readOnly:!0})))))))};o.accessibilityStates=S;const w=()=>{const m="Dummy message";return e.default.createElement(c.Stack,{tokens:f,style:{width:"100%"}},e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with error message"),e.default.createElement(p.UITextInput,{label:"input field label",errorMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with warning message"),e.default.createElement(p.UITextInput,{label:"input field label",warningMessage:m})),e.default.createElement(c.Separator,null),e.default.createElement(c.Stack,{tokens:{childrenGap:16},style:{width:300}},e.default.createElement(c.Text,{variant:"large",className:"textColor"},"UIInput with info message"),e.default.createElement(p.UITextInput,{label:"input field label",infoMessage:m})))};o.withMessages=w},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":v=>{var o=[];function s(t){for(var r=-1,a=0;a<o.length;a++)if(o[a].identifier===t){r=a;break}return r}function u(t,r){for(var a={},i=[],d=0;d<t.length;d++){var l=t[d],h=r.base?l[0]+r.base:l[0],I=a[h]||0,e="".concat(h," ").concat(I);a[h]=I+1;var c=s(e),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(c!==-1)o[c].references++,o[c].updater(p);else{var k=n(p,r);r.byIndex=d,o.splice(d,0,{identifier:e,updater:k,references:1})}i.push(e)}return i}function n(t,r){var a=r.domAPI(r);a.update(t);var i=function(l){if(l){if(l.css===t.css&&l.media===t.media&&l.sourceMap===t.sourceMap&&l.supports===t.supports&&l.layer===t.layer)return;a.update(t=l)}else a.remove()};return i}v.exports=function(t,r){r=r||{},t=t||[];var a=u(t,r);return function(d){d=d||[];for(var l=0;l<a.length;l++){var h=a[l],I=s(h);o[I].references--}for(var e=u(d,r),c=0;c<a.length;c++){var p=a[c],k=s(p);o[k].references===0&&(o[k].updater(),o.splice(k,1))}a=e}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":v=>{var o={};function s(n){if(typeof o[n]=="undefined"){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(r){t=null}o[n]=t}return o[n]}function u(n,t){var r=s(n);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":v=>{function o(s){var u=document.createElement("style");return s.setAttributes(u,s.attributes),s.insert(u,s.options),u}v.exports=o},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(v,o,s)=>{function u(n){var t=s.nc;t&&n.setAttribute("nonce",t)}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":v=>{function o(n,t,r){var a="";r.supports&&(a+="@supports (".concat(r.supports,") {")),r.media&&(a+="@media ".concat(r.media," {"));var i=typeof r.layer!="undefined";i&&(a+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),a+=r.css,i&&(a+="}"),r.media&&(a+="}"),r.supports&&(a+="}");var d=r.sourceMap;d&&typeof btoa!="undefined"&&(a+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),t.styleTagTransform(a,n,t.options)}function s(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function u(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=n.insertStyleElement(n);return{update:function(a){o(t,n,a)},remove:function(){s(t)}}}v.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":v=>{function o(s,u){if(u.styleSheet)u.styleSheet.cssText=s;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(s))}}v.exports=o}}]);})();