@sap-ux/ui-components 1.27.9 → 2.0.0

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

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

package/storybook/UIIcon-story.cd2eb53e.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx":(function(a,t,c){var l=this&&this.__createBinding||(Object.create?(function(r,n,e,i){i===void 0&&(i=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,i,u)}):(function(r,n,e,i){i===void 0&&(i=e),r[i]=n[e]})),s=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&l(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,s(c("./src/components/index.tsx"),t),s(c("./src/utilities/index.ts"),t),s(c("./src/theme/index.ts"),t);var d=c("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return d.setIconOptions}})}),"./stories/UIIcon.story.tsx":(function(a,t,c){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const s=l(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=c("./src/components/UIIcon/index.tsx"),n=c("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const o in n.UiIcons)e.push(o);e.sort();const i=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:o=>s.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:o})},{key:"column2",name:"Name",minWidth:50,onRender:o=>s.default.createElement("span",null,o)}],u=()=>s.default.createElement("div",null,s.default.createElement(d.DetailsList,{selectionMode:d.SelectionMode.none,items:e,columns:i,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u})}]);})();

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

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

package/storybook/UILink-story.a43342a0.iframe.bundle.js

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

package/storybook/UILoader-story.24a46a6d.iframe.bundle.js

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

package/storybook/UIMessageBar-story.211efb09.iframe.bundle.js

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

package/storybook/UIPersona-story.be0866bd.iframe.bundle.js

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

package/storybook/UIQuickNavigation-story.9ad81852.iframe.bundle.js

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

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

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

package/storybook/UISeparator-story.41a66ccf.iframe.bundle.js

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

package/storybook/UITable-story.9070437c.iframe.bundle.js

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

package/storybook/UITextInput-story.9b000936.iframe.bundle.js

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

package/storybook/UIToggle-story.61025a5c.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var O=Object.defineProperty,A=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var k=(u,r,t)=>r in u?O(u,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[r]=t,y=(u,r)=>{for(var t in r||(r={}))j.call(r,t)&&k(u,t,r[t]);if(C)for(var t of C(r))w.call(r,t)&&k(u,t,r[t]);return u},M=(u,r)=>A(u,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[673],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":((u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=s}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss":((u,r,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),e=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),s=e(_);s.push([u.id,".ts-message-wrapper .ts-message-body{display:flex;font-size:11px}.ts-message-wrapper .ts-message-body>span{padding-top:1px}.ts-message-wrapper .ts-message-body>i{margin:1px 2px 0 0}.ts-message-wrapper--error .ts-message-body{color:var(--vscode-errorForeground)}.ts-message-wrapper--warning .ts-message-body{color:var(--vscode-editorMarkerNavigationWarning-background)}.ts-message-wrapper--info .ts-message-body{color:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--info .ts-icon svg path{fill:var(--vscode-inputValidation-infoBorder)}.ts-message-wrapper--horizontal{display:flex}.ts-message-wrapper--horizontal .ts-message-body{align-self:flex-end;margin:0 0 7px 5px}",""]),u.exports=s}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js":(u=>{"use strict";u.exports=function(r){var t=[];return t.toString=function(){return this.map(function(e){var s="",o=typeof e[5]!="undefined";return e[4]&&(s+="@supports (".concat(e[4],") {")),e[2]&&(s+="@media ".concat(e[2]," {")),o&&(s+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),s+=r(e),o&&(s+="}"),e[2]&&(s+="}"),e[4]&&(s+="}"),s}).join("")},t.i=function(e,s,o,n,d){typeof e=="string"&&(e=[[null,e,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var p=this[c][0];p!=null&&(a[p]=!0)}for(var b=0;b<e.length;b++){var l=[].concat(e[b]);o&&a[l[0]]||(typeof d!="undefined"&&(typeof l[5]=="undefined"||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=d),s&&(l[2]&&(l[1]="@media ".concat(l[2]," {").concat(l[1],"}")),l[2]=s),n&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=n):l[4]="".concat(n)),t.push(l))}},t}}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":(u=>{"use strict";u.exports=function(r){return r[1]}}),"./src/components/UIIcon/UIIcon.scss":((u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>m});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=t.n(l),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=d().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const m=g()&&g().locals?g().locals:void 0}),"./src/helper/ValidationMessage/MessageWrapper.scss":((u,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>m});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),e=t.n(_),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(s),n=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(n),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(a),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),b=t.n(p),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),i=t.n(l),v=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/helper/ValidationMessage/MessageWrapper.scss"),g=t.n(v),h={};for(const E in v)E!=="default"&&(h[E]=()=>v[E]);t.d(r,h);var f={};f.styleTagTransform=i(),f.setAttributes=c(),f.insert=d().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=b();var I=e()(g(),f);const m=g()&&g().locals?g().locals:void 0}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":(u=>{"use strict";var r=[];function t(s){for(var o=-1,n=0;n<r.length;n++)if(r[n].identifier===s){o=n;break}return o}function _(s,o){for(var n={},d=[],a=0;a<s.length;a++){var c=s[a],p=o.base?c[0]+o.base:c[0],b=n[p]||0,l="".concat(p," ").concat(b);n[p]=b+1;var i=t(l),v={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(i!==-1)r[i].references++,r[i].updater(v);else{var g=e(v,o);o.byIndex=a,r.splice(a,0,{identifier:l,updater:g,references:1})}d.push(l)}return d}function e(s,o){var n=o.domAPI(o);n.update(s);var d=function(c){if(c){if(c.css===s.css&&c.media===s.media&&c.sourceMap===s.sourceMap&&c.supports===s.supports&&c.layer===s.layer)return;n.update(s=c)}else n.remove()};return d}u.exports=function(s,o){o=o||{},s=s||[];var n=_(s,o);return function(a){a=a||[];for(var c=0;c<n.length;c++){var p=n[c],b=t(p);r[b].references--}for(var l=_(a,o),i=0;i<n.length;i++){var v=n[i],g=t(v);r[g].references===0&&(r[g].updater(),r.splice(g,1))}n=l}}}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js":(u=>{"use strict";var r={};function t(e){if(typeof r[e]=="undefined"){var s=document.querySelector(e);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(o){s=null}r[e]=s}return r[e]}function _(e,s){var o=t(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(s)}u.exports=_}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":(u=>{"use strict";function r(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=r}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":((u,r,t)=>{"use strict";function _(e){var s=t.nc;s&&e.setAttribute("nonce",s)}u.exports=_}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":(u=>{"use strict";function r(e,s,o){var n="";o.supports&&(n+="@supports (".concat(o.supports,") {")),o.media&&(n+="@media ".concat(o.media," {"));var d=typeof o.layer!="undefined";d&&(n+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),n+=o.css,d&&(n+="}"),o.media&&(n+="}"),o.supports&&(n+="}");var a=o.sourceMap;a&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(n,e,s.options)}function t(e){if(e.parentNode===null)return!1;e.parentNode.removeChild(e)}function _(e){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=e.insertStyleElement(e);return{update:function(n){r(s,e,n)},remove:function(){t(s)}}}u.exports=_}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":(u=>{"use strict";function r(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=r}),"./src/components/UIIcon/UIIcon.tsx":(function(u,r,t){"use strict";var _=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIIcon=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class o extends e.default.Component{constructor(d){super(d),this.setStyle=()=>({})}render(){const d=this.props.className?` ${this.props.className}`:"";return e.default.createElement(s.Icon,M(y({},this.props),{className:`ts-icon${d}`,styles:this.setStyle()}))}}r.UIIcon=o}),"./src/components/UIIcon/index.tsx":(function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?(function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}):(function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]})),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIIcon/UIIcon.tsx"),r)}),"./src/components/UIToggle/UIToggle.tsx":(function(u,r,t){"use strict";var _=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_(t("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),n=t("./src/helper/ValidationMessage/index.tsx"),d=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b={display:"flex"},l=.4,i={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var I,m;this.replaceThumbWithIcon(f),(m=(I=this.props).onChange)==null||m.call(I,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const I=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");I&&s.default.render(e.default.createElement(d.UIIcon,{iconName:h?a.UiIcons.SwitchOn:a.UiIcons.SwitchOff,style:b}),I)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:I}=this.props,m=p,E=(0,n.getMessageInfo)(this.props),P=T=>({root:M(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(E.message)}),label:M(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},I&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:M(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor},":hover":{background:i.pill.checked.hover.background,borderColor:i.pill.checked.hover.borderColor},":disabled":{background:i.pill.checked.background,borderColor:i.pill.checked.borderColor,opacity:l}},!T.checked&&{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:i.thumb.unchecked.hover.background,borderColor:i.thumb.unchecked.hover.borderColor},":hover":{background:i.pill.unchecked.hover.background,borderColor:i.pill.unchecked.hover.borderColor},":disabled":{background:i.pill.unchecked.background,borderColor:i.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:i.pill.focus.outline}}}),thumb:M(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:i.thumb.checked.borderColor,backgroundColor:i.thumb.checked.background,":hover":{background:i.thumb.checked.hover.background,borderColor:i.thumb.checked.hover.borderColor}},!T.checked&&{borderColor:i.thumb.unchecked.borderColor,backgroundColor:i.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:T.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),S=e.default.createElement(o.Toggle,M(y({},this.props),{styles:P,ref:this.toggleRootRef,onChange:this.handleChange}));return E.message?e.default.createElement(n.MessageWrapper,{message:E},S):S}}r.UIToggle=v}),"./src/components/UIToggle/index.tsx":(function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?(function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}):(function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]})),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/components/UIToggle/UIToggle.tsx"),r)}),"./src/helper/ValidationMessage/MessageWrapper.tsx":(function(u,r,t){"use strict";var _=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(r,"__esModule",{value:!0}),r.MESSAGE_ICONS_MAP=void 0,r.MessageWrapper=d;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("./src/helper/ValidationMessage/utils.ts"),o=t("./src/components/Icons.tsx"),n=t("./src/components/UIIcon/index.tsx");t("./src/helper/ValidationMessage/MessageWrapper.scss"),r.MESSAGE_ICONS_MAP=new Map([[void 0,o.UiIcons.Error],[s.ErrorMessageType.Error,o.UiIcons.Error],[s.ErrorMessageType.Warning,o.UiIcons.Warning],[s.ErrorMessageType.Info,o.UiIcons.Info]]);function d(a){const{children:c,message:p}=a,b=p.message?s.MESSAGE_TYPES_CLASSNAME_MAP.get(p.type):void 0,l=r.MESSAGE_ICONS_MAP.get(p.type);return e.default.createElement("div",{className:`ts-message-wrapper ts-message-wrapper--${b}`},e.default.createElement("div",{className:"ts-message-target"},c),e.default.createElement("div",{className:"ts-message-body"},e.default.createElement(n.UIIcon,{iconName:l}),e.default.createElement("span",null,p.message)))}}),"./src/helper/ValidationMessage/index.tsx":(function(u,r,t){"use strict";var _=this&&this.__createBinding||(Object.create?(function(s,o,n,d){d===void 0&&(d=n);var a=Object.getOwnPropertyDescriptor(o,n);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(s,d,a)}):(function(s,o,n,d){d===void 0&&(d=n),s[d]=o[n]})),e=this&&this.__exportStar||function(s,o){for(var n in s)n!=="default"&&!Object.prototype.hasOwnProperty.call(o,n)&&_(o,s,n)};Object.defineProperty(r,"__esModule",{value:!0}),e(t("./src/helper/ValidationMessage/MessageWrapper.tsx"),r),e(t("./src/helper/ValidationMessage/utils.ts"),r)}),"./src/helper/ValidationMessage/utils.ts":((u,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getMessageInfo=r.MESSAGE_TYPES_CLASSNAME_MAP=r.ErrorMessageType=void 0;var t;(function(a){a.Error="Error",a.Warning="Warning",a.Info="Info"})(t||(r.ErrorMessageType=t={}));const _=(a,c)=>{const p=`1px solid ${c}`;return{backgroundColor:a,borderLeft:p,borderRight:p,borderBottom:p,borderColor:c}},e={error:M(y({color:"var(--vscode-input-foreground)"},_("var(--vscode-inputValidation-errorBackground)","var(--vscode-inputValidation-errorBorder)")),{paddingTop:4,paddingBottom:5,paddingLeft:8,margin:0}),warning:{},info:{}};e.warning=y(y({},e.error),_("var(--vscode-inputValidation-warningBackground)","var(--vscode-inputValidation-warningBorder)")),e.info=y(y({},e.error),_("var(--vscode-inputValidation-infoBackground)","var(--vscode-inputValidation-infoBorder)")),r.MESSAGE_TYPES_CLASSNAME_MAP=new Map([[void 0,"error"],[t.Error,"error"],[t.Warning,"warning"],[t.Info,"info"]]);const s=a=>{let c;switch(a){case t.Warning:{c=e.warning;break}case t.Info:{c=e.info;break}default:{c=e.error;break}}return c},o=a=>{if(a){if(a.errorMessage)return t.Error;if(a.warningMessage)return t.Warning;if(a.infoMessage)return t.Info}return t.Error},n=a=>{const c=["errorMessage","warningMessage","infoMessage"];for(const p of c)if(a!=null&&a[p])return a[p]},d=a=>{const c=o(a);return{type:c,style:s(c),message:n(a)}};r.getMessageInfo=d}),"./stories/UIToggle.story.tsx":(function(u,r,t){"use strict";var _=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(r,"__esModule",{value:!0}),r.withMessages=r.smallSize=r.withLabel=r.asDisabled=r.defaultUsage=void 0;const e=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),o=t("./src/components/UIToggle/index.tsx");r.default={title:"Basic Inputs/Toggle/Buttons"};const n={childrenGap:40},d=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,null)),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"set to checked"),e.default.createElement(o.UIToggle,{defaultChecked:!0})));r.defaultUsage=d;const a=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle disabled"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"default"),e.default.createElement(o.UIToggle,{disabled:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"disabled as checked"),e.default.createElement(o.UIToggle,{disabled:!0,defaultChecked:!0})));r.asDisabled=a;const c=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode"})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with inline label on the left"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0})),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium",className:"textColor"},"with Grow label width"),e.default.createElement(o.UIToggle,{defaultChecked:!0,inlineLabel:!0,label:"Wizard mode",inlineLabelLeft:!0,labelFlexGrow:!0})));r.withLabel=c;const p=()=>e.default.createElement(s.Stack,{tokens:n,style:{width:300}},e.default.createElement(s.Text,{variant:"large",className:"textColor"},"UIToggle with label"),e.default.createElement(s.Stack,{tokens:{childrenGap:16}},e.default.createElement(s.Text,{variant:"medium"},"small size"),e.default.createElement(o.UIToggle,{label:"Small toggle",inlineLabel:!0,inlineLabelLeft:!0,size:o.UIToggleSize.Small})));r.smallSize=p;const b=()=>{const l="Dummy message";return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,warningMessage:l,labelFlexGrow:!0}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,infoMessage:l})),e.default.createElement("div",{style:{marginTop:"30px",width:"300px"}},e.default.createElement(o.UIToggle,{label:"Error",inlineLabel:!0,inlineLabelLeft:!0,errorMessage:l}),e.default.createElement(o.UIToggle,{label:"Warning",inlineLabel:!0,inlineLabelLeft:!0,warningMessage:l}),e.default.createElement(o.UIToggle,{label:"Info",inlineLabel:!0,inlineLabelLeft:!0,labelFlexGrow:!0,infoMessage:l})))};r.withMessages=b})}]);})();

package/storybook/UIToggleGroup-story.32bc9694.iframe.bundle.js

@@ -1,2 +0,0 @@
-(()=>{var P=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?P(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":((d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js":(d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(t)for(var i=0;i<this.length;i++){var p=this[i][0];p!=null&&(u[p]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);t&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),s.push(_))}},s}}),"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js":(d=>{"use strict";d.exports=function(e){return e[1]}}),"./src/components/UIIcon/UIIcon.scss":((d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>T});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(p),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(f),g={};for(const I in f)I!=="default"&&(g[I]=()=>f[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=c();var D=r()(y(),b);const T=y()&&y().locals?y().locals:void 0}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":(d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],u=0;u<o.length;u++){var i=o[u],p=t.base?i[0]+t.base:i[0],c=n[p]||0,_="".concat(p," ").concat(c);n[p]=c+1;var m=s(_),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(f);else{var y=r(f,t);t.byIndex=u,e.splice(u,0,{identifier:_,updater:y,references:1})}l.push(_)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;n.update(o=i)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(u){u=u||[];for(var i=0;i<n.length;i++){var p=n[i],c=s(p);e[c].references--}for(var _=a(u,t),m=0;m<n.length;m++){var f=n[m],y=s(f);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=_}}}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js":(d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(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(o)}d.exports=a}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js":(d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":((d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js":(d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a}),"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js":(d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e}),"./src/components/UIIcon/UIIcon.tsx":(function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(l){super(l),this.setStyle=()=>({})}render(){const l=this.props.className?` ${this.props.className}`:"";return r.default.createElement(o.Icon,E(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t}),"./src/components/UIIcon/index.tsx":(function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?(function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}):(function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]})),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)}),"./src/components/UILabel/UILabel.tsx":(function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends r.default.Component{constructor(u){super(u)}render(){const u=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(v({},this.props),{styles:u}))}}e.UILabel=n}),"./src/components/UILabel/index.tsx":(function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?(function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}):(function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]})),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)}),"./src/components/types.ts":((d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"}),"./src/utilities/Debounce.ts":((d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(a,r){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{a(...t)},r)}}}),"./src/utilities/Dom.ts":((d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}}),"./src/utilities/Focus.ts":((d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}}),"./src/utilities/Id.ts":((d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"getUIId",{enumerable:!0,get:function(){return a.getId}})}),"./src/utilities/Keys.ts":((d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})}),"./src/utilities/index.ts":(function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?(function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}):(function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]})),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)}),"./stories/UIToggleGroup.story.tsx":(function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?(function(p,c,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(c,_);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[_]}}),Object.defineProperty(p,m,f)}):(function(p,c,_,m){m===void 0&&(m=_),p[m]=c[_]})),r=this&&this.__setModuleDefault||(Object.create?(function(p,c){Object.defineProperty(p,"default",{enumerable:!0,value:c})}):function(p,c){p.default=c}),o=this&&this.__importStar||(function(){var p=function(c){return p=Object.getOwnPropertyNames||function(_){var m=[];for(var f in _)Object.prototype.hasOwnProperty.call(_,f)&&(m[m.length]=f);return m},p(c)};return function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m=p(c),f=0;f<m.length;f++)m[f]!=="default"&&a(_,c,m[f]);return r(_,c),_}})();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),l=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const u={childrenGap:40},i=()=>{const[p,c]=(0,t.useState)(""),_=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],m=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(g,b)=>{c(b?g:"")};return t.default.createElement(n.Stack,{tokens:u,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",p)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:m,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i})}]);})();

package/storybook/UITooltip-story.e421d7eb.iframe.bundle.js

@@ -1 +0,0 @@
-(()=>{var U=Object.defineProperty,P=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var S=(u,e,o)=>e in u?U(u,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[e]=o,y=(u,e)=>{for(var o in e||(e={}))I.call(e,o)&&S(u,o,e[o]);if(C)for(var o of C(e))v.call(e,o)&&S(u,o,e[o]);return u},E=(u,e)=>P(u,L(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":((u,e,o)=>{var c=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/runtime/api.js"),d=_(c);d.push([u.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)}",""]),u.exports=d}),"./src/styles/_shadows.scss":((u,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(c),d=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(d),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=o.n(t),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=o.n(n),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/insertStyleElement.js"),a=o.n(T),i=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.2/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=o.n(i),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.2/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),r=o.n(f),g={};for(const b in f)b!=="default"&&(g[b]=()=>f[b]);o.d(e,g);var h={};h.styleTagTransform=m(),h.setAttributes=p(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=a();var j=_()(r(),h);const O=r()&&r().locals?r().locals:void 0}),"./src/components/UICallout/CalloutCollisionTransform.ts":((u,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class _{constructor(s,t,l=o){this.originalStyle={},this.source=s,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${s}px`,t}getElements(){const s=this.source.current,t=s==null?void 0:s.closest(this.props.container);if(t&&s){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},p=this.callout.current;return p&&(n.callout={dom:p,rect:p.getBoundingClientRect()}),n}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l,callout:n,source:p}=s;if(n){const T=window.innerHeight-o.minPagePadding,a=n.rect.height,i=p.rect.bottom;let m=i+a-l.rect.top,f=i+n.rect.height;if(m<=0||f>=T)return;if(f+=l.rect.height,f<=T&&(m+=c),this.props.absolute){const r=t.dom.style;this.originalStyle={transform:r.transform,position:r.position,top:r.top,left:r.left},r.transform="",r.position="absolute",r.top=`${t.rect.top}px`,r.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),l.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t}=s;for(const l in this.originalStyle){const n=this.originalStyle[l];typeof n=="string"&&(t.dom.style[l]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(s){const t=this.getElements();return!!(s.type==="focus"&&(t!=null&&t.target.dom.contains(s.target)))}}e.CalloutCollisionTransform=_}),"./src/components/UICallout/UICallout.tsx":(function(u,e,o){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),s=o("./src/utilities/index.ts");o("./src/styles/_shadows.scss"),e.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(a){a.None="None",a.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const l=new Map([[t.Standard,8]]),n=(a,i)=>typeof a=="object"&&typeof a[i]=="object"?a[i]:{},p=a=>{var i,m;return{root:y({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},n(a.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},n(a.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},n(a.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(i=a.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:l.get((m=a.contentPadding)!=null?m:t.None)},n(a.styles,"calloutMain")),container:n(a.styles,"container")}};e.getCalloutStyle=p;class T extends _.default.Component{constructor(i){super(i),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(i){const{onKeyDown:m,focusTargetSiblingOnTabPress:f,target:r}=this.props;if(f&&i.key==="Tab"&&r){let g=null;if(typeof r=="string"){const h=(0,d.getDocument)();g=h==null?void 0:h.querySelector(r)}else"getBoundingClientRect"in r&&(0,s.isHTMLElement)(r)&&(g=r);g&&(0,s.focusToSibling)(g,!i.shiftKey)&&(i.stopPropagation(),i.preventDefault())}m==null||m(i)}render(){return _.default.createElement(d.Callout,E(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=T}),"./src/components/UICallout/index.tsx":(function(u,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}):(function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]})),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(o("./src/components/UICallout/UICallout.tsx"),e)}),"./src/components/UITooltip/UITooltip.tsx":(function(u,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(e,"UITooltipDelay",{enumerable:!0,get:function(){return d.TooltipDelay}});const s=o("./src/components/UICallout/index.tsx");class t extends _.default.Component{constructor(n){super(n)}render(){var m;const n=(m=this.props.maxWidth)!=null?m:200,p=()=>y({root:{display:"inline-block"},content:{backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text}},this.props.styles),a={beakWidth:10,styles:()=>(0,s.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:n}}})},i=_.default.createElement(d.TooltipHost,E(y({},this.props),{styles:p,calloutProps:y(y({},a),this.props.calloutProps)}));return this.props.showOnFocus?i:_.default.createElement("div",{onFocusCapture:f=>{var r;(r=f.target.parentElement)!=null&&r.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},i)}}e.UITooltip=t}),"./src/components/UITooltip/UITooltipUtils.tsx":(function(u,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c(o("../../node_modules/.pnpm/sanitize-html@2.17.1/node_modules/sanitize-html/index.js")),s=o("./src/components/UICallout/index.tsx");class t{static getStyles(){return{root:{},content:{background:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text},subText:{}}}static renderContent(n){return{onRenderContent:()=>_.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}}static renderHTMLContent(n){const p=(0,d.default)(n);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:p}}),styles:t.getStyles()}}}e.UITooltipUtils=t}),"./src/components/UITooltip/index.tsx":(function(u,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?(function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}):(function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]})),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UITooltip/UITooltip.tsx"),e),_(o("./src/components/UITooltip/UITooltipUtils.tsx"),e)}),"./stories/UITooltip.story.tsx":(function(u,e,o){"use strict";var c=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("./src/components/UITooltip/index.tsx"),s=o("./src/components/UIButton/index.tsx");e.default={title:"Dropdowns/Tooltip"};const t={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderContent(t.name)},t.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderHTMLContent(t.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip"},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l}),"?cff7":(()=>{}),"?3dda":(()=>{}),"?880e":(()=>{}),"?c3d3":(()=>{}),"?7b66":(()=>{})}]);})();

package/storybook/UITranslationInput-story.c7f60404.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{var V=Object.defineProperty,K=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var v=(u,n,e)=>n in u?V(u,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):u[n]=e,m=(u,n)=>{for(var e in n||(n={}))O.call(n,e)&&v(u,e,n[e]);if(g)for(var e of g(n))z.call(n,e)&&v(u,e,n[e]);return u},B=(u,n)=>K(u,M(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[530],{"./stories/UITranslationInput.story.tsx":(function(u,n,e){var S=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.translationInput=void 0;const t=S(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),T=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),f=e("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=e("./src/components/UITranslationInput/index.tsx"),D=e("./src/components/Icons.tsx"),U=e("./src/components/UITable/index.tsx"),C=e("./src/components/UIButton/index.tsx"),p=e("./src/components/UICheckbox/index.tsx");n.default={title:"Basic Inputs/Input"};const h={childrenGap:60},I="ui-components-i18n-bundle",w=()=>{let s={};try{s=JSON.parse(window.localStorage.getItem(I)||"")}catch(r){s={}}return s},k=s=>{window.localStorage.setItem(I,JSON.stringify(s))},N=()=>{const[s,r]=t.default.useState("Content"),[y,x]=t.default.useState(!1),[i,c]=t.default.useState(!1),[a,E]=t.default.useState(w()),_=(l,o)=>{r(o||"")},j=l=>{a[l.key.value]||(a[l.key.value]=[B(m({},l),{dummyPath:"dddd"})],k(a),E(m({},a)))},W=l=>{const o=document.querySelector(`div[data-i18n-key="${l.key.value}"]`);(o==null?void 0:o.parentElement).focus(),(0,T.setFocusVisibility)(!0,o==null?void 0:o.parentElement)},F=l=>{a[l]&&(delete a[l],k(a),E(m({},a)))},b=[];for(const l in a){const o=a[l];for(const R of o)b.push({key:l,value:R.value.value})}return t.default.createElement(f.Stack,{tokens:h,style:{width:"100%",height:"100%"}},t.default.createElement(f.Stack,{horizontal:!0,tokens:h},t.default.createElement(p.UICheckbox,{label:"Disabled",checked:y,onChange:(l,o)=>{x(o)}}),t.default.createElement(p.UICheckbox,{label:"Busy",checked:i,onChange:(l,o)=>{c(o)}})),t.default.createElement(f.Stack,{style:{width:"300px"}},t.default.createElement(d.UITranslationInput,{entries:a,id:"test",i18nPrefix:"i18n",allowedI18nPrefixes:["i18n","@i18n"],allowedPatterns:[d.TranslationTextPattern.SingleBracketBinding,d.TranslationTextPattern.DoubleBracketReplace],defaultPattern:d.TranslationTextPattern.SingleBracketBinding,value:s,onChange:_,onCreateNewEntry:j,onShowExistingEntry:W,disabled:y,busy:i?{busy:i,useMinWaitingTime:!0}:void 0})," "),t.default.createElement(P,{tableData:b,onDelete:F}))};n.translationInput=N;function P(s){const r=Array.from({length:3}).map((x,i)=>{const c={key:"test"+(i+1),name:"",fieldName:"",minWidth:100,maxWidth:300};return i===0?(c.name="Key",c.fieldName="key",c.onRender=a=>t.default.createElement("div",{"data-i18n-key":a.key},a.key)):i===1?(c.name="Value",c.fieldName="value"):i===2&&(c.name="Delete",c.minWidth=50,c.maxWidth=50,c.onRender=a=>t.default.createElement(C.UIIconButton,{onClick:()=>{s.onDelete(a.key)},iconProps:{iconName:D.UiIcons.TrashCan}})),c});return t.default.createElement(t.default.Fragment,null,t.default.createElement("style",null,".ms-Fabric--isFocusVisible .ms-DetailsList .ms-DetailsRow-cell:focus::after { z-index: -1; }"),t.default.createElement("div",{style:{position:"relative",height:"100%"}},t.default.createElement(U.UITable,{dataSetKey:"datasetkey",items:s.tableData,columns:r})))}})}]);})();

package/storybook/UITreedropdown-story.2cc0adcd.iframe.bundle.js

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

package/storybook/Utilities-story.06c40764.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[393],{"./stories/Utilities.story.tsx":(function(f,s,a){var d=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=d(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),r=a("./src/components/index.tsx");s.default={title:"Utilities/Misc"};const u={childrenGap:20},m=e=>t.default.createElement("div",{style:{padding:10}},e,t.default.createElement("br",null),"lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt"),p=()=>{const e=[],l=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<l.length;o++){const n=l[o],c=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:u,key:n},t.default.createElement("div",{id:c}),t.default.createElement(r.UICallout,{className:n,styles:{root:{position:"static"}},layerProps:{hostId:c}},m(n))))}return t.default.createElement(i.Stack,{tokens:u,style:{width:300}},e)};s.shadows=p})}]);})();