@sap-ux/ui-components 1.12.5 → 1.13.0
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.
- package/dist/components/UICallout/CalloutCollisionTransform.d.ts +55 -0
- package/dist/components/UICallout/CalloutCollisionTransform.d.ts.map +1 -0
- package/dist/components/UICallout/CalloutCollisionTransform.js +161 -0
- package/dist/components/UICallout/CalloutCollisionTransform.js.map +1 -0
- package/dist/components/UICallout/index.d.ts +1 -0
- package/dist/components/UICallout/index.d.ts.map +1 -1
- package/dist/components/UICallout/index.js +1 -0
- package/dist/components/UICallout/index.js.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.d.ts +4 -0
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +10 -2
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.d.ts +4 -0
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.js +10 -2
- package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
- package/dist/components/UIDropdown/utils.d.ts +13 -1
- package/dist/components/UIDropdown/utils.d.ts.map +1 -1
- package/dist/components/UIDropdown/utils.js +24 -1
- package/dist/components/UIDropdown/utils.js.map +1 -1
- package/package.json +1 -1
- package/storybook/580.f238ed95.iframe.bundle.js +1 -0
- package/storybook/666.98ab036d.iframe.bundle.js +7 -0
- package/storybook/959.fddcd3e5.iframe.bundle.js +1 -0
- package/storybook/UIActionCallout-story.b91ac520.iframe.bundle.js +2 -0
- package/storybook/UICallout-story.d2720bed.iframe.bundle.js +2 -0
- package/storybook/UICalloutCollisionTransform-story.cc07045d.iframe.bundle.js +1 -0
- package/storybook/UISections-story.233ac58f.iframe.bundle.js +14 -0
- package/storybook/UITooltip-story.a201b868.iframe.bundle.js +1 -0
- package/storybook/iframe.html +2 -2
- package/storybook/index.json +1 -1
- package/storybook/main.5a2ed69f.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.fc3613dc.iframe.bundle.js +2 -0
- package/storybook/stories.json +1 -1
- package/storybook/580.a66ee51b.iframe.bundle.js +0 -1
- package/storybook/666.d0f7eb3f.iframe.bundle.js +0 -7
- package/storybook/UIActionCallout-story.ff7baadc.iframe.bundle.js +0 -2
- package/storybook/UICallout-story.e5b28e24.iframe.bundle.js +0 -2
- package/storybook/UISections-story.8a56c912.iframe.bundle.js +0 -14
- package/storybook/UITooltip-story.849ebcfc.iframe.bundle.js +0 -1
- package/storybook/main.80e14497.iframe.bundle.js +0 -1
- package/storybook/runtime~main.d0064568.iframe.bundle.js +0 -2
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[84],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss":(m,s,t)=>{var r=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=n(r);e.push([m.id,".UIActionCallout-callout{margin-top:12px;max-height:51px;cursor:pointer;box-sizing:revert;box-shadow:0 4px 8px 0 var(--vscode-widget-shadow);background-color:var(--vscode-editor-background)}.UIActionCallout-callout:hover .ms-Callout-main,.UIActionCallout-callout:hover .ms-Callout-beak{background:var(--vscode-list-hoverBackground)}.UIActionCallout-callout:hover .UIActionCallout-link{text-decoration:none}.UIActionCallout-callout .ms-Callout-beak{left:12px !important;box-shadow:none}.UIActionCallout-subText{padding-top:5px;font-size:13px}.UIActionCallout-link{vertical-align:top;padding-left:5px;font-size:13px;font-weight:700;pointer-events:none}",""]),m.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss":(m,s,t)=>{var r=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),n=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=n(r);e.push([m.id,".ts-icon{fill:var(--vscode-foreground)}",""]),m.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{"use strict";m.exports=function(s){var t=[];return t.toString=function(){return this.map(function(n){var e="",o=typeof n[5]!="undefined";return n[4]&&(e+="@supports (".concat(n[4],") {")),n[2]&&(e+="@media ".concat(n[2]," {")),o&&(e+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),e+=s(n),o&&(e+="}"),n[2]&&(e+="}"),n[4]&&(e+="}"),e}).join("")},t.i=function(n,e,o,_,a){typeof n=="string"&&(n=[[null,n,void 0]]);var l={};if(o)for(var d=0;d<this.length;d++){var p=this[d][0];p!=null&&(l[p]=!0)}for(var v=0;v<n.length;v++){var u=[].concat(n[v]);o&&l[u[0]]||(typeof a!="undefined"&&(typeof u[5]=="undefined"||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),e&&(u[2]&&(u[1]="@media ".concat(u[2]," {").concat(u[1],"}")),u[2]=e),_&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=_):u[4]="".concat(_)),t.push(u))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{"use strict";m.exports=function(s){return s[1]}},"./src/components/UIActionCallout/UIActionCallout.tsx":function(m,s,t){"use strict";var r=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIActionCallout=void 0;const n=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("./src/components/Icons.tsx"),_=t("./src/components/UICallout/index.tsx"),a=t("./src/components/UIIcon/index.tsx");t("./src/components/UIActionCallout/UIActionCallout.scss");class l extends e.default.Component{constructor(p){var v;super(p),this.actionDetail=p.actionDetail,this.commandAction=p.commandAction,this.targetElementId=p.targetElementId,this.showInline=p.showInline,this.anchor=e.default.createRef(),this.onCalloutClick=this.onCalloutClick.bind(this),this.icon=p.icon,this.onClick=p.onClick,this.anchorClicked=!1,this.isError=(v=p.isError)!=null?v:!1}onCalloutClick(){var p;this.onClick&&!this.anchorClicked&&this.onClick(),this.actionDetail.command&&this.commandAction?this.commandAction(this.actionDetail.command):((p=this.anchor.current)==null||p.click(),this.anchorClicked=!1)}handleAnchorClick(){this.anchorClicked=!0}render(){return e.default.createElement(_.UICallout,{className:"UIActionCallout-callout",onClick:this.onCalloutClick,target:`#${this.targetElementId}`,isBeakVisible:!0,doNotLayer:!0,beakWidth:10,calloutMaxWidth:230,calloutMinWidth:230,directionalHint:n.DirectionalHint.bottomLeftEdge,styles:{calloutMain:{padding:"10px"},root:{position:this.showInline===!1?"absolute":"sticky",border:this.isError===!0?"thin solid var(--vscode-errorForeground)":"thin solid none"}}},this.icon&&this.icon.render()||e.default.createElement(a.UIIcon,{iconName:o.UiIcons.HelpAction}),e.default.createElement("a",{ref:this.anchor,href:this.actionDetail.url,className:"UIActionCallout-link",target:"_blank",rel:"noreferrer",onClick:()=>this.handleAnchorClick()},this.actionDetail.linkText),e.default.createElement("div",{className:"UIActionCallout-subText"},this.actionDetail.subText))}}s.UIActionCallout=l},"./src/components/UIActionCallout/index.ts":function(m,s,t){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,o,_,a){a===void 0&&(a=_);var l=Object.getOwnPropertyDescriptor(o,_);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[_]}}),Object.defineProperty(e,a,l)}:function(e,o,_,a){a===void 0&&(a=_),e[a]=o[_]}),n=this&&this.__exportStar||function(e,o){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(o,_)&&r(o,e,_)};Object.defineProperty(s,"__esModule",{value:!0}),n(t("./src/components/UIActionCallout/UIActionCallout.tsx"),s)},"./src/components/UICallout/UICallout.tsx":function(m,s,t){"use strict";var r=Object.defineProperty,n=Object.defineProperties,e=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,l=(c,f,C)=>f in c?r(c,f,{enumerable:!0,configurable:!0,writable:!0,value:C}):c[f]=C,d=(c,f)=>{for(var C in f||(f={}))_.call(f,C)&&l(c,C,f[C]);if(o)for(var C of o(f))a.call(f,C)&&l(c,C,f[C]);return c},p=(c,f)=>n(c,e(f)),v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const u=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");s.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var h;(function(c){c.None="None",c.Standard="Standard"})(h=s.UICalloutContentPadding||(s.UICalloutContentPadding={}));const i=new Map([[h.Standard,8]]),y=(c,f)=>typeof c=="object"&&typeof c[f]=="object"?c[f]:{},I=c=>{var f;return{root:d({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:s.CALLOUT_STYLES.borderRadius},y(c.styles,"root")),beak:d({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},y(c.styles,"beak")),beakCurtain:d({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},y(c.styles,"beakCurtain")),calloutMain:d({backgroundColor:s.CALLOUT_STYLES.background,color:s.CALLOUT_STYLES.text,fontFamily:s.CALLOUT_STYLES.font,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(f=c.calloutMinWidth)!=null?f:300,boxSizing:"border-box",padding:i.get(c.contentPadding||h.None)},y(c.styles,"calloutMain")),container:y(c.styles,"container")}};s.getCalloutStyle=I;class O extends u.default.Component{constructor(f){super(f)}render(){return u.default.createElement(E.Callout,p(d({},this.props),{styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=O},"./src/components/UICallout/index.tsx":function(m,s,t){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,o,_,a){a===void 0&&(a=_);var l=Object.getOwnPropertyDescriptor(o,_);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[_]}}),Object.defineProperty(e,a,l)}:function(e,o,_,a){a===void 0&&(a=_),e[a]=o[_]}),n=this&&this.__exportStar||function(e,o){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(o,_)&&r(o,e,_)};Object.defineProperty(s,"__esModule",{value:!0}),n(t("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIIcon/UIIcon.tsx":function(m,s,t){"use strict";var r=Object.defineProperty,n=Object.defineProperties,e=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,l=(i,y,I)=>y in i?r(i,y,{enumerable:!0,configurable:!0,writable:!0,value:I}):i[y]=I,d=(i,y)=>{for(var I in y||(y={}))_.call(y,I)&&l(i,I,y[I]);if(o)for(var I of o(y))a.call(y,I)&&l(i,I,y[I]);return i},p=(i,y)=>n(i,e(y)),v=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIIcon=void 0;const u=v(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),E=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t("./src/components/UIIcon/UIIcon.scss");class h extends u.default.Component{constructor(y){super(y),this.setStyle=()=>({})}render(){return u.default.createElement(E.Icon,p(d({},this.props),{className:`ts-icon${this.props.className?` ${this.props.className}`:""}`,styles:this.setStyle()}))}}s.UIIcon=h},"./src/components/UIIcon/index.tsx":function(m,s,t){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,o,_,a){a===void 0&&(a=_);var l=Object.getOwnPropertyDescriptor(o,_);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[_]}}),Object.defineProperty(e,a,l)}:function(e,o,_,a){a===void 0&&(a=_),e[a]=o[_]}),n=this&&this.__exportStar||function(e,o){for(var _ in e)_!=="default"&&!Object.prototype.hasOwnProperty.call(o,_)&&r(o,e,_)};Object.defineProperty(s,"__esModule",{value:!0}),n(t("./src/components/UIIcon/UIIcon.tsx"),s)},"./stories/UIActionCallout.story.tsx":function(m,s,t){"use strict";var r=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.defaultUsage=void 0;const n=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),e=r(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("./src/components/UIActionCallout/index.ts"),_=t("./src/components/UIIcon/index.tsx"),a=t("./src/components/Icons.tsx");s.default={title:"Utilities/ActionCallout"};const l={childrenGap:40},d={linkText:"Need help with this error?",subText:"This link might be able to help.",url:"https://some.url/some/page"},p={linkText:"Click to action!",subText:"Some action will do the thing you need",url:"https://some.url/some/page"},v=()=>e.default.createElement(n.Stack,{tokens:l,style:{width:300}},e.default.createElement(n.Stack,{tokens:l},e.default.createElement("div",{id:"aDivId",style:{width:"fit-content"}},"Some text that needs help as link"),e.default.createElement(o.UIActionCallout,{showInline:!1,targetElementId:"aDivId",actionDetail:d,isError:!0})),e.default.createElement(n.Stack,{tokens:l},e.default.createElement("div",{id:"aDivId1",style:{width:"fit-content"}},"Some text that needs action with specified icon"),e.default.createElement(o.UIActionCallout,{icon:new _.UIIcon({iconName:a.UiIcons.Bulb}),showInline:!1,targetElementId:"aDivId1",actionDetail:p,isError:!1})));s.defaultUsage=v},"./src/components/UIActionCallout/UIActionCallout.scss":(m,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>c});var r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=t.n(r),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(e),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(_),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=t.n(l),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=t.n(p),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=t.n(u),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIActionCallout/UIActionCallout.scss"),i=t.n(h),y={};for(const f in h)f!=="default"&&(y[f]=()=>h[f]);t.d(s,y);var I={};I.styleTagTransform=E(),I.setAttributes=d(),I.insert=a().bind(null,"head"),I.domAPI=o(),I.insertStyleElement=v();var O=n()(i(),I);const c=i()&&i().locals?i().locals:void 0},"./src/components/UIIcon/UIIcon.scss":(m,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>c});var r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),n=t.n(r),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(e),_=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),a=t.n(_),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),d=t.n(l),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),v=t.n(p),u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),E=t.n(u),h=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIIcon/UIIcon.scss"),i=t.n(h),y={};for(const f in h)f!=="default"&&(y[f]=()=>h[f]);t.d(s,y);var I={};I.styleTagTransform=E(),I.setAttributes=d(),I.insert=a().bind(null,"head"),I.domAPI=o(),I.insertStyleElement=v();var O=n()(i(),I);const c=i()&&i().locals?i().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{"use strict";var s=[];function t(e){for(var o=-1,_=0;_<s.length;_++)if(s[_].identifier===e){o=_;break}return o}function r(e,o){for(var _={},a=[],l=0;l<e.length;l++){var d=e[l],p=o.base?d[0]+o.base:d[0],v=_[p]||0,u="".concat(p," ").concat(v);_[p]=v+1;var E=t(u),h={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(E!==-1)s[E].references++,s[E].updater(h);else{var i=n(h,o);o.byIndex=l,s.splice(l,0,{identifier:u,updater:i,references:1})}a.push(u)}return a}function n(e,o){var _=o.domAPI(o);_.update(e);var a=function(d){if(d){if(d.css===e.css&&d.media===e.media&&d.sourceMap===e.sourceMap&&d.supports===e.supports&&d.layer===e.layer)return;_.update(e=d)}else _.remove()};return a}m.exports=function(e,o){o=o||{},e=e||[];var _=r(e,o);return function(l){l=l||[];for(var d=0;d<_.length;d++){var p=_[d],v=t(p);s[v].references--}for(var u=r(l,o),E=0;E<_.length;E++){var h=_[E],i=t(h);s[i].references===0&&(s[i].updater(),s.splice(i,1))}_=u}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{"use strict";var s={};function t(n){if(typeof s[n]=="undefined"){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(o){e=null}s[n]=e}return s[n]}function r(n,e){var o=t(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{"use strict";function s(t){var r=document.createElement("style");return t.setAttributes(r,t.attributes),t.insert(r,t.options),r}m.exports=s},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,s,t)=>{"use strict";function r(n){var e=t.nc;e&&n.setAttribute("nonce",e)}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{"use strict";function s(n,e,o){var _="";o.supports&&(_+="@supports (".concat(o.supports,") {")),o.media&&(_+="@media ".concat(o.media," {"));var a=typeof o.layer!="undefined";a&&(_+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),_+=o.css,a&&(_+="}"),o.media&&(_+="}"),o.supports&&(_+="}");var l=o.sourceMap;l&&typeof btoa!="undefined"&&(_+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),e.styleTagTransform(_,n,e.options)}function t(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function r(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(_){s(e,n,_)},remove:function(){t(e)}}}m.exports=r},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{"use strict";function s(t,r){if(r.styleSheet)r.styleSheet.cssText=t;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(t))}}m.exports=s}}]);})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[292],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":m=>{m.exports=function(n){var u=[];return u.toString=function(){return this.map(function(o){var t="",e=typeof o[5]!="undefined";return o[4]&&(t+="@supports (".concat(o[4],") {")),o[2]&&(t+="@media ".concat(o[2]," {")),e&&(t+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),t+=n(o),e&&(t+="}"),o[2]&&(t+="}"),o[4]&&(t+="}"),t}).join("")},u.i=function(o,t,e,r,p){typeof o=="string"&&(o=[[null,o,void 0]]);var d={};if(e)for(var l=0;l<this.length;l++){var c=this[l][0];c!=null&&(d[c]=!0)}for(var i=0;i<o.length;i++){var a=[].concat(o[i]);e&&d[a[0]]||(typeof p!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=p),t&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=t),r&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=r):a[4]="".concat(r)),u.push(a))}},u}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":m=>{m.exports=function(n){return n[1]}},"./src/components/UICallout/UICallout.tsx":function(m,n,u){var f=Object.defineProperty,o=Object.defineProperties,t=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,d=(s,_,g)=>_ in s?f(s,_,{enumerable:!0,configurable:!0,writable:!0,value:g}):s[_]=g,l=(s,_)=>{for(var g in _||(_={}))r.call(_,g)&&d(s,g,_[g]);if(e)for(var g of e(_))p.call(_,g)&&d(s,g,_[g]);return s},c=(s,_)=>o(s,t(_)),i=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICallout=n.getCalloutStyle=n.UICalloutContentPadding=n.CALLOUT_STYLES=void 0;const a=i(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),v=u("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");n.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var y;(function(s){s.None="None",s.Standard="Standard"})(y=n.UICalloutContentPadding||(n.UICalloutContentPadding={}));const b=new Map([[y.Standard,8]]),h=(s,_)=>typeof s=="object"&&typeof s[_]=="object"?s[_]:{},C=s=>{var _;return{root:l({boxShadow:n.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:n.CALLOUT_STYLES.borderRadius},h(s.styles,"root")),beak:l({backgroundColor:n.CALLOUT_STYLES.background,boxShadow:n.CALLOUT_STYLES.boxShadow},h(s.styles,"beak")),beakCurtain:l({backgroundColor:n.CALLOUT_STYLES.background,borderRadius:n.CALLOUT_STYLES.borderRadius},h(s.styles,"beakCurtain")),calloutMain:l({backgroundColor:n.CALLOUT_STYLES.background,color:n.CALLOUT_STYLES.text,fontFamily:n.CALLOUT_STYLES.font,borderRadius:n.CALLOUT_STYLES.borderRadius,minWidth:(_=s.calloutMinWidth)!=null?_:300,boxSizing:"border-box",padding:b.get(s.contentPadding||y.None)},h(s.styles,"calloutMain")),container:h(s.styles,"container")}};n.getCalloutStyle=C;class S extends a.default.Component{constructor(_){super(_)}render(){return a.default.createElement(v.Callout,c(l({},this.props),{styles:(0,n.getCalloutStyle)(this.props)}),this.props.children)}}n.UICallout=S},"./src/components/UICallout/index.tsx":function(m,n,u){var f=this&&this.__createBinding||(Object.create?function(t,e,r,p){p===void 0&&(p=r);var d=Object.getOwnPropertyDescriptor(e,r);(!d||("get"in d?!e.__esModule:d.writable||d.configurable))&&(d={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,p,d)}:function(t,e,r,p){p===void 0&&(p=r),t[p]=e[r]}),o=this&&this.__exportStar||function(t,e){for(var r in t)r!=="default"&&!Object.prototype.hasOwnProperty.call(e,r)&&f(e,t,r)};Object.defineProperty(n,"__esModule",{value:!0}),o(u("./src/components/UICallout/UICallout.tsx"),n)},"./stories/UICallout.story.tsx":function(m,n,u){var f=this&&this.__createBinding||(Object.create?function(c,i,a,v){v===void 0&&(v=a);var y=Object.getOwnPropertyDescriptor(i,a);(!y||("get"in y?!i.__esModule:y.writable||y.configurable))&&(y={enumerable:!0,get:function(){return i[a]}}),Object.defineProperty(c,v,y)}:function(c,i,a,v){v===void 0&&(v=a),c[v]=i[a]}),o=this&&this.__setModuleDefault||(Object.create?function(c,i){Object.defineProperty(c,"default",{enumerable:!0,value:i})}:function(c,i){c.default=i}),t=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var i={};if(c!=null)for(var a in c)a!=="default"&&Object.prototype.hasOwnProperty.call(c,a)&&f(i,c,a);return o(i,c),i};Object.defineProperty(n,"__esModule",{value:!0}),n.Callout=void 0;const e=t(u("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),r=u("./src/components/UIButton/index.tsx"),p=u("./src/components/UICallout/index.tsx"),d=u("./src/components/Icons.tsx");(0,d.initIcons)(),n.default={title:"Dropdowns/Callout"};const l=()=>{const c="callout-test-id",[i,a]=(0,e.useState)(!1),v=()=>{a(!i)};return e.default.createElement("div",null,e.default.createElement(r.UIIconButton,{id:c,iconProps:{iconName:d.UiIcons.Bulb},checked:i,onClick:v}),i&&e.default.createElement(p.UICallout,{target:`#${c}`,isBeakVisible:!0,beakWidth:5,directionalHint:4,onDismiss:()=>v(),calloutWidth:300,calloutMinWidth:300,contentPadding:p.UICalloutContentPadding.Standard},e.default.createElement("div",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")))};n.Callout=l},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":m=>{var n=[];function u(t){for(var e=-1,r=0;r<n.length;r++)if(n[r].identifier===t){e=r;break}return e}function f(t,e){for(var r={},p=[],d=0;d<t.length;d++){var l=t[d],c=e.base?l[0]+e.base:l[0],i=r[c]||0,a="".concat(c," ").concat(i);r[c]=i+1;var v=u(a),y={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(v!==-1)n[v].references++,n[v].updater(y);else{var b=o(y,e);e.byIndex=d,n.splice(d,0,{identifier:a,updater:b,references:1})}p.push(a)}return p}function o(t,e){var r=e.domAPI(e);r.update(t);var p=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;r.update(t=l)}else r.remove()};return p}m.exports=function(t,e){e=e||{},t=t||[];var r=f(t,e);return function(d){d=d||[];for(var l=0;l<r.length;l++){var c=r[l],i=u(c);n[i].references--}for(var a=f(d,e),v=0;v<r.length;v++){var y=r[v],b=u(y);n[b].references===0&&(n[b].updater(),n.splice(b,1))}r=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":m=>{var n={};function u(o){if(typeof n[o]=="undefined"){var t=document.querySelector(o);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[o]=t}return n[o]}function f(o,t){var e=u(o);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)}m.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":m=>{function n(u){var f=document.createElement("style");return u.setAttributes(f,u.attributes),u.insert(f,u.options),f}m.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(m,n,u)=>{function f(o){var t=u.nc;t&&o.setAttribute("nonce",t)}m.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":m=>{function n(o,t,e){var r="";e.supports&&(r+="@supports (".concat(e.supports,") {")),e.media&&(r+="@media ".concat(e.media," {"));var p=typeof e.layer!="undefined";p&&(r+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),r+=e.css,p&&(r+="}"),e.media&&(r+="}"),e.supports&&(r+="}");var d=e.sourceMap;d&&typeof btoa!="undefined"&&(r+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(d))))," */")),t.styleTagTransform(r,o,t.options)}function u(o){if(o.parentNode===null)return!1;o.parentNode.removeChild(o)}function f(o){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var t=o.insertStyleElement(o);return{update:function(r){n(t,o,r)},remove:function(){u(t)}}}m.exports=f},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":m=>{function n(u,f){if(f.styleSheet)f.styleSheet.cssText=u;else{for(;f.firstChild;)f.removeChild(f.firstChild);f.appendChild(document.createTextNode(u))}}m.exports=n}}]);})();
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[248],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss":(g,n,t)=>{var u=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js"),s=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js"),e=s(u);e.push([g.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:26px;border:1px solid rgba(0,0,0,0);padding:0px 26px 0 8px;font-size:var(--vscode-font-size);font-family:var(--vscode-font-family);font-weight:var(--vscode-font-weight)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper{right:0;width:26px;background:rgba(0,0,0,0);height:100%;text-align:center}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{height:100%;fill:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i svg{height:100%;width:16px}.ts-SelectBox .ms-Dropdown>.ms-Dropdown-caretDownWrapper i{margin-top:-1px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title,.ts-SelectBox .ms-Dropdown:hover .ms-Dropdown-title{color:var(--vscode-foreground)}.ts-SelectBox .ms-Dropdown .ms-Dropdown-titleIsPlaceHolder{color:var(--vscode-input-placeholderForeground)}.ts-SelectBox .ms-Dropdown:after{pointer-events:none;content:"";position:absolute;box-sizing:border-box;top:0px;left:0px;width:100%;height:100%;border:1px solid var(--vscode-editorWidget-border);border-radius:2px}.ts-SelectBox .ms-Dropdown.is-open:after,.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown:hover:after{border-color:var(--vscode-focusBorder)}.ts-SelectBox .ms-Dropdown:focus:after,.ts-SelectBox .ms-Dropdown.is-open:after{border-style:solid}.ts-SelectBox--readonly .ms-Dropdown.is-disabled{background-color:var(--vscode-editor-background);font-style:italic}.ts-SelectBox--readonly .ms-Dropdown.is-disabled:after{border-style:dashed}.ts-SelectBox--readonly.ts-SelectBox--empty .ms-Dropdown:hover:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled{opacity:.5;background-color:var(--vscode-editor-inactiveSelectionBackground)}.ts-SelectBox--disabled .ms-Dropdown.is-disabled:after{border-color:var(--vscode-editorWidget-border)}.ts-SelectBox--readonly .ms-Dropdown:focus:after,.ts-SelectBox--disabled .ms-Dropdown:focus:after{border-style:solid;border-color:var(--vscode-focusBorder) !important}.ts-SelectBox--error .ms-Dropdown:after,.ts-SelectBox--error .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-errorBorder)}.ts-SelectBox--warning .ms-Dropdown:after,.ts-SelectBox--warning .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-warningBorder)}.ts-SelectBox--info .ms-Dropdown:after,.ts-SelectBox--info .ms-Dropdown.is-open:after{border-color:var(--vscode-inputValidation-infoBorder)}.ts-dropdown-item-blocker{position:absolute;top:0;left:0;right:0;bottom:0}',""]),g.exports=e},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/api.js":g=>{"use strict";g.exports=function(n){var t=[];return t.toString=function(){return this.map(function(s){var e="",o=typeof s[5]!="undefined";return s[4]&&(e+="@supports (".concat(s[4],") {")),s[2]&&(e+="@media ".concat(s[2]," {")),o&&(e+="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {")),e+=n(s),o&&(e+="}"),s[2]&&(e+="}"),s[4]&&(e+="}"),e}).join("")},t.i=function(s,e,o,r,f){typeof s=="string"&&(s=[[null,s,void 0]]);var p={};if(o)for(var c=0;c<this.length;c++){var D=this[c][0];D!=null&&(p[D]=!0)}for(var I=0;I<s.length;I++){var a=[].concat(s[I]);o&&p[a[0]]||(typeof f!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=f),e&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=e),r&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=r):a[4]="".concat(r)),t.push(a))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/runtime/noSourceMaps.js":g=>{"use strict";g.exports=function(n){return n[1]}},"./src/components/UIDropdown/UIDropdown.tsx":function(g,n,t){"use strict";var u=Object.defineProperty,s=Object.defineProperties,e=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,p=(y,m,l)=>m in y?u(y,m,{enumerable:!0,configurable:!0,writable:!0,value:l}):y[m]=l,c=(y,m)=>{for(var l in m||(m={}))r.call(m,l)&&p(y,l,m[l]);if(o)for(var l of o(m))f.call(m,l)&&p(y,l,m[l]);return y},D=(y,m)=>s(y,e(m)),I=this&&this.__importDefault||function(y){return y&&y.__esModule?y:{default:y}};Object.defineProperty(n,"__esModule",{value:!0}),n.UIDropdown=n.UIDropdownMenuItemType=n.UIDropdownOption=void 0;const a=I(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),S=t("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return S.DropdownMenuItemType}}),Object.defineProperty(n,"UIDropdownOption",{enumerable:!0,get:function(){return S.IDropdownOption}});const d=t("./src/components/UIIcon/index.tsx"),h=t("./src/helper/ValidationMessage/index.tsx"),w=t("./src/components/UILabel/index.tsx"),P=t("./src/components/UIDropdown/utils.ts");t("./src/components/UIDropdown/UIDropdown.scss");const A="var(--vscode-inputValidation-errorBorder)";class B extends a.default.Component{constructor(m){super(m),this.onRenderCaretDown=()=>a.default.createElement(d.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=l=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(l);{const{multiSelectDelimiter:v=", "}=this.props;if(l){const U=l.map(_=>_.text).join(v);return a.default.createElement(a.default.Fragment,null,U)}else return a.default.createElement(a.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(l=>({isOpen:!l.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(l=>({isOpen:!l.isOpen})),this.props.onHandleOpen())})},this.onChange=(l,v,U)=>{this.props.multiSelect&&this.props.onHandleChange&&v&&U&&this.props.onHandleChange(v,U)},this.stopEventPropagation=l=>{l.stopPropagation()},this.onRenderOption=(l,v)=>a.default.createElement(a.default.Fragment,null,v==null?void 0:v(l),(l==null?void 0:l.itemType)!==S.DropdownMenuItemType.Header&&a.default.createElement("div",{onMouseEnter:this.stopEventPropagation.bind(this),onMouseLeave:this.stopEventPropagation.bind(this),onMouseMove:this.stopEventPropagation.bind(this),className:"ts-dropdown-item-blocker"})),this.onRenderItem=(l,v)=>v&&l?(l.title===void 0&&(l.title=l.text),v(l)):null,this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(m){return{root:{minWidth:m.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(m){const{className:l,readOnly:v,disabled:U}=this.props,_=m.message?h.MESSAGE_TYPES_CLASSNAME_MAP.get(m.type):void 0;let i=`ts-SelectBox${m.message?" ts-SelectBox--"+_:""}`;return v&&!U&&(i+=" ts-SelectBox--readonly"),U&&(i+=" ts-SelectBox--disabled"),l&&(i+=` ${l}`),(0,P.isDropdownEmpty)(this.props)&&(i+=" ts-SelectBox--empty"),i}getAccessibilityProps(){const{readOnly:m,disabled:l}=this.props,v={};return m&&!l?(v.tabIndex=0,v["data-is-focusable"]=!0,v["aria-disabled"]=void 0,v["aria-readonly"]=!0):l&&(v.tabIndex=0,v["data-is-focusable"]=!0),v}render(){const m=(0,h.getMessageInfo)(this.props),l=this.getAccessibilityProps(),v=()=>c({},{label:c(c(c({},w.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:"' *'",color:A,paddingRight:12}}}),errorMessage:[m.style]});return a.default.createElement(S.Dropdown,D(c(c({calloutProps:{calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown"},onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),responsiveMode:S.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},l),this.props),{styles:v,className:this.getClassNames(m),errorMessage:m.message}))}}n.UIDropdown=B},"./src/components/UIDropdown/index.tsx":function(g,n,t){"use strict";var u=this&&this.__createBinding||(Object.create?function(e,o,r,f){f===void 0&&(f=r);var p=Object.getOwnPropertyDescriptor(o,r);(!p||("get"in p?!o.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(e,f,p)}:function(e,o,r,f){f===void 0&&(f=r),e[f]=o[r]}),s=this&&this.__exportStar||function(e,o){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(o,r)&&u(o,e,r)};Object.defineProperty(n,"__esModule",{value:!0}),s(t("./src/components/UIDropdown/UIDropdown.tsx"),n),s(t("./src/components/UIDropdown/utils.ts"),n)},"./src/components/UIDropdown/utils.ts":(g,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.isDropdownEmpty=void 0;function t(u){var s;const{selectedKey:e}=u;return Array.isArray(e)?e.length===0:"text"in u&&u.text||"selectedKeys"in u&&((s=u.selectedKeys)!=null&&s.length)?!1:!e}n.isDropdownEmpty=t},"./stories/UISections.story.tsx":function(g,n,t){"use strict";var u=Object.defineProperty,s=Object.defineProperties,e=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,p=(_,i,b)=>i in _?u(_,i,{enumerable:!0,configurable:!0,writable:!0,value:b}):_[i]=b,c=(_,i)=>{for(var b in i||(i={}))r.call(i,b)&&p(_,b,i[b]);if(o)for(var b of o(i))f.call(i,b)&&p(_,b,i[b]);return _},D=(_,i)=>s(_,e(i)),I=this&&this.__createBinding||(Object.create?function(_,i,b,E){E===void 0&&(E=b);var M=Object.getOwnPropertyDescriptor(i,b);(!M||("get"in M?!i.__esModule:M.writable||M.configurable))&&(M={enumerable:!0,get:function(){return i[b]}}),Object.defineProperty(_,E,M)}:function(_,i,b,E){E===void 0&&(E=b),_[E]=i[b]}),a=this&&this.__setModuleDefault||(Object.create?function(_,i){Object.defineProperty(_,"default",{enumerable:!0,value:i})}:function(_,i){_.default=i}),S=this&&this.__importStar||function(_){if(_&&_.__esModule)return _;var i={};if(_!=null)for(var b in _)b!=="default"&&Object.prototype.hasOwnProperty.call(_,b)&&I(i,_,b);return a(i,_),i};Object.defineProperty(n,"__esModule",{value:!0}),n.VerticalSections=n.HorizontalSections=void 0;const d=S(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),h=t("./src/components/UISection/index.tsx"),w=t("./src/components/UIToggle/index.tsx"),P=t("./src/components/UIDropdown/index.tsx"),A=t("./src/components/UIButton/index.tsx");n.default={title:"Utilities/Splitter"};const B=`
|
|
2
|
-
.componentOptions {
|
|
3
|
-
display: flex;
|
|
4
|
-
}
|
|
5
|
-
.componentOptions > div {
|
|
6
|
-
min-width: 100px;
|
|
7
|
-
margin-right: 10px;
|
|
8
|
-
}
|
|
9
|
-
`,y=`Lorem ipsum dolor sit amet, modo iriure prompta eos in, eos ex meis ponderum, veniam cetero imperdiet ex mel. Munere recteque nam ut, ipsum aeterno est ex. Duo porro nulla ea, ut iudicabit scriptorem sed. Eos senserit imperdiet consequuntur in.
|
|
10
|
-
Zril corpora ad per, id pri alia duis erant, elitr signiferumque eu duo. Offendit sententiae no vel, eos ad augue tibique definitionem, per ad aliquid graecis molestiae. No vero singulis sensibus nec, viris congue omnium an cum, eum cu veri maiorum suscipiantur. Ne comprehensam concludaturque nec. Eripuit deterruisset ei cum, cum elit debet sapientem ei.
|
|
11
|
-
At mollis integre inciderint usu. Eu eam inani affert populo, modus idque salutandi no ius. Ad qui nostro voluptua gloriatur. Novum gloriatur persequeris eu vel, vim te nominavi abhorreant expetendis. His assum possit officiis ut, et est affert nominati aliquando, nam ne omnes doming graecis. Pri ex tota idque appareat, fugit oporteat urbanitas eu pro.
|
|
12
|
-
Unum maluisset signiferumque has et, at persius intellegebat qui. Zril dolorum dignissim no ius, duo nostrud conceptam voluptatibus ut. Eam no noster fabellas, in meis tamquam expetendis pri. Id mel veri torquatos. Ridens facilisi constituto mei an, eos cu iriure facilis intellegam, cu magna graeci denique sea.
|
|
13
|
-
Unum consectetuer et pro, at ignota evertitur mei. Wisi meis officiis sed ne, ea errem veritus dissentiunt quo. Eum et meis persequeris eloquentiam, mei et platonem complectitur. Vidisse legendos tincidunt id quo, id inermis facilis deleniti ius.`,m=_=>_.map(i=>({key:i,text:i}));function l(_){const[i,b]=(0,d.useState)({vertical:_.vertical,splitterType:h.UISplitterType.Resize,splitter:!0,minSectionSize:[300,300],animation:!0,splitterLayoutType:h.UISplitterLayoutType.Standard,sizesAsPercents:!1,sizes:[400,void 0]}),[E,M]=(0,d.useState)(!0),[C,j]=(0,d.useState)(!0),L=(T,O)=>{b(D(c({},i),{[T]:O}))},K=(T,O)=>{L(T.currentTarget.id,O)},R=(T,O)=>{let x=i.animation;x===!0&&!O?(x=[!0,!0],x[T]=!1):!x&&O?(x=[!1,!1],x[T]=!0):x=O,L("animation",x)},W=(T,O,x,z)=>{L(T,x==null?void 0:x.key)};return d.default.createElement(d.default.Fragment,null,d.default.createElement("style",null,B),d.default.createElement("div",{style:{height:"100%",display:"flex",flexDirection:"column"}},d.default.createElement("div",{className:"componentOptions"},d.default.createElement(w.UIToggle,{id:"splitter",label:"splitter",checked:i.splitter,inlineLabel:!0,inlineLabelLeft:!0,size:w.UIToggleSize.Small,onChange:K}),d.default.createElement(P.UIDropdown,{id:"splitterType",label:"splitterType",selectedKey:i.splitterType,options:m([h.UISplitterType.Resize,h.UISplitterType.Toggle]),onChange:W.bind(this,"splitterType")}),d.default.createElement(P.UIDropdown,{id:"splitterLayoutType",label:"splitterLayoutType",selectedKey:i.splitterLayoutType,options:m([h.UISplitterLayoutType.Compact,h.UISplitterLayoutType.Standard]),onChange:W.bind(this,"splitterLayoutType")}),d.default.createElement("div",null,d.default.createElement(w.UIToggle,{id:"animation1",label:"Animate left section",checked:Array.isArray(i.animation)?i.animation[0]:i.animation,inlineLabel:!0,inlineLabelLeft:!0,size:w.UIToggleSize.Small,onChange:(T,O)=>R(0,O)}),d.default.createElement(w.UIToggle,{id:"animation1",label:"Animate right section",checked:Array.isArray(i.animation)?i.animation[1]:i.animation,inlineLabel:!0,inlineLabelLeft:!0,size:w.UIToggleSize.Small,onChange:(T,O)=>R(1,O)})),d.default.createElement("div",null,d.default.createElement(w.UIToggle,{id:"sectionVisible",label:"toggle left section",checked:E,inlineLabel:!0,inlineLabelLeft:!0,size:w.UIToggleSize.Small,onChange:()=>{M(!E)}}),d.default.createElement(w.UIToggle,{id:"sectionVisible",label:"toggle right section",checked:C,inlineLabel:!0,inlineLabelLeft:!0,size:w.UIToggleSize.Small,onChange:()=>{j(!C)}})),d.default.createElement("div",null,d.default.createElement(A.UIDefaultButton,{text:"Toggle sections",onClick:()=>{M(!E),j(!C)}}))),d.default.createElement("div",{style:{height:"100%"}},d.default.createElement(h.UISections,D(c({},i),{height:"100%",onClose:()=>{j(!C)}}),d.default.createElement(h.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!E},d.default.createElement("div",null,y,y,y)),d.default.createElement(h.UISections.Section,{height:"100%",cleanPadding:!0,hidden:!C},d.default.createElement("div",null,y,y,y))))))}const v=()=>d.default.createElement(l,{vertical:!1});n.HorizontalSections=v;const U=()=>d.default.createElement(l,{vertical:!0});n.VerticalSections=U},"./src/components/UIDropdown/UIDropdown.scss":(g,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>B});var u=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),s=t.n(u),e=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js"),o=t.n(e),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js"),f=t.n(r),p=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),c=t.n(p),D=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=t.n(D),a=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js"),S=t.n(a),d=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.88.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.88.0/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),h=t.n(d),w={};for(const y in d)y!=="default"&&(w[y]=()=>d[y]);t.d(n,w);var P={};P.styleTagTransform=S(),P.setAttributes=c(),P.insert=f().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=I();var A=s()(h(),P);const B=h()&&h().locals?h().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":g=>{"use strict";var n=[];function t(e){for(var o=-1,r=0;r<n.length;r++)if(n[r].identifier===e){o=r;break}return o}function u(e,o){for(var r={},f=[],p=0;p<e.length;p++){var c=e[p],D=o.base?c[0]+o.base:c[0],I=r[D]||0,a="".concat(D," ").concat(I);r[D]=I+1;var S=t(a),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(S!==-1)n[S].references++,n[S].updater(d);else{var h=s(d,o);o.byIndex=p,n.splice(p,0,{identifier:a,updater:h,references:1})}f.push(a)}return f}function s(e,o){var r=o.domAPI(o);r.update(e);var f=function(c){if(c){if(c.css===e.css&&c.media===e.media&&c.sourceMap===e.sourceMap&&c.supports===e.supports&&c.layer===e.layer)return;r.update(e=c)}else r.remove()};return f}g.exports=function(e,o){o=o||{},e=e||[];var r=u(e,o);return function(p){p=p||[];for(var c=0;c<r.length;c++){var D=r[c],I=t(D);n[I].references--}for(var a=u(p,o),S=0;S<r.length;S++){var d=r[S],h=t(d);n[h].references===0&&(n[h].updater(),n.splice(h,1))}r=a}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertBySelector.js":g=>{"use strict";var n={};function t(s){if(typeof n[s]=="undefined"){var e=document.querySelector(s);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(o){e=null}n[s]=e}return n[s]}function u(s,e){var o=t(s);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/insertStyleElement.js":g=>{"use strict";function n(t){var u=document.createElement("style");return t.setAttributes(u,t.attributes),t.insert(u,t.options),u}g.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(g,n,t)=>{"use strict";function u(s){var e=t.nc;e&&s.setAttribute("nonce",e)}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleDomAPI.js":g=>{"use strict";function n(s,e,o){var r="";o.supports&&(r+="@supports (".concat(o.supports,") {")),o.media&&(r+="@media ".concat(o.media," {"));var f=typeof o.layer!="undefined";f&&(r+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),r+=o.css,f&&(r+="}"),o.media&&(r+="}"),o.supports&&(r+="}");var p=o.sourceMap;p&&typeof btoa!="undefined"&&(r+=`
|
|
14
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(p))))," */")),e.styleTagTransform(r,s,e.options)}function t(s){if(s.parentNode===null)return!1;s.parentNode.removeChild(s)}function u(s){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var e=s.insertStyleElement(s);return{update:function(r){n(e,s,r)},remove:function(){t(e)}}}g.exports=u},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.88.0/node_modules/style-loader/dist/runtime/styleTagTransform.js":g=>{"use strict";function n(t,u){if(u.styleSheet)u.styleSheet.cssText=t;else{for(;u.firstChild;)u.removeChild(u.firstChild);u.appendChild(document.createTextNode(t))}}g.exports=n}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[963],{"./src/components/UICallout/UICallout.tsx":function(b,t,c){"use strict";var m=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,s=(n,i,f)=>i in n?m(n,i,{enumerable:!0,configurable:!0,writable:!0,value:f}):n[i]=f,p=(n,i)=>{for(var f in i||(i={}))o.call(i,f)&&s(n,f,i[f]);if(r)for(var f of r(i))e.call(i,f)&&s(n,f,i[f]);return n},y=(n,i)=>a(n,l(i)),S=this&&this.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(t,"__esModule",{value:!0}),t.UICallout=t.getCalloutStyle=t.UICalloutContentPadding=t.CALLOUT_STYLES=void 0;const g=S(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),U=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");t.CALLOUT_STYLES={background:"var(--vscode-editorSuggestWidget-background)",boxShadow:"0 2px 6px rgb(0 0 0 / 20%), 0 0 0 1px var(--vscode-contrastBorder, var(--vscode-editorSuggestWidget-border))",text:"var(--vscode-editorSuggestWidget-foreground)",font:"var(--vscode-font-family)",borderRadius:4};var T;(function(n){n.None="None",n.Standard="Standard"})(T=t.UICalloutContentPadding||(t.UICalloutContentPadding={}));const v=new Map([[T.Standard,8]]),u=(n,i)=>typeof n=="object"&&typeof n[i]=="object"?n[i]:{},d=n=>{var i;return{root:p({boxShadow:t.CALLOUT_STYLES.boxShadow,backgroundColor:"transparent",borderRadius:t.CALLOUT_STYLES.borderRadius},u(n.styles,"root")),beak:p({backgroundColor:t.CALLOUT_STYLES.background,boxShadow:t.CALLOUT_STYLES.boxShadow},u(n.styles,"beak")),beakCurtain:p({backgroundColor:t.CALLOUT_STYLES.background,borderRadius:t.CALLOUT_STYLES.borderRadius},u(n.styles,"beakCurtain")),calloutMain:p({backgroundColor:t.CALLOUT_STYLES.background,color:t.CALLOUT_STYLES.text,fontFamily:t.CALLOUT_STYLES.font,borderRadius:t.CALLOUT_STYLES.borderRadius,minWidth:(i=n.calloutMinWidth)!=null?i:300,boxSizing:"border-box",padding:v.get(n.contentPadding||T.None)},u(n.styles,"calloutMain")),container:u(n.styles,"container")}};t.getCalloutStyle=d;class _ extends g.default.Component{constructor(i){super(i)}render(){return g.default.createElement(U.Callout,y(p({},this.props),{styles:(0,t.getCalloutStyle)(this.props)}),this.props.children)}}t.UICallout=_},"./src/components/UICallout/index.tsx":function(b,t,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(l,r,o,e){e===void 0&&(e=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(l,e,s)}:function(l,r,o,e){e===void 0&&(e=o),l[e]=r[o]}),a=this&&this.__exportStar||function(l,r){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&m(r,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),a(c("./src/components/UICallout/UICallout.tsx"),t)},"./src/components/UITooltip/UITooltip.tsx":function(b,t,c){"use strict";var m=Object.defineProperty,a=Object.defineProperties,l=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,s=(u,d,_)=>d in u?m(u,d,{enumerable:!0,configurable:!0,writable:!0,value:_}):u[d]=_,p=(u,d)=>{for(var _ in d||(d={}))o.call(d,_)&&s(u,_,d[_]);if(r)for(var _ of r(d))e.call(d,_)&&s(u,_,d[_]);return u},y=(u,d)=>a(u,l(d)),S=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltip=t.UITooltipDelay=void 0;const g=S(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),U=c("../../node_modules/.pnpm/@fluentui+react@8.100.0_@types+react-dom@16.8.5_@types+react@16.14.0_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"UITooltipDelay",{enumerable:!0,get:function(){return U.TooltipDelay}});const T=c("./src/components/UICallout/index.tsx");class v extends g.default.Component{constructor(d){super(d)}render(){const d=this.props.maxWidth!==void 0?this.props.maxWidth:200,_=()=>p(p({},{root:{display:"inline-block"},content:{backgroundColor:T.CALLOUT_STYLES.background,color:T.CALLOUT_STYLES.text,fontFamily:T.CALLOUT_STYLES.font}}),this.props.styles),i={beakWidth:10,styles:()=>(0,T.getCalloutStyle)({calloutMinWidth:0,styles:{root:{display:"inline-block"},calloutMain:{padding:10,maxWidth:d}}})},f=g.default.createElement(U.TooltipHost,y(p({},this.props),{styles:_,calloutProps:p(p({},i),this.props.calloutProps)}));return this.props.showOnFocus?f:g.default.createElement("div",{onFocusCapture:C=>{C.target.parentElement&&C.target.parentElement.classList.contains("ms-TooltipHost")&&C.stopPropagation()}},f)}}t.UITooltip=v},"./src/components/UITooltip/UITooltipUtils.tsx":function(b,t,c){"use strict";var m=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UITooltipUtils=void 0;const a=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=m(c("../../node_modules/.pnpm/sanitize-html@2.7.3/node_modules/sanitize-html/index.js")),r=c("./src/components/UICallout/index.tsx");class o{static getStyles(){return{root:{},content:{background:r.CALLOUT_STYLES.background,color:r.CALLOUT_STYLES.text},subText:{}}}}t.UITooltipUtils=o,o.renderContent=e=>({onRenderContent:()=>a.default.createElement("span",null,e!=null?e:""),styles:o.getStyles()}),o.renderHTMLContent=e=>{const s=(0,l.default)(e);return{onRenderContent:()=>a.default.createElement("span",{dangerouslySetInnerHTML:{__html:s}}),styles:o.getStyles()}}},"./src/components/UITooltip/index.tsx":function(b,t,c){"use strict";var m=this&&this.__createBinding||(Object.create?function(l,r,o,e){e===void 0&&(e=o);var s=Object.getOwnPropertyDescriptor(r,o);(!s||("get"in s?!r.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return r[o]}}),Object.defineProperty(l,e,s)}:function(l,r,o,e){e===void 0&&(e=o),l[e]=r[o]}),a=this&&this.__exportStar||function(l,r){for(var o in l)o!=="default"&&!Object.prototype.hasOwnProperty.call(r,o)&&m(r,l,o)};Object.defineProperty(t,"__esModule",{value:!0}),a(c("./src/components/UITooltip/UITooltip.tsx"),t),a(c("./src/components/UITooltip/UITooltipUtils.tsx"),t)},"./stories/UITooltip.story.tsx":function(b,t,c){"use strict";var m=this&&this.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltips=void 0;const a=m(c("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),l=c("./src/components/UITooltip/index.tsx"),r=c("./src/components/UIButton/index.tsx"),o=c("./src/components/Icons.tsx");t.default={title:"Dropdowns/Tooltip"},(0,o.initIcons)();const e={name:"Hello, world!",html:"<span><strong>Tag:</strong> name</span>"},s=()=>a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{margin:20}},a.default.createElement(l.UITooltip,{tooltipProps:l.UITooltipUtils.renderContent(e.name)},e.name)),a.default.createElement("div",{style:{margin:20}},a.default.createElement(l.UITooltip,{tooltipProps:l.UITooltipUtils.renderHTMLContent(e.html)},"render HTML content")),a.default.createElement("div",null,a.default.createElement(l.UITooltip,{content:"This is the tooltip"},a.default.createElement(r.UIDefaultButton,null,"Show tooltip on hover and ignore focus"))),a.default.createElement("div",null,a.default.createElement(l.UITooltip,{content:"This is the tooltip",showOnFocus:!0},a.default.createElement(r.UIDefaultButton,null,"Show tooltip on hover and on focus"))));t.Tooltips=s},"?e93e":()=>{},"?67a2":()=>{},"?b45d":()=>{},"?333a":()=>{},"?cb65":()=>{}}]);})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var O=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports);var _=(s,e,t)=>new Promise((i,r)=>{var n=o=>{try{y(t.next(o))}catch(U){r(U)}},I=o=>{try{y(t.throw(o))}catch(U){r(U)}},y=o=>o.done?i(o.value):Promise.resolve(o.value).then(n,I);y((t=t.apply(s,e)).next())});var T=O(u=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[179],{"./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$":(s,e,t)=>{var i={"./UIActionCallout.story":["./stories/UIActionCallout.story.tsx",930,909,84],"./UIActionCallout.story.tsx":["./stories/UIActionCallout.story.tsx",930,909,84],"./UIButton.story":["./stories/UIButton.story.tsx",930,909,763,307,494,405,740],"./UIButton.story.tsx":["./stories/UIButton.story.tsx",930,909,763,307,494,405,740],"./UICallout.story":["./stories/UICallout.story.tsx",930,909,763,307,494,292],"./UICallout.story.tsx":["./stories/UICallout.story.tsx",930,909,763,307,494,292],"./UICheckbox.story":["./stories/UICheckbox.story.tsx",930,909,294],"./UICheckbox.story.tsx":["./stories/UICheckbox.story.tsx",930,909,294],"./UIChoiceGroup.story":["./stories/UIChoiceGroup.story.tsx",930,909,900],"./UIChoiceGroup.story.tsx":["./stories/UIChoiceGroup.story.tsx",930,909,900],"./UICombobox.story":["./stories/UICombobox.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,295],"./UICombobox.story.tsx":["./stories/UICombobox.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,295],"./UIContextualMenu.story":["./stories/UIContextualMenu.story.tsx",930,909,763,307,494,778],"./UIContextualMenu.story.tsx":["./stories/UIContextualMenu.story.tsx",930,909,763,307,494,778],"./UICreateSelect.story":["./stories/UICreateSelect.story.tsx",930,239,909,763,307,761],"./UICreateSelect.story.tsx":["./stories/UICreateSelect.story.tsx",930,239,909,763,307,761],"./UIDatePicker.story":["./stories/UIDatePicker.story.tsx",930,909,763,835],"./UIDatePicker.story.tsx":["./stories/UIDatePicker.story.tsx",930,909,763,835],"./UIDialog.story":["./stories/UIDialog.story.tsx",930,909,763,307,494,580,693],"./UIDialog.story.tsx":["./stories/UIDialog.story.tsx",930,909,763,307,494,580,693],"./UIDropdown.story":["./stories/UIDropdown.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,520],"./UIDropdown.story.tsx":["./stories/UIDropdown.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,520],"./UIFlexibleTable.story":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,210],"./UIFlexibleTable.story.tsx":["./stories/UIFlexibleTable.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,210],"./UIIcon.story":["./stories/UIIcon.story.tsx",930,909,524],"./UIIcon.story.tsx":["./stories/UIIcon.story.tsx",930,909,524],"./UILabel.story":["./stories/UILabel.story.tsx",930,909,398],"./UILabel.story.tsx":["./stories/UILabel.story.tsx",930,909,398],"./UILink.story":["./stories/UILink.story.tsx",930,469],"./UILink.story.tsx":["./stories/UILink.story.tsx",930,469],"./UILoader.story":["./stories/UILoader.story.tsx",930,909,763,307,494,682],"./UILoader.story.tsx":["./stories/UILoader.story.tsx",930,909,763,307,494,682],"./UIMessageBar.story":["./stories/UIMessageBar.story.tsx",930,909,328],"./UIMessageBar.story.tsx":["./stories/UIMessageBar.story.tsx",930,909,328],"./UIPersona.story":["./stories/UIPersona.story.tsx",930,218],"./UIPersona.story.tsx":["./stories/UIPersona.story.tsx",930,218],"./UISearchBox.story":["./stories/UISearchBox.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,786],"./UISearchBox.story.tsx":["./stories/UISearchBox.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,786],"./UISections.story":["./stories/UISections.story.tsx",930,909,763,307,494,169,248],"./UISections.story.tsx":["./stories/UISections.story.tsx",930,909,763,307,494,169,248],"./UISeparator.story":["./stories/UISeparator.story.tsx",930,456],"./UISeparator.story.tsx":["./stories/UISeparator.story.tsx",930,456],"./UITable.story":["./stories/UITable.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,309],"./UITable.story.tsx":["./stories/UITable.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,309],"./UITextInput.story":["./stories/UITextInput.story.tsx",930,909,763,797],"./UITextInput.story.tsx":["./stories/UITextInput.story.tsx",930,909,763,797],"./UIToggle.story":["./stories/UIToggle.story.tsx",930,909,626],"./UIToggle.story.tsx":["./stories/UIToggle.story.tsx",930,909,626],"./UIToggleGroup.story":["./stories/UIToggleGroup.story.tsx",930,909,308,844],"./UIToggleGroup.story.tsx":["./stories/UIToggleGroup.story.tsx",930,909,308,844],"./UITooltip.story":["./stories/UITooltip.story.tsx",930,277,909,763,307,494,963],"./UITooltip.story.tsx":["./stories/UITooltip.story.tsx",930,277,909,763,307,494,963],"./UITranslationInput.story":["./stories/UITranslationInput.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,302],"./UITranslationInput.story.tsx":["./stories/UITranslationInput.story.tsx",930,277,239,314,909,763,307,494,405,580,169,308,666,302],"./UITreedropdown.story":["./stories/UITreedropdown.story.tsx",930,909,763,307,405,29],"./UITreedropdown.story.tsx":["./stories/UITreedropdown.story.tsx",930,909,763,307,405,29]};function r(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))}r.keys=()=>Object.keys(i),r.id="./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$",s.exports=r},"./storybook-config-entry.js":(s,e,t)=>{"use strict";var i=t("@storybook/global"),r=t("@storybook/preview-api");const n=__STORYBOOK_MODULE_CHANNELS__,I=x=>x(),y=[x=>_(u,null,function*(){if(!/^\.[\\/](?:stories\/(?!\.)(?=.)[^/]*?\.story\.tsx)$/.exec(x))return;const a=x.substring(10);return t("./stories lazy recursive ^\\.\\/.*$ include: (?:\\/stories\\/(?%21\\.)(?=.)[^/]*?\\.story\\.tsx)$")("./"+a)})];function o(x){return _(this,null,function*(){for(let a=0;a<y.length;a++){const p=yield I(()=>y[a](x));if(p)return p}})}const U=()=>(0,r.composeConfigs)([t("../../node_modules/.pnpm/@storybook+react@7.4.3_react-dom@16.14.0_react@16.14.0_typescript@4.9.5/node_modules/@storybook/react/preview.js")]),c=(0,n.createBrowserChannel)({page:"preview"});r.addons.setChannel(c),i.global.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=c);const l=new r.PreviewWeb;window.__STORYBOOK_PREVIEW__=l,window.__STORYBOOK_STORY_STORE__=l.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=c,window.__STORYBOOK_CLIENT_API__=new r.ClientApi({storyStore:l.storyStore}),l.initialize({importFn:o,getProjectAnnotations:U})},"@storybook/client-logger":s=>{"use strict";s.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/global":s=>{"use strict";s.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":s=>{"use strict";s.exports=__STORYBOOK_MODULE_PREVIEW_API__}},s=>{var e=i=>s(s.s=i);s.O(0,[565],()=>e("./storybook-config-entry.js"));var t=s.O()}])});T();})();
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],l=!0,s=0;s<t.length;s++)(i&!1||o>=i)&&Object.keys(r.O).every(p=>r.O[p](t[s]))?t.splice(s--,1):(l=!1,i<o&&(o=i));if(l){e.splice(n--,1);var d=a();d!==void 0&&(f=d)}}return f}})(),r.n=e=>{var f=e&&e.__esModule?()=>e.default:()=>e;return r.d(f,{a:f}),f},(()=>{var e=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,f;r.t=function(t,a){if(a&1&&(t=this(t)),a&8||typeof t=="object"&&t&&(a&4&&t.__esModule||a&16&&typeof t.then=="function"))return t;var i=Object.create(null);r.r(i);var n={};f=f||[null,e({}),e([]),e(e)];for(var o=a&2&&t;typeof o=="object"&&!~f.indexOf(o);o=e(o))Object.getOwnPropertyNames(o).forEach(l=>n[l]=()=>t[l]);return n.default=()=>t,r.d(i,n),i}})(),r.d=(e,f)=>{for(var t in f)r.o(f,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:f[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((f,t)=>(r.f[t](e,f),f),[])),r.u=e=>""+({29:"UITreedropdown-story",84:"UIActionCallout-story",210:"UIFlexibleTable-story",218:"UIPersona-story",248:"UISections-story",292:"UICallout-story",294:"UICheckbox-story",295:"UICombobox-story",302:"UITranslationInput-story",309:"UITable-story",328:"UIMessageBar-story",398:"UILabel-story",456:"UISeparator-story",469:"UILink-story",520:"UIDropdown-story",524:"UIIcon-story",626:"UIToggle-story",682:"UILoader-story",693:"UIDialog-story",740:"UIButton-story",761:"UICreateSelect-story",778:"UIContextualMenu-story",786:"UISearchBox-story",797:"UITextInput-story",835:"UIDatePicker-story",844:"UIToggleGroup-story",900:"UIChoiceGroup-story",963:"UITooltip-story"}[e]||e)+"."+{29:"5ff8c2a8",84:"ff7baadc",169:"3cef0c60",210:"2c13d1e8",218:"9d5750d4",239:"df74670d",248:"8a56c912",277:"b4eb5ff2",292:"e5b28e24",294:"ef3a5b0a",295:"9da4ca1c",302:"9e4a233b",307:"71a90966",308:"ee260d41",309:"4fbef46b",314:"88c87a07",328:"28245a77",398:"fe877da7",405:"2472d9fb",456:"608804ec",469:"cb4bc655",494:"7dd7fb93",520:"c229d439",524:"98a0771b",580:"a66ee51b",626:"1eb81da9",666:"d0f7eb3f",682:"177c9825",693:"3223c2f8",740:"f98ff4fa",761:"e2f32e1b",763:"3cd34b10",778:"8c94e82e",786:"9133a6d6",797:"171bd469",835:"3319a11e",844:"4ac2c028",900:"136500c4",909:"ce148956",930:"1b3c5615",963:"849ebcfc"}[e]+".iframe.bundle.js",r.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch(e){if(typeof window=="object")return window}}(),r.o=(e,f)=>Object.prototype.hasOwnProperty.call(e,f),(()=>{var e={},f="@sap-ux/ui-components:";r.l=(t,a,i,n)=>{if(e[t]){e[t].push(a);return}var o,l;if(i!==void 0)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var c=s[d];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(l=!0,o=document.createElement("script"),o.charset="utf-8",o.timeout=120,r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var b=(_,p)=>{o.onerror=o.onload=null,clearTimeout(u);var h=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),h&&h.forEach(U=>U(p)),_)return _(p)},u=setTimeout(b.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=b.bind(null,o.onerror),o.onload=b.bind(null,o.onload),l&&document.head.appendChild(o)}})(),r.r=e=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),r.p="",(()=>{var e={303:0};r.f.j=(a,i)=>{var n=r.o(e,a)?e[a]:void 0;if(n!==0)if(n)i.push(n[2]);else if(a!=303){var o=new Promise((c,b)=>n=e[a]=[c,b]);i.push(n[2]=o);var l=r.p+r.u(a),s=new Error,d=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var b=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
|
-
(`+b+": "+u+")",s.name="ChunkLoadError",s.type=b,s.request=u,n[1](s)}};r.l(l,d,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,l]=i,s,d,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var b=l(r)}for(a&&a(i);c<n.length;c++)d=n[c],r.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return r.O(b)},t=self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[];t.forEach(f.bind(null,0)),t.push=f.bind(null,t.push.bind(t))})(),r.nc=void 0})();})();
|