npm - @sap-ux/ui-components - Versions diffs - 1.18.4 → 1.18.5 - Mend

@sap-ux/ui-components 1.18.4 → 1.18.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/storybook/{UISearchBox-story.d11b95b1.iframe.bundle.js → UISearchBox-story.da945a0f.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UISections-story.c2a9778c.iframe.bundle.js → UISections-story.73044eae.iframe.bundle.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";(()=>{var O=Object.defineProperty,V=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var D=(l,n,a)=>n in l?O(l,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[n]=a,w=(l,n)=>{for(var a in n||(n={}))B.call(n,a)&&D(l,a,n[a]);if(q)for(var a of q(n))H.call(n,a)&&D(l,a,n[a]);return l},z=(l,n)=>V(l,N(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":l=>{l.exports=function(n){var a=[];return a.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=n(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},a.i=function(r,t,e,i,d){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(e)for(var u=0;u<this.length;u++){var S=this[u][0];S!=null&&(p[S]=!0)}for(var m=0;m<r.length;m++){var o=[].concat(r[m]);e&&p[o[0]]||(typeof d!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=d),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),i&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=i):o[4]="".concat(i)),a.push(o))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":l=>{l.exports=function(n){return n[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":l=>{var n=[];function a(t){for(var e=-1,i=0;i<n.length;i++)if(n[i].identifier===t){e=i;break}return e}function c(t,e){for(var i={},d=[],p=0;p<t.length;p++){var u=t[p],S=e.base?u[0]+e.base:u[0],m=i[S]||0,o="".concat(S," ").concat(m);i[S]=m+1;var b=a(o),U={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(b!==-1)n[b].references++,n[b].updater(U);else{var _=r(U,e);e.byIndex=p,n.splice(p,0,{identifier:o,updater:_,references:1})}d.push(o)}return d}function r(t,e){var i=e.domAPI(e);i.update(t);var d=function(u){if(u){if(u.css===t.css&&u.media===t.media&&u.sourceMap===t.sourceMap&&u.supports===t.supports&&u.layer===t.layer)return;i.update(t=u)}else i.remove()};return d}l.exports=function(t,e){e=e||{},t=t||[];var i=c(t,e);return function(p){p=p||[];for(var u=0;u<i.length;u++){var S=i[u],m=a(S);n[m].references--}for(var o=c(p,e),b=0;b<i.length;b++){var U=i[b],_=a(U);n[_].references===0&&(n[_].updater(),n.splice(_,1))}i=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":l=>{var n={};function a(r){if(typeof n[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[r]=t}return n[r]}function c(r,t){var e=a(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":l=>{function n(a){var c=document.createElement("style");return a.setAttributes(c,a.attributes),a.insert(c,a.options),c}l.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(l,n,a)=>{function c(r){var t=a.nc;t&&r.setAttribute("nonce",t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":l=>{function n(r,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,d&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(i+=`
+"use strict";(()=>{var O=Object.defineProperty,V=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var D=(l,n,a)=>n in l?O(l,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[n]=a,w=(l,n)=>{for(var a in n||(n={}))B.call(n,a)&&D(l,a,n[a]);if(q)for(var a of q(n))H.call(n,a)&&D(l,a,n[a]);return l},z=(l,n)=>V(l,N(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[177],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":l=>{l.exports=function(n){var a=[];return a.toString=function(){return this.map(function(r){var t="",e=typeof r[5]!="undefined";return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),e&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=n(r),e&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},a.i=function(r,t,e,i,d){typeof r=="string"&&(r=[[null,r,void 0]]);var p={};if(e)for(var u=0;u<this.length;u++){var S=this[u][0];S!=null&&(p[S]=!0)}for(var m=0;m<r.length;m++){var o=[].concat(r[m]);e&&p[o[0]]||(typeof d!="undefined"&&(typeof o[5]=="undefined"||(o[1]="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {").concat(o[1],"}")),o[5]=d),t&&(o[2]&&(o[1]="@media ".concat(o[2]," {").concat(o[1],"}")),o[2]=t),i&&(o[4]?(o[1]="@supports (".concat(o[4],") {").concat(o[1],"}"),o[4]=i):o[4]="".concat(i)),a.push(o))}},a}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":l=>{l.exports=function(n){return n[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":l=>{var n=[];function a(t){for(var e=-1,i=0;i<n.length;i++)if(n[i].identifier===t){e=i;break}return e}function c(t,e){for(var i={},d=[],p=0;p<t.length;p++){var u=t[p],S=e.base?u[0]+e.base:u[0],m=i[S]||0,o="".concat(S," ").concat(m);i[S]=m+1;var b=a(o),U={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(b!==-1)n[b].references++,n[b].updater(U);else{var _=r(U,e);e.byIndex=p,n.splice(p,0,{identifier:o,updater:_,references:1})}d.push(o)}return d}function r(t,e){var i=e.domAPI(e);i.update(t);var d=function(u){if(u){if(u.css===t.css&&u.media===t.media&&u.sourceMap===t.sourceMap&&u.supports===t.supports&&u.layer===t.layer)return;i.update(t=u)}else i.remove()};return d}l.exports=function(t,e){e=e||{},t=t||[];var i=c(t,e);return function(p){p=p||[];for(var u=0;u<i.length;u++){var S=i[u],m=a(S);n[m].references--}for(var o=c(p,e),b=0;b<i.length;b++){var U=i[b],_=a(U);n[_].references===0&&(n[_].updater(),n.splice(_,1))}i=o}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":l=>{var n={};function a(r){if(typeof n[r]=="undefined"){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[r]=t}return n[r]}function c(r,t){var e=a(r);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":l=>{function n(a){var c=document.createElement("style");return a.setAttributes(c,a.attributes),a.insert(c,a.options),c}l.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(l,n,a)=>{function c(r){var t=a.nc;t&&r.setAttribute("nonce",t)}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":l=>{function n(r,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,d&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var p=e.sourceMap;p&&typeof btoa!="undefined"&&(i+=`
 /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),t.styleTagTransform(i,r,t.options)}function a(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function c(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=r.insertStyleElement(r);return{update:function(i){n(t,r,i)},remove:function(){a(t)}}}l.exports=c},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":l=>{function n(a,c){if(c.styleSheet)c.styleSheet.cssText=a;else{for(;c.firstChild;)c.removeChild(c.firstChild);c.appendChild(document.createTextNode(a))}}l.exports=n},"./stories/UISections.story.tsx":function(l,n,a){var c=this&&this.__createBinding||(Object.create?function(f,s,g,y){y===void 0&&(y=g);var T=Object.getOwnPropertyDescriptor(s,g);(!T||("get"in T?!s.__esModule:T.writable||T.configurable))&&(T={enumerable:!0,get:function(){return s[g]}}),Object.defineProperty(f,y,T)}:function(f,s,g,y){y===void 0&&(y=g),f[y]=s[g]}),r=this&&this.__setModuleDefault||(Object.create?function(f,s){Object.defineProperty(f,"default",{enumerable:!0,value:s})}:function(f,s){f.default=s}),t=this&&this.__importStar||function(f){if(f&&f.__esModule)return f;var s={};if(f!=null)for(var g in f)g!=="default"&&Object.prototype.hasOwnProperty.call(f,g)&&c(s,f,g);return r(s,f),s};Object.defineProperty(n,"__esModule",{value:!0}),n.VerticalSections=n.HorizontalSections=void 0;const e=t(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=a("./src/components/UISection/index.tsx"),d=a("./src/components/UIToggle/index.tsx"),p=a("./src/components/UIDropdown/index.tsx"),u=a("./src/components/UIButton/index.tsx");n.default={title:"Utilities/Splitter"};const S=`
     .componentOptions {
         display: flex;

package/storybook/{UISeparator-story.2aacdc48.iframe.bundle.js → UISeparator-story.a27b46f7.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "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([[~~456~~],{"./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.24_@types+react@16.14.55_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.24_@types+react@16.14.55_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}}]);})();
1	+ "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.24_@types+react@16.14.55_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.24_@types+react@16.14.55_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.34698d68.iframe.bundle.js → UITable-story.2c0ccae1.iframe.bundle.js} RENAMED Viewed

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

@@ -1,2 +1,2 @@
-"use strict";(()=>{var E=Object.defineProperty,S=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(d,r,l)=>r in d?E(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,h=(d,r)=>{for(var l in r||(r={}))T.call(r,l)&&I(d,l,r[l]);if(y)for(var l of y(r))w.call(r,l)&&I(d,l,r[l]);return d},b=(d,r)=>S(d,U(r));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[797],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.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,u){typeof e=="string"&&(e=[[null,e,void 0]]);var o={};if(a)for(var s=0;s<this.length;s++){var f=this[s][0];f!=null&&(o[f]=!0)}for(var p=0;p<e.length;p++){var c=[].concat(e[p]);a&&o[c[0]]||(typeof u!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=u),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),l.push(c))}},l}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{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={},u=[],o=0;o<t.length;o++){var s=t[o],f=a.base?s[0]+a.base:s[0],p=n[f]||0,c="".concat(f," ").concat(p);n[f]=p+1;var m=l(c),x={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(m!==-1)r[m].references++,r[m].updater(x);else{var v=e(x,a);a.byIndex=o,r.splice(o,0,{identifier:c,updater:v,references:1})}u.push(c)}return u}function e(t,a){var n=a.domAPI(a);n.update(t);var u=function(s){if(s){if(s.css===t.css&&s.media===t.media&&s.sourceMap===t.sourceMap&&s.supports===t.supports&&s.layer===t.layer)return;n.update(t=s)}else n.remove()};return u}d.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(o){o=o||[];for(var s=0;s<n.length;s++){var f=n[s],p=l(f);r[p].references--}for(var c=i(o,a),m=0;m<n.length;m++){var x=n[m],v=l(x);r[v].references===0&&(r[v].updater(),r.splice(v,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{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)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,l)=>{function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var u=typeof a.layer!="undefined";u&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,u&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var o=a.sourceMap;o&&typeof btoa!="undefined"&&(n+=`
+"use strict";(()=>{var E=Object.defineProperty,S=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var I=(d,r,l)=>r in d?E(d,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):d[r]=l,h=(d,r)=>{for(var l in r||(r={}))T.call(r,l)&&I(d,l,r[l]);if(y)for(var l of y(r))w.call(r,l)&&I(d,l,r[l]);return d},b=(d,r)=>S(d,U(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.94.0/node_modules/css-loader/dist/runtime/api.js":d=>{d.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,u){typeof e=="string"&&(e=[[null,e,void 0]]);var o={};if(a)for(var s=0;s<this.length;s++){var f=this[s][0];f!=null&&(o[f]=!0)}for(var p=0;p<e.length;p++){var c=[].concat(e[p]);a&&o[c[0]]||(typeof u!="undefined"&&(typeof c[5]=="undefined"||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=u),t&&(c[2]&&(c[1]="@media ".concat(c[2]," {").concat(c[1],"}")),c[2]=t),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),l.push(c))}},l}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{d.exports=function(r){return r[1]}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{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={},u=[],o=0;o<t.length;o++){var s=t[o],f=a.base?s[0]+a.base:s[0],p=n[f]||0,c="".concat(f," ").concat(p);n[f]=p+1;var m=l(c),x={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(m!==-1)r[m].references++,r[m].updater(x);else{var v=e(x,a);a.byIndex=o,r.splice(o,0,{identifier:c,updater:v,references:1})}u.push(c)}return u}function e(t,a){var n=a.domAPI(a);n.update(t);var u=function(s){if(s){if(s.css===t.css&&s.media===t.media&&s.sourceMap===t.sourceMap&&s.supports===t.supports&&s.layer===t.layer)return;n.update(t=s)}else n.remove()};return u}d.exports=function(t,a){a=a||{},t=t||[];var n=i(t,a);return function(o){o=o||[];for(var s=0;s<n.length;s++){var f=n[s],p=l(f);r[p].references--}for(var c=i(o,a),m=0;m<n.length;m++){var x=n[m],v=l(x);r[v].references===0&&(r[v].updater(),r.splice(v,1))}n=c}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{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)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{function r(l){var i=document.createElement("style");return l.setAttributes(i,l.attributes),l.insert(i,l.options),i}d.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,r,l)=>{function i(e){var t=l.nc;t&&e.setAttribute("nonce",t)}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{function r(e,t,a){var n="";a.supports&&(n+="@supports (".concat(a.supports,") {")),a.media&&(n+="@media ".concat(a.media," {"));var u=typeof a.layer!="undefined";u&&(n+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),n+=a.css,u&&(n+="}"),a.media&&(n+="}"),a.supports&&(n+="}");var o=a.sourceMap;o&&typeof btoa!="undefined"&&(n+=`
 /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),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)}}}d.exports=i},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.94.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{function r(l,i){if(i.styleSheet)i.styleSheet.cssText=l;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(l))}}d.exports=r},"./src/components/UICheckbox/UICheckbox.tsx":function(d,r,l){var i=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};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.24_@types+react@16.14.55_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(o){super(o),this.GlobalClassNames={root:"ms-Checkbox",label:"ms-Checkbox-label",checkbox:"ms-Checkbox-checkbox",checkmark:"ms-Checkbox-checkmark",text:"ms-Checkbox-text"},this.setStyle=(s,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"}}},s.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 o=(0,a.getMessageInfo)(this.props),s=e.default.createElement(t.Checkbox,b(h({},this.props),{styles:f=>h(h({},this.setStyle(o,f)),this.props.styles)}));return o.message?e.default.createElement(a.MessageWrapper,{message:o},s):s}}r.UICheckbox=n},"./src/components/UICheckbox/index.tsx":function(d,r,l){var i=this&&this.__createBinding||(Object.create?function(t,a,n,u){u===void 0&&(u=n);var o=Object.getOwnPropertyDescriptor(a,n);(!o||("get"in o?!a.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return a[n]}}),Object.defineProperty(t,u,o)}:function(t,a,n,u){u===void 0&&(u=n),t[u]=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(d,r,l){var i=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};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.24_@types+react@16.14.55_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"),u=l("./src/components/Icons.tsx");r.default={title:"Basic Inputs/Input"},(0,u.initIcons)();const o={childrenGap:40},s={iconName:"FolderOpened"},f=()=>e.default.createElement(t.Stack,{tokens:o,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:s})),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})));r.defaultUsage=f;const p=()=>{const[m,x]=e.default.useState(!1),[v,C]=e.default.useState("Content"),g={multiline:m,onChange:(_,k)=>{C(k||"")}};return e.default.createElement("div",null,e.default.createElement(t.Stack,{horizontal:!0,tokens:o},e.default.createElement(n.UICheckbox,{label:"Multi Line",checked:m,onChange:(_,k)=>{x(k)}})),e.default.createElement(t.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(a.UITextInput,b(h({},g),{placeholder:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{placeholder:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},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,b(h({},g),{placeholder:"Placeholder",disabled:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},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,b(h({},g),{placeholder:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(a.UITextInput,b(h({},g),{value:v,readOnly:!0})))))))};r.accessibilityStates=p;const c=()=>{const m="Dummy message";return e.default.createElement(t.Stack,{tokens:o,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:m})),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:m})),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:m})))};r.withMessages=c}}]);})();

package/storybook/{UIToggle-story.6e43072c.iframe.bundle.js → UIToggle-story.fab92f4e.iframe.bundle.js} RENAMED Viewed

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

package/storybook/UIToggleGroup-story.50b2392c.iframe.bundle.js ADDED Viewed

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

package/storybook/{UITooltip-story.489faa74.iframe.bundle.js → UITooltip-story.8f97ff0e.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UITranslationInput-story.591f361e.iframe.bundle.js → UITranslationInput-story.1c47df28.iframe.bundle.js} RENAMED Viewed

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

package/storybook/{UITreedropdown-story.8b18cd66.iframe.bundle.js → UITreedropdown-story.0da3980f.iframe.bundle.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-(()=>{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([[29],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.94.0/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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+=`
+(()=>{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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.94.0/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.24_@types+react@16.14.55_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%"},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.24_@types+react@16.14.55_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(""),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}))};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||(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.b7d94ab7.iframe.bundle.js → Utilities-story.d347dfb2.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[~~672~~],{"./stories/Utilities.story.tsx":function(f,s,n){var r=this&&this.__importDefault\|\|function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=r(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.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=n("./src/components/index.tsx");(0,u.initIcons)(),s.default={title:"Utilities/Misc"};const l={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=[],c=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<c.length;o++){const a=c[o],d=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:l,key:a},t.default.createElement("div",{id:d}),t.default.createElement(u.UICallout,{className:a,styles:{root:{position:"static"}},layerProps:{hostId:d}},m(a))))}return t.default.createElement(i.Stack,{tokens:l,style:{width:300}},e)};s.shadows=p}}]);})();
1	+ "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components\|\|[]).push([[393],{"./stories/Utilities.story.tsx":function(f,s,n){var r=this&&this.__importDefault\|\|function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.shadows=void 0;const t=r(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.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),u=n("./src/components/index.tsx");(0,u.initIcons)(),s.default={title:"Utilities/Misc"};const l={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=[],c=["ui-box-shadow-small","ui-box-shadow-medium","ui-box-shadow-large"];for(let o=0;o<c.length;o++){const a=c[o],d=`host-${o}`;e.push(t.default.createElement(i.Stack,{tokens:l,key:a},t.default.createElement("div",{id:d}),t.default.createElement(u.UICallout,{className:a,styles:{root:{position:"static"}},layerProps:{hostId:d}},m(a))))}return t.default.createElement(i.Stack,{tokens:l,style:{width:300}},e)};s.shadows=p}}]);})();

package/storybook/iframe.html CHANGED Viewed

@@ -479,7 +479,7 @@
-            window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories\\/(?!\\.)(?=.)[^/]*?\\.story\\.tsx)$"}];
+            window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"*.story.tsx","importPathMatcher":"^\\.[\\\\/](?:stories[\\\\/](?!\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$"}];
@@ -488,8 +488,8 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
-      import './runtime~main.10b3f4fd.iframe.bundle.js';
+      import './runtime~main.3643c685.iframe.bundle.js';
-      import './917.e36fe354.iframe.bundle.js';
+      import './721.ec63ce0c.iframe.bundle.js';
-      import './main.dfbd4e8f.iframe.bundle.js';</script></body></html>
+      import './main.db657c54.iframe.bundle.js';</script></body></html>

package/storybook/main.db657c54.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (()=>{var O=(s,r)=>()=>(r||s((r={exports:{}}).exports,r),r.exports);var c=(s,r,t)=>new Promise((i,e)=>{var n=o=>{try{y(t.next(o))}catch(a){e(a)}},I=o=>{try{y(t.throw(o))}catch(a){e(a)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,r)).next())});var T=O(p=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[792],{"./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]stories[\\\\/](?%21\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$":(s,r,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",341,391,449],"./UIButton.story":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",341,391,342,498,742,589,685],"./UICallout.story":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",341,391,342,498,742,239],"./UICalloutCollisionTransform.story":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,43],"./UICalloutCollisionTransform.story.tsx":["./stories/UICalloutCollisionTransform.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,43],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",341,391,558],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",341,391,558],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",341,391,525],"./UICombobox.story":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,632],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,632],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,589,973,289],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",341,391,342,498,742,589,973,289],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",341,825,391,342,498,949],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",341,391,342,191],"./UIDialog.story":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",341,391,342,498,742,973,920,583,937],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,6],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,6],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,812],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,812],"./UIIcon.story":["./stories/UIIcon.story.tsx",341,391,222],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",341,391,222],"./UILabel.story":["./stories/UILabel.story.tsx",341,391,69],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",341,391,69],"./UILink.story":["./stories/UILink.story.tsx",341,391,57],"./UILink.story.tsx":["./stories/UILink.story.tsx",341,391,57],"./UILoader.story":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",341,391,342,498,742,920,660],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",341,391,733],"./UIPersona.story":["./stories/UIPersona.story.tsx",341,271],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",341,271],"./UIQuickNavigation.story":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,680],"./UIQuickNavigation.story.tsx":["./stories/UIQuickNavigation.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,680],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,104],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,104],"./UISections.story":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISections.story.tsx":["./stories/UISections.story.tsx",341,391,342,498,742,973,592,177],"./UISeparator.story":["./stories/UISeparator.story.tsx",341,930],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",341,930],"./UITable.story":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,967],"./UITable.story.tsx":["./stories/UITable.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,967],"./UITextInput.story":["./stories/UITextInput.story.tsx",341,391,342,644],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",341,391,342,644],"./UIToggle.story":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",341,391,673],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",341,391,817,218],"./UITooltip.story":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",341,504,391,342,498,742,406],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,530],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,530],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",341,391,342,498,589,994],"./Utilities.story":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,393],"./Utilities.story.tsx":["./stories/Utilities.story.tsx",341,504,825,390,391,342,498,742,589,973,920,592,583,817,841,393]};function e(n){if(!t.o(i,n))return Promise.resolve().then(()=>{var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o});var I=i[n],y=I[0];return Promise.all(I.slice(1).map(t.e)).then(()=>t.t(y,23))}e.keys=()=>Object.keys(i),e.id="./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]stories[\\\\/](?%21\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$",s.exports=e},"./storybook-config-entry.js":(s,r,t)=>{"use strict";var i=t("@storybook/global");const e=__STORYBOOK_MODULE_PREVIEW_API__,n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>c(p,null,function*(){if(!/^\.[\\/](?:stories[\\/](?!\.)(?=.)[^\\/]*?\.story\.tsx)$/.exec(x))return;const U=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:[\\\\/]stories[\\\\/](?%21\\.)(?=.)[^\\\\/]*?\\.story\\.tsx)$")("./"+U)})];function o(x){return c(this,null,function*(){for(let U=0;U<y.length;U++){const _=yield I(()=>y[U](x));if(_)return _}})}const a=()=>(0,e.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@8.1.11_prettier@3.3.3_react-dom@16.14.0_react@16.14.0_typescript@5.6.2/node_modules/@storybook/react/dist/entry-preview.mjs")]),l=(0,n.createBrowserChannel)({page:"preview"});e.addons.setChannel(l),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const u=new e.PreviewWeb(o,a);window.__STORYBOOK_PREVIEW__=u,window.__STORYBOOK_STORY_STORE__=u.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=l},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__}},s=>{var r=i=>s(s.s=i);s.O(0,[721],()=>r("./storybook-config-entry.js"));var t=s.O()}])});T();})();

package/storybook/project.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"generatedAt":~~1727097457634~~,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.1.11","storybookVersionSpecifier":"8.1.11","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.1.11"},"@storybook/react-webpack5":{"version":"8.1.11"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.1.11"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
1	+ {"generatedAt":1728055465015,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"5.17.0","@testing-library/react":"12.1.5","babel-jest":"29.7.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.3"},"monorepo":"Nx","packageManager":{"type":"pnpm","version":"8.14.0"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"8.1.11","storybookVersionSpecifier":"8.1.11","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.1.11"},"@storybook/react-webpack5":{"version":"8.1.11"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.1.11"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}