@sap-ux/ui-components 1.26.13 → 1.26.14

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 (34) hide show
  1. package/README.md +3 -1
  2. package/package.json +2 -2
  3. package/storybook/{602.cb21b075.iframe.bundle.js → 166.6e45109c.iframe.bundle.js} +3 -3
  4. package/storybook/{569.072cfeae.iframe.bundle.js → 201.472ec30f.iframe.bundle.js} +1 -1
  5. package/storybook/{263.28b3ed84.iframe.bundle.js → 220.ab5ca261.iframe.bundle.js} +1 -1
  6. package/storybook/{559.62175a29.iframe.bundle.js → 348.65c7d509.iframe.bundle.js} +1 -1
  7. package/storybook/442.8ebf07f3.iframe.bundle.js +1 -0
  8. package/storybook/{764.25246889.iframe.bundle.js → 452.ad0596e2.iframe.bundle.js} +1 -1
  9. package/storybook/{361.b8922a97.iframe.bundle.js → 473.122e0f3a.iframe.bundle.js} +1 -1
  10. package/storybook/{536.799ef159.iframe.bundle.js → 578.8e20ee82.iframe.bundle.js} +2 -2
  11. package/storybook/{102.b4be6e96.iframe.bundle.js → 638.0fec594f.iframe.bundle.js} +1 -1
  12. package/storybook/80.67234836.iframe.bundle.js +1 -0
  13. package/storybook/{627.a0bc1ea5.iframe.bundle.js → 931.3bf97047.iframe.bundle.js} +1 -1
  14. package/storybook/{UIActionCallout-story.88353622.iframe.bundle.js → UIActionCallout-story.430b1a31.iframe.bundle.js} +2 -2
  15. package/storybook/{UIButton-story.486efc0a.iframe.bundle.js → UIButton-story.572c9af7.iframe.bundle.js} +2 -2
  16. package/storybook/{UICallout-story.178ded94.iframe.bundle.js → UICallout-story.5345d90a.iframe.bundle.js} +2 -2
  17. package/storybook/{UICheckbox-story.f343145c.iframe.bundle.js → UICheckbox-story.2ad27280.iframe.bundle.js} +2 -2
  18. package/storybook/{UIContextualMenu-story.935b032a.iframe.bundle.js → UIContextualMenu-story.e3e1391e.iframe.bundle.js} +2 -2
  19. package/storybook/{UICreateSelect-story.6ffbed78.iframe.bundle.js → UICreateSelect-story.71d25ae2.iframe.bundle.js} +2 -2
  20. package/storybook/{UIDatePicker-story.afabdde2.iframe.bundle.js → UIDatePicker-story.2d279da6.iframe.bundle.js} +2 -2
  21. package/storybook/{UIDialog-story.e8f8924a.iframe.bundle.js → UIDialog-story.d8305fc3.iframe.bundle.js} +2 -2
  22. package/storybook/{UILink-story.37ba6d2f.iframe.bundle.js → UILink-story.744125e2.iframe.bundle.js} +2 -2
  23. package/storybook/{UILoader-story.22d09ff0.iframe.bundle.js → UILoader-story.3a6e7d6c.iframe.bundle.js} +2 -2
  24. package/storybook/{UITextInput-story.e3013924.iframe.bundle.js → UITextInput-story.9e10cb39.iframe.bundle.js} +2 -2
  25. package/storybook/{UIToggle-story.94565150.iframe.bundle.js → UIToggle-story.ca3117d5.iframe.bundle.js} +2 -2
  26. package/storybook/{UIToggleGroup-story.d6eff54e.iframe.bundle.js → UIToggleGroup-story.b0721a69.iframe.bundle.js} +2 -2
  27. package/storybook/{UITooltip-story.8fd1724e.iframe.bundle.js → UITooltip-story.46e3a9a0.iframe.bundle.js} +1 -1
  28. package/storybook/{UITreedropdown-story.a4fa4534.iframe.bundle.js → UITreedropdown-story.d8d9317f.iframe.bundle.js} +2 -2
  29. package/storybook/iframe.html +3 -3
  30. package/storybook/{main.ef66141f.iframe.bundle.js → main.64a77bde.iframe.bundle.js} +1 -1
  31. package/storybook/project.json +1 -1
  32. package/storybook/{runtime~main.e9ec9be0.iframe.bundle.js → runtime~main.2fd9c1a0.iframe.bundle.js} +2 -2
  33. package/storybook/112.d83dc5ba.iframe.bundle.js +0 -1
  34. package/storybook/74.f0a1a2e2.iframe.bundle.js +0 -1
package/storybook/{UIToggleGroup-story.d6eff54e.iframe.bundle.js → UIToggleGroup-story.b0721a69.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var P=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?P(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(t)for(var i=0;i<this.length;i++){var p=this[i][0];p!=null&&(u[p]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);t&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>T});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(p),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(f),g={};for(const I in f)I!=="default"&&(g[I]=()=>f[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=c();var D=r()(y(),b);const T=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],u=0;u<o.length;u++){var i=o[u],p=t.base?i[0]+t.base:i[0],c=n[p]||0,_="".concat(p," ").concat(c);n[p]=c+1;var m=s(_),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(f);else{var y=r(f,t);t.byIndex=u,e.splice(u,0,{identifier:_,updater:y,references:1})}l.push(_)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;n.update(o=i)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(u){u=u||[];for(var i=0;i<n.length;i++){var p=n[i],c=s(p);e[c].references--}for(var _=a(u,t),m=0;m<n.length;m++){var f=n[m],y=s(f);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
2
- /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,E(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends r.default.Component{constructor(u){super(u)}render(){const u=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(v({},this.props),{styles:u}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(a,r){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{a(...t)},r)}}},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(p,c,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(c,_);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[_]}}),Object.defineProperty(p,m,f)}:function(p,c,_,m){m===void 0&&(m=_),p[m]=c[_]}),r=this&&this.__setModuleDefault||(Object.create?function(p,c){Object.defineProperty(p,"default",{enumerable:!0,value:c})}:function(p,c){p.default=c}),o=this&&this.__importStar||function(){var p=function(c){return p=Object.getOwnPropertyNames||function(_){var m=[];for(var f in _)Object.prototype.hasOwnProperty.call(_,f)&&(m[m.length]=f);return m},p(c)};return function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m=p(c),f=0;f<m.length;f++)m[f]!=="default"&&a(_,c,m[f]);return r(_,c),_}}();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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");e.default={title:"Basic Inputs/Toggle/Group"};const u={childrenGap:40},i=()=>{const[p,c]=(0,t.useState)(""),_=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],m=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(g,b)=>{c(b?g:"")};return t.default.createElement(n.Stack,{tokens:u,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",p)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:m,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
1
+ (()=>{var P=Object.defineProperty,j=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var O=(d,e,s)=>e in d?P(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,v=(d,e)=>{for(var s in e||(e={}))M.call(e,s)&&O(d,s,e[s]);if(h)for(var s of h(e))S.call(e,s)&&O(d,s,e[s]);return d},E=(d,e)=>j(d,U(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{var a=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),o=r(a);o.push([d.id,".ts-icon{fill:var(--vscode-foreground)}",""]),d.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js":d=>{"use strict";d.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var o="",t=typeof r[5]!="undefined";return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=e(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},s.i=function(r,o,t,n,l){typeof r=="string"&&(r=[[null,r,void 0]]);var u={};if(t)for(var i=0;i<this.length;i++){var p=this[i][0];p!=null&&(u[p]=!0)}for(var c=0;c<r.length;c++){var _=[].concat(r[c]);t&&u[_[0]]||(typeof l!="undefined"&&(typeof _[5]=="undefined"||(_[1]="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {").concat(_[1],"}")),_[5]=l),o&&(_[2]&&(_[1]="@media ".concat(_[2]," {").concat(_[1],"}")),_[2]=o),n&&(_[4]?(_[1]="@supports (".concat(_[4],") {").concat(_[1],"}"),_[4]=n):_[4]="".concat(n)),s.push(_))}},s}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":d=>{"use strict";d.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss":(d,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>T});var a=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=s.n(a),o=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=s.n(o),n=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=s.n(n),u=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=s.n(u),p=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=s.n(p),_=s("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=s.n(_),f=s("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),y=s.n(f),g={};for(const I in f)I!=="default"&&(g[I]=()=>f[I]);s.d(e,g);var b={};b.styleTagTransform=m(),b.setAttributes=i(),b.insert=l().bind(null,"head"),b.domAPI=t(),b.insertStyleElement=c();var D=r()(y(),b);const T=y()&&y().locals?y().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":d=>{"use strict";var e=[];function s(o){for(var t=-1,n=0;n<e.length;n++)if(e[n].identifier===o){t=n;break}return t}function a(o,t){for(var n={},l=[],u=0;u<o.length;u++){var i=o[u],p=t.base?i[0]+t.base:i[0],c=n[p]||0,_="".concat(p," ").concat(c);n[p]=c+1;var m=s(_),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)e[m].references++,e[m].updater(f);else{var y=r(f,t);t.byIndex=u,e.splice(u,0,{identifier:_,updater:y,references:1})}l.push(_)}return l}function r(o,t){var n=t.domAPI(t);n.update(o);var l=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;n.update(o=i)}else n.remove()};return l}d.exports=function(o,t){t=t||{},o=o||[];var n=a(o,t);return function(u){u=u||[];for(var i=0;i<n.length;i++){var p=n[i],c=s(p);e[c].references--}for(var _=a(u,t),m=0;m<n.length;m++){var f=n[m],y=s(f);e[y].references===0&&(e[y].updater(),e.splice(y,1))}n=_}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js":d=>{"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[r]=o}return e[r]}function a(r,o){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":d=>{"use strict";function e(s){var a=document.createElement("style");return s.setAttributes(a,s.attributes),s.insert(a,s.options),a}d.exports=e},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(d,e,s)=>{"use strict";function a(r){var o=s.nc;o&&r.setAttribute("nonce",o)}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":d=>{"use strict";function e(r,o,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var l=typeof t.layer!="undefined";l&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,l&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var u=t.sourceMap;u&&typeof btoa!="undefined"&&(n+=`
2
+ /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(u))))," */")),o.styleTagTransform(n,r,o.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function a(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=r.insertStyleElement(r);return{update:function(n){e(o,r,n)},remove:function(){s(o)}}}d.exports=a},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":d=>{"use strict";function e(s,a){if(a.styleSheet)a.styleSheet.cssText=s;else{for(;a.firstChild;)a.removeChild(a.firstChild);a.appendChild(document.createTextNode(s))}}d.exports=e},"./src/components/UIIcon/UIIcon.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,E(v({},this.props),{className:`ts-icon${l}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx":function(d,e,s){"use strict";var a=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=a(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends r.default.Component{constructor(u){super(u)}render(){const u=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(o.Label,E(v({},this.props),{styles:u}))}}e.UILabel=n},"./src/components/UILabel/index.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(a,r){let o;return(...t)=>{clearTimeout(o),o=window.setTimeout(()=>{a(...t)},r)}}},"./src/utilities/Dom.ts":(d,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=a;function s(r){return"title"in r}function a(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"getUIFirstFocusable",{enumerable:!0,get:function(){return a.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return a.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return a.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return a.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return a.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return a.isElementTabbable}});function r(o,t){const n=(0,a.getDocument)();if(n){let l=null;if(t?l=(0,a.getNextElement)(n.body,o,!1,!1,!0,!0):l=(0,a.getPreviousElement)(n.body,o,!1,!1,!0,!0),l)return l.focus(),l}return null}},"./src/utilities/Id.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"getUIId",{enumerable:!0,get:function(){return a.getId}})},"./src/utilities/Keys.ts":(d,e,s)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const a=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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,"UIKeyCodes",{enumerable:!0,get:function(){return a.KeyCodes}})},"./src/utilities/index.ts":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(o,t,n,l){l===void 0&&(l=n);var u=Object.getOwnPropertyDescriptor(t,n);(!u||("get"in u?!t.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(o,l,u)}:function(o,t,n,l){l===void 0&&(l=n),o[l]=t[n]}),r=this&&this.__exportStar||function(o,t){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(t,n)&&a(t,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx":function(d,e,s){"use strict";var a=this&&this.__createBinding||(Object.create?function(p,c,_,m){m===void 0&&(m=_);var f=Object.getOwnPropertyDescriptor(c,_);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[_]}}),Object.defineProperty(p,m,f)}:function(p,c,_,m){m===void 0&&(m=_),p[m]=c[_]}),r=this&&this.__setModuleDefault||(Object.create?function(p,c){Object.defineProperty(p,"default",{enumerable:!0,value:c})}:function(p,c){p.default=c}),o=this&&this.__importStar||function(){var p=function(c){return p=Object.getOwnPropertyNames||function(_){var m=[];for(var f in _)Object.prototype.hasOwnProperty.call(_,f)&&(m[m.length]=f);return m},p(c)};return function(c){if(c&&c.__esModule)return c;var _={};if(c!=null)for(var m=p(c),f=0;f<m.length;f++)m[f]!=="default"&&a(_,c,m[f]);return r(_,c),_}}();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=o(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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");e.default={title:"Basic Inputs/Toggle/Group"};const u={childrenGap:40},i=()=>{const[p,c]=(0,t.useState)(""),_=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],m=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],y=(g,b)=>{c(b?g:"")};return t.default.createElement(n.Stack,{tokens:u,style:{width:300}},t.default.createElement(n.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",ariaLabel:"test",onChange:y.bind(this)}),t.default.createElement("span",null,"selection: ",p)),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",required:!0})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(l.UIToggleGroup,{options:_,label:"Test",selectedKey:"medium"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(l.UIToggleGroup,{options:m,label:"Test"})),t.default.createElement(n.Stack,{tokens:{childrenGap:16}},t.default.createElement(n.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(l.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
package/storybook/{UITooltip-story.8fd1724e.iframe.bundle.js → UITooltip-story.46e3a9a0.iframe.bundle.js} RENAMED
@@ -1 +1 @@
1
- (()=>{var U=Object.defineProperty,P=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var S=(i,e,o)=>e in i?U(i,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[e]=o,y=(i,e)=>{for(var o in e||(e={}))I.call(e,o)&&S(i,o,e[o]);if(C)for(var o of C(e))v.call(e,o)&&S(i,o,e[o]);return i},E=(i,e)=>P(i,L(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,e,o)=>{var c=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js"),d=_(c);d.push([i.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)}",""]),i.exports=d},"./src/styles/_shadows.scss":(i,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(c),d=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(d),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=o.n(t),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=o.n(n),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/insertStyleElement.js"),a=o.n(T),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.101.3/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=o.n(r),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=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=m(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=a();var j=_()(u(),h);const O=u()&&u().locals?u().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class _{constructor(s,t,l=o){this.originalStyle={},this.source=s,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${s}px`,t}getElements(){const s=this.source.current,t=s==null?void 0:s.closest(this.props.container);if(t&&s){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},m=this.callout.current;return m&&(n.callout={dom:m,rect:m.getBoundingClientRect()}),n}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l,callout:n,source:m}=s;if(n){const T=window.innerHeight-o.minPagePadding,a=n.rect.height,r=m.rect.bottom;let p=r+a-l.rect.top,f=r+n.rect.height;if(p<=0||f>=T)return;if(f+=l.rect.height,f<=T&&(p+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),l.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l}=s;for(const n in this.originalStyle){const m=this.originalStyle[n];typeof m=="string"&&(t.dom.style[n]=m)}this.originalStyle={},this.placeholder&&(l.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(i,e,o){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(a){a.None="None",a.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const l=new Map([[t.Standard,8]]),n=(a,r)=>typeof a=="object"&&typeof a[r]=="object"?a[r]:{},m=a=>{var r,p;return{root:y({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},n(a.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},n(a.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},n(a.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(r=a.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((p=a.contentPadding)!=null?p:t.None)},n(a.styles,"calloutMain")),container:n(a.styles,"container")}};e.getCalloutStyle=m;class T extends _.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:p,focusTargetSiblingOnTabPress:f,target:u}=this.props;if(f&&r.key==="Tab"&&u){let g=null;if(typeof u=="string"){const h=(0,d.getDocument)();g=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,s.isHTMLElement)(u)&&(g=u);g&&(0,s.focusToSibling)(g,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}p==null||p(r)}render(){return _.default.createElement(d.Callout,E(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=T},"./src/components/UICallout/index.tsx":function(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}:function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]}),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(o("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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 d.TooltipDelay}});const s=o("./src/components/UICallout/index.tsx");class t extends _.default.Component{constructor(n){super(n)}render(){var p;const n=(p=this.props.maxWidth)!=null?p:200,m=()=>y({root:{display:"inline-block"},content:{backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text}},this.props.styles),a={beakWidth:10,styles:()=>(0,s.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:n}}})},r=_.default.createElement(d.TooltipHost,E(y({},this.props),{styles:m,calloutProps:y(y({},a),this.props.calloutProps)}));return this.props.showOnFocus?r:_.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},r)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c(o("../../node_modules/.pnpm/sanitize-html@2.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(n){return{onRenderContent:()=>_.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}}static renderHTMLContent(n){const m=(0,d.default)(n);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:m}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx":function(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}:function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]}),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UITooltip/UITooltip.tsx"),e),_(o("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("./src/components/UITooltip/index.tsx"),s=o("./src/components/UIButton/index.tsx");e.default={title:"Dropdowns/Tooltip"};const t={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderContent(t.name)},t.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderHTMLContent(t.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip"},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
1
+ (()=>{var U=Object.defineProperty,P=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var S=(i,e,o)=>e in i?U(i,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[e]=o,y=(i,e)=>{for(var o in e||(e={}))I.call(e,o)&&S(i,o,e[o]);if(C)for(var o of C(e))v.call(e,o)&&S(i,o,e[o]);return i},E=(i,e)=>P(i,L(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss":(i,e,o)=>{var c=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/runtime/api.js"),d=_(c);d.push([i.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)}",""]),i.exports=d},"./src/styles/_shadows.scss":(i,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>O});var c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=o.n(c),d=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),s=o.n(d),t=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),l=o.n(t),n=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=o.n(n),T=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),a=o.n(T),r=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.102.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),p=o.n(r),f=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.93.2_sass@1.66.1_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),u=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=m(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=a();var j=_()(u(),h);const O=u()&&u().locals?u().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts":(i,e)=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CalloutCollisionTransform=void 0;const o={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},c=20;class _{constructor(s,t,l=o){this.originalStyle={},this.source=s,this.callout=t,this.props=l,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(s){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${s}px`,t}getElements(){const s=this.source.current,t=s==null?void 0:s.closest(this.props.container);if(t&&s){const l=t==null?void 0:t.querySelector(this.props.target);if(l){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:l,rect:l.getBoundingClientRect()},source:{dom:s,rect:s.getBoundingClientRect()}},m=this.callout.current;return m&&(n.callout={dom:m,rect:m.getBoundingClientRect()}),n}}}applyTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l,callout:n,source:m}=s;if(n){const T=window.innerHeight-o.minPagePadding,a=n.rect.height,r=m.rect.bottom;let p=r+a-l.rect.top,f=r+n.rect.height;if(p<=0||f>=T)return;if(f+=l.rect.height,f<=T&&(p+=c),this.props.absolute){const u=t.dom.style;this.originalStyle={transform:u.transform,position:u.position,top:u.top,left:u.left},u.transform="",u.position="absolute",u.top=`${t.rect.top}px`,u.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(p),l.dom.prepend(this.placeholder)}}resetTransformation(){const s=this.getElements();if(!s)return;const{container:t,target:l}=s;for(const n in this.originalStyle){const m=this.originalStyle[n];typeof m=="string"&&(t.dom.style[n]=m)}this.originalStyle={},this.placeholder&&(l.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(i,e,o){"use strict";var c=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UICallout=e.getCalloutStyle=e.UICalloutContentPadding=e.CALLOUT_STYLES=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:2};var t;(function(a){a.None="None",a.Standard="Standard"})(t||(e.UICalloutContentPadding=t={}));const l=new Map([[t.Standard,8]]),n=(a,r)=>typeof a=="object"&&typeof a[r]=="object"?a[r]:{},m=a=>{var r,p;return{root:y({boxShadow:e.CALLOUT_STYLES.boxShadow,backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius,border:`1px solid ${e.CALLOUT_STYLES.borderColor}`},n(a.styles,"root")),beak:y({backgroundColor:e.CALLOUT_STYLES.background,boxShadow:e.CALLOUT_STYLES.boxShadow},n(a.styles,"beak")),beakCurtain:y({backgroundColor:e.CALLOUT_STYLES.background,borderRadius:e.CALLOUT_STYLES.borderRadius},n(a.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:e.CALLOUT_STYLES.text,borderRadius:e.CALLOUT_STYLES.borderRadius,minWidth:(r=a.calloutMinWidth)!=null?r:300,boxSizing:"border-box",padding:l.get((p=a.contentPadding)!=null?p:t.None)},n(a.styles,"calloutMain")),container:n(a.styles,"container")}};e.getCalloutStyle=m;class T extends _.default.Component{constructor(r){super(r),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(r){const{onKeyDown:p,focusTargetSiblingOnTabPress:f,target:u}=this.props;if(f&&r.key==="Tab"&&u){let g=null;if(typeof u=="string"){const h=(0,d.getDocument)();g=h==null?void 0:h.querySelector(u)}else"getBoundingClientRect"in u&&(0,s.isHTMLElement)(u)&&(g=u);g&&(0,s.focusToSibling)(g,!r.shiftKey)&&(r.stopPropagation(),r.preventDefault())}p==null||p(r)}render(){return _.default.createElement(d.Callout,E(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,e.getCalloutStyle)(this.props)}),this.props.children)}}e.UICallout=T},"./src/components/UICallout/index.tsx":function(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}:function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]}),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UICallout/CalloutCollisionTransform.ts"),e),_(o("./src/components/UICallout/UICallout.tsx"),e)},"./src/components/UITooltip/UITooltip.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltip=e.UITooltipDelay=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.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 d.TooltipDelay}});const s=o("./src/components/UICallout/index.tsx");class t extends _.default.Component{constructor(n){super(n)}render(){var p;const n=(p=this.props.maxWidth)!=null?p:200,m=()=>y({root:{display:"inline-block"},content:{backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text}},this.props.styles),a={beakWidth:10,styles:()=>(0,s.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:n}}})},r=_.default.createElement(d.TooltipHost,E(y({},this.props),{styles:m,calloutProps:y(y({},a),this.props.calloutProps)}));return this.props.showOnFocus?r:_.default.createElement("div",{onFocusCapture:f=>{f.target.parentElement&&f.target.parentElement.classList.contains("ms-TooltipHost")&&f.stopPropagation()}},r)}}e.UITooltip=t},"./src/components/UITooltip/UITooltipUtils.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.UITooltipUtils=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=c(o("../../node_modules/.pnpm/sanitize-html@2.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(n){return{onRenderContent:()=>_.default.createElement("span",null,n!=null?n:""),styles:t.getStyles()}}static renderHTMLContent(n){const m=(0,d.default)(n);return{onRenderContent:()=>_.default.createElement("span",{dangerouslySetInnerHTML:{__html:m}}),styles:t.getStyles()}}}e.UITooltipUtils=t},"./src/components/UITooltip/index.tsx":function(i,e,o){"use strict";var c=this&&this.__createBinding||(Object.create?function(d,s,t,l){l===void 0&&(l=t);var n=Object.getOwnPropertyDescriptor(s,t);(!n||("get"in n?!s.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return s[t]}}),Object.defineProperty(d,l,n)}:function(d,s,t,l){l===void 0&&(l=t),d[l]=s[t]}),_=this&&this.__exportStar||function(d,s){for(var t in d)t!=="default"&&!Object.prototype.hasOwnProperty.call(s,t)&&c(s,d,t)};Object.defineProperty(e,"__esModule",{value:!0}),_(o("./src/components/UITooltip/UITooltip.tsx"),e),_(o("./src/components/UITooltip/UITooltipUtils.tsx"),e)},"./stories/UITooltip.story.tsx":function(i,e,o){"use strict";var c=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(e,"__esModule",{value:!0}),e.Tooltips=void 0;const _=c(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=o("./src/components/UITooltip/index.tsx"),s=o("./src/components/UIButton/index.tsx");e.default={title:"Dropdowns/Tooltip"};const t={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},l=()=>_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderContent(t.name)},t.name)),_.default.createElement("div",{style:{margin:20}},_.default.createElement(d.UITooltip,{tooltipProps:d.UITooltipUtils.renderHTMLContent(t.html)},"render HTML content")),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip"},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),_.default.createElement("div",null,_.default.createElement(d.UITooltip,{content:"This is the tooltip",showOnFocus:!0},_.default.createElement(s.UIDefaultButton,null,"Show tooltip on hover and on focus"))));e.Tooltips=l},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
package/storybook/{UITreedropdown-story.a4fa4534.iframe.bundle.js → UITreedropdown-story.d8d9317f.iframe.bundle.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var k=Object.defineProperty,D=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var E=(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)&&E(u,l,a[l]);if(S)for(var l of S(a))A.call(a,l)&&E(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.101.3/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.101.3/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.101.3/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.101.3/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.101.3/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.101.3/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.101.3/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+=`
2
- /*# 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.101.3/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(0),[o,i]=e.default.useState(""),h=m=>{v(c+1),i(m)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:o,label:`Label(value changed ${c} times)`,placeholderText:"Select value",items:r,onParameterValueChange:h,maxWidth:300}))};a.Basic=p;const f=()=>{const[c,v]=e.default.useState(""),o=i=>v(i);return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:c,label:"Label",placeholderText:"Select value",items:r,onParameterValueChange:o,maxWidth:300,errorMessage:"Dummy error"}))};a.Message=f;const d=()=>{const[c,v]=e.default.useState("_Title1"),o={childrenGap:40},i={placeholderText:"Select value",items:r,maxWidth:300,onParameterValueChange:m=>console.log(m)},h=y(_({},i),{onParameterValueChange:m=>v(m)});return e.default.createElement("div",null,e.default.createElement(n.Stack,{horizontal:!0,tokens:o},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{errorMessage:"Dummy error",value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c,readOnly:!0})))))))};a.accessibilityStates=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(u,a,l)=>{var s=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),n=e;n.v1=s,n.v4=e,u.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":u=>{for(var a=[],l=0;l<256;++l)a[l]=(l+256).toString(16).substr(1);function s(e,n){var t=n||0,r=a;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")}u.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":u=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var l=new Uint8Array(16);u.exports=function(){return a(l),l}}else{var s=new Array(16);u.exports=function(){for(var n=0,t;n<16;n++)n&3||(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}}]);})();
1
+ (()=>{var k=Object.defineProperty,D=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var E=(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)&&E(u,l,a[l]);if(S)for(var l of S(a))A.call(a,l)&&E(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.102.1/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.102.1/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.102.1/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.102.1/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.102.1/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.102.1/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.102.1/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+=`
2
+ /*# 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.102.1/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(0),[o,i]=e.default.useState(""),h=m=>{v(c+1),i(m)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:o,label:`Label(value changed ${c} times)`,placeholderText:"Select value",items:r,onParameterValueChange:h,maxWidth:300}))};a.Basic=p;const f=()=>{const[c,v]=e.default.useState(""),o=i=>v(i);return e.default.createElement("div",{style:{width:300}},e.default.createElement(t.UITreeDropdown,{value:c,label:"Label",placeholderText:"Select value",items:r,onParameterValueChange:o,maxWidth:300,errorMessage:"Dummy error"}))};a.Message=f;const d=()=>{const[c,v]=e.default.useState("_Title1"),o={childrenGap:40},i={placeholderText:"Select value",items:r,maxWidth:300,onParameterValueChange:m=>console.log(m)},h=y(_({},i),{onParameterValueChange:m=>v(m)});return e.default.createElement("div",null,e.default.createElement(n.Stack,{horizontal:!0,tokens:o},e.default.createElement("table",{style:{borderSpacing:20,width:"100%",maxWidth:750}},e.default.createElement("tr",null,e.default.createElement("td",{style:{minWidth:100,width:150}}),e.default.createElement("td",{style:{width:"50%"}},"Placeholder Text"),e.default.createElement("td",{style:{width:"50%"}},"Input Text")),e.default.createElement("tr",null,e.default.createElement("td",null,"Regular"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{errorMessage:"Dummy error",value:c})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},i),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(t.UITreeDropdown,y(_({},h),{value:c,readOnly:!0})))))))};a.accessibilityStates=d},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/index.js":(u,a,l)=>{var s=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v1.js"),e=l("../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/v4.js"),n=e;n.v1=s,n.v4=e,u.exports=n},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/bytesToUuid.js":u=>{for(var a=[],l=0;l<256;++l)a[l]=(l+256).toString(16).substr(1);function s(e,n){var t=n||0,r=a;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")}u.exports=s},"../../node_modules/.pnpm/uuid@3.4.0/node_modules/uuid/lib/rng-browser.js":u=>{var a=typeof crypto!="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto!="undefined"&&typeof window.msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto);if(a){var l=new Uint8Array(16);u.exports=function(){return a(l),l}}else{var s=new Array(16);u.exports=function(){for(var n=0,t;n<16;n++)n&3||(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/iframe.html CHANGED
@@ -518,8 +518,8 @@
518
518
  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';
519
519
 
520
520
 
521
- import './runtime~main.e9ec9be0.iframe.bundle.js';
521
+ import './runtime~main.2fd9c1a0.iframe.bundle.js';
522
522
 
523
- import './536.799ef159.iframe.bundle.js';
523
+ import './578.8e20ee82.iframe.bundle.js';
524
524
 
525
- import './main.ef66141f.iframe.bundle.js';</script></body></html>
525
+ import './main.64a77bde.iframe.bundle.js';</script></body></html>