@sap-ux/ui-components 3.0.0 → 3.0.2
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/UIButton/UIActionButton.js +1 -1
- package/dist/components/UIButton/UIActionButton.js.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +1 -1
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- package/dist/components/UIButton/UIIconButton.js +2 -2
- package/dist/components/UIButton/UIIconButton.js.map +1 -1
- package/dist/components/UIButton/UISmallButton.js +1 -1
- package/dist/components/UIButton/UISmallButton.js.map +1 -1
- package/dist/components/UICallout/UICallout.d.ts +1 -1
- package/dist/components/UICallout/UICallout.js +1 -1
- package/dist/components/UICallout/UICallout.js.map +1 -1
- package/dist/components/UIDialog/UIDialog.d.ts +1 -1
- package/dist/components/UIDialog/UIDialog.js +1 -1
- package/dist/components/UIDialog/UIDialog.js.map +1 -1
- package/dist/components/UIInput/UITextInput.d.ts +1 -1
- package/dist/components/UIInput/UITextInput.js +1 -1
- package/dist/components/UIInput/UITextInput.js.map +1 -1
- package/dist/components/UIToggle/UIToggle.d.ts.map +1 -1
- package/dist/components/UIToggle/UIToggle.js +1 -0
- package/dist/components/UIToggle/UIToggle.js.map +1 -1
- package/package.json +2 -1
- package/storybook/{286.132e3dcf.iframe.bundle.js → 286.7d47e798.iframe.bundle.js} +1 -1
- package/storybook/{33.71c40cbf.iframe.bundle.js → 33.fa940823.iframe.bundle.js} +1 -1
- package/storybook/{416.f50bd5c3.iframe.bundle.js → 416.4440d19e.iframe.bundle.js} +1 -1
- package/storybook/{7.4fcb7e45.iframe.bundle.js → 7.256734ca.iframe.bundle.js} +5 -5
- package/storybook/{882.3e14d778.iframe.bundle.js → 882.443faf9f.iframe.bundle.js} +1 -1
- package/storybook/{UIActionCallout-story.b98b4b91.iframe.bundle.js → UIActionCallout-story.67c915a8.iframe.bundle.js} +5 -5
- package/storybook/{UICallout-story.76cd265e.iframe.bundle.js → UICallout-story.9e0e7165.iframe.bundle.js} +1 -1
- package/storybook/{UIContextualMenu-story.50590557.iframe.bundle.js → UIContextualMenu-story.dddf517e.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.87ab3155.iframe.bundle.js → UIToggle-story.20ab1279.iframe.bundle.js} +1 -1
- package/storybook/{UITooltip-story.529b65bb.iframe.bundle.js → UITooltip-story.1f969fb5.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.60f2fd3a.iframe.bundle.js → UITreedropdown-story.2fe0c2c0.iframe.bundle.js} +2 -2
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.8ce1d604.iframe.bundle.js → runtime~main.821cb82b.iframe.bundle.js} +1 -1
|
@@ -4,7 +4,7 @@ based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
|
4
4
|
|
|
5
5
|
@exports
|
|
6
6
|
@class UIIcon
|
|
7
|
-
@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(i,r,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(t,_,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(_,o);(!n||("get"in n?!_.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(t,a,n)}):(function(t,_,o,a){a===void 0&&(a=o),t[a]=_[o]})),e=this&&this.__exportStar||function(t,_){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&d(_,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=d(s("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/helper/ValidationMessage/index.tsx"),a=s("./src/components/UIIcon/index.tsx"),n=s("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b={display:"flex"},l=.4,u={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var E,m;this.replaceThumbWithIcon(f),(m=(E=this.props).onChange)==null||m.call(E,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const E=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");E&&t.default.render(e.default.createElement(a.UIIcon,{iconName:h?n.UiIcons.SwitchOn:n.UiIcons.SwitchOff,style:b}),E)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor},":hover":{background:u.pill.checked.hover.background,borderColor:u.pill.checked.hover.borderColor},":disabled":{background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,opacity:l}},!M.checked&&{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.unchecked.hover.background,borderColor:u.thumb.unchecked.hover.borderColor},":hover":{background:u.pill.unchecked.hover.background,borderColor:u.pill.unchecked.hover.borderColor},":disabled":{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:u.pill.focus.outline}}}),thumb:I(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:u.thumb.checked.borderColor,backgroundColor:u.thumb.checked.background,":hover":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:u.thumb.unchecked.borderColor,backgroundColor:u.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(_.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v,v.__docgenInfo={description:`UIToggle component.
|
|
7
|
+
@extends {React.Component<IIconProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[],returns:{type:{name:"IIconStyles"}}}],displayName:"UIIcon"}},"./src/components/UIIcon/index.tsx"(i,r,s){"use strict";var d=this&&this.__createBinding||(Object.create?(function(t,_,o,a){a===void 0&&(a=o);var n=Object.getOwnPropertyDescriptor(_,o);(!n||("get"in n?!_.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return _[o]}}),Object.defineProperty(t,a,n)}):(function(t,_,o,a){a===void 0&&(a=o),t[a]=_[o]})),e=this&&this.__exportStar||function(t,_){for(var o in t)o!=="default"&&!Object.prototype.hasOwnProperty.call(_,o)&&d(_,t,o)};Object.defineProperty(r,"__esModule",{value:!0}),e(s("./src/components/UIIcon/UIIcon.tsx"),r)},"./src/components/UIToggle/UIToggle.tsx"(i,r,s){"use strict";var d=this&&this.__importDefault||function(g){return g&&g.__esModule?g:{default:g}};Object.defineProperty(r,"__esModule",{value:!0}),r.UIToggle=r.UIToggleSize=void 0;const e=d(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=d(s("../../node_modules/.pnpm/react-dom@16.14.0_react@16.14.0/node_modules/react-dom/index.js")),_=s("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),o=s("./src/helper/ValidationMessage/index.tsx"),a=s("./src/components/UIIcon/index.tsx"),n=s("./src/components/Icons.tsx");var c;(function(g){g.Standard="Standard",g.Small="Small"})(c||(r.UIToggleSize=c={}));const p={width:30,height:18,padding:"0 1px",margin:"0",label:{fontSize:13,padding:"0px 0px 1px 0px"},circle:{width:14,height:14,borderWidth:1}},b={display:"flex"},l=.4,u={pill:{unchecked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-editorWidget-border)"}},checked:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))",hover:{background:"var(--vscode-editorWidget-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-editorWidget-border))"}},focus:{outline:"1px solid var(--vscode-focusBorder) !important"}},thumb:{unchecked:{background:"var(--vscode-button-secondaryBackground)",borderColor:"var(--vscode-button-border, transparent)",hover:{borderColor:"var(--vscode-button-border, transparent)",background:"var(--vscode-contrastBorder, var(--vscode-button-secondaryHoverBackground))"}},checked:{background:"var(--vscode-button-background)",borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",hover:{borderColor:"var(--vscode-contrastActiveBorder, var(--vscode-button-border, transparent))",background:"var(--vscode-contrastActiveBorder, var(--vscode-button-hoverBackground))"}}}};class v extends e.default.Component{constructor(h){super(h),this.toggleRootRef=e.default.createRef(),this.handleChange=this.handleChange.bind(this),this.replaceThumbWithIcon=this.replaceThumbWithIcon.bind(this)}componentDidMount(){var h;this.replaceThumbWithIcon((h=this.props.checked)!=null?h:this.props.defaultChecked)}shouldComponentUpdate(h){return h.checked!==this.props.checked&&this.replaceThumbWithIcon(h.checked),!0}handleChange(h,f){var E,m;this.replaceThumbWithIcon(f),(m=(E=this.props).onChange)==null||m.call(E,h,f)}replaceThumbWithIcon(h=!1){var f;if(this.toggleRootRef.current){const E=(f=this.toggleRootRef.current)==null?void 0:f.querySelector(".ms-Toggle-thumb");E&&t.default.render(e.default.createElement(a.UIIcon,{iconName:h?n.UiIcons.SwitchOn:n.UiIcons.SwitchOff,style:b}),E)}}getMarginBottom(h){const{inlineLabel:f}=this.props;if(h)return f?0:4}render(){const{inlineLabelLeft:h,labelFlexGrow:f,inlineLabel:E}=this.props,m=p,w=(0,o.getMessageInfo)(this.props),k=M=>({root:I(y({},f&&{flexGrow:1,justifyContent:"space-between"}),{margin:m==null?void 0:m.margin,marginBottom:this.getMarginBottom(w.message)}),label:I(y(y({color:"var(--vscode-foreground)",fontWeight:"normal",fontSize:m==null?void 0:m.label.fontSize,padding:m==null?void 0:m.label.padding},E&&{marginLeft:10}),h&&{order:0,marginLeft:0,marginRight:10}),{opacity:this.props.disabled?l:"inherit"}),pill:I(y({height:m==null?void 0:m.height,width:m==null?void 0:m.width,padding:m==null?void 0:m.padding,borderRadius:"var(--vscode-cornerRadius-circle, 9999px)",background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor},":hover":{background:u.pill.checked.hover.background,borderColor:u.pill.checked.hover.borderColor},":disabled":{background:u.pill.checked.background,borderColor:u.pill.checked.borderColor,opacity:l}},!M.checked&&{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,borderStyle:"solid",":hover .ms-Toggle-thumb":{background:u.thumb.unchecked.hover.background,borderColor:u.thumb.unchecked.hover.borderColor},":hover":{background:u.pill.unchecked.hover.background,borderColor:u.pill.unchecked.hover.borderColor},":disabled":{background:u.pill.unchecked.background,borderColor:u.pill.unchecked.borderColor,opacity:l}}),{selectors:{":focus::after":{border:"none !important",outline:u.pill.focus.outline}}}),thumb:I(y({height:m==null?void 0:m.circle.height,width:m==null?void 0:m.circle.width,borderWidth:m==null?void 0:m.circle.borderWidth,backgroundPosition:"center",borderColor:u.thumb.checked.borderColor,backgroundColor:u.thumb.checked.background,":hover":{background:u.thumb.checked.hover.background,borderColor:u.thumb.checked.hover.borderColor}},!M.checked&&{borderColor:u.thumb.unchecked.borderColor,backgroundColor:u.thumb.unchecked.background}),{svg:{width:"100%",height:"100%",path:{fill:M.checked?"var(--vscode-button-foreground)":"var(--vscode-button-secondaryForeground)"}}})}),T=e.default.createElement(_.Toggle,I(y({},this.props),{styles:k,ref:this.toggleRootRef,onChange:this.handleChange}));return w.message?e.default.createElement(o.MessageWrapper,{message:w},T):T}}r.UIToggle=v,v.__docgenInfo={description:`UIToggle component.
|
|
8
8
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/toggle
|
|
9
9
|
|
|
10
10
|
@exports
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
(()=>{var E=Object.defineProperty,I=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var C=(c,s,n)=>s in c?E(c,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[s]=n,b=(c,s)=>{for(var n in s||(s={}))P.call(s,n)&&C(c,n,s[n]);if(v)for(var n of v(s))O.call(s,n)&&C(c,n,s[n]);return c},w=(c,s)=>I(c,U(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[406],{"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(c,s,n){var d=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),_=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"),o=_(d);o.push([c.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)}",""]),c.exports=o},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/api.js"(c){"use strict";c.exports=function(s){var n=[];return n.toString=function(){return this.map(function(_){var o="",t=typeof _[5]!="undefined";return _[4]&&(o+="@supports (".concat(_[4],") {")),_[2]&&(o+="@media ".concat(_[2]," {")),t&&(o+="@layer".concat(_[5].length>0?" ".concat(_[5]):""," {")),o+=s(_),t&&(o+="}"),_[2]&&(o+="}"),_[4]&&(o+="}"),o}).join("")},n.i=function(_,o,t,e,r){typeof _=="string"&&(_=[[null,_,void 0]]);var l={};if(t)for(var i=0;i<this.length;i++){var f=this[i][0];f!=null&&(l[f]=!0)}for(var u=0;u<_.length;u++){var a=[].concat(_[u]);t&&l[a[0]]||(typeof r!="undefined"&&(typeof a[5]=="undefined"||(a[1]="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {").concat(a[1],"}")),a[5]=r),o&&(a[2]&&(a[1]="@media ".concat(a[2]," {").concat(a[1],"}")),a[2]=o),e&&(a[4]?(a[1]="@supports (".concat(a[4],") {").concat(a[1],"}"),a[4]=e):a[4]="".concat(e)),n.push(a))}},n}},"../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/runtime/noSourceMaps.js"(c){"use strict";c.exports=function(s){return s[1]}},"./src/styles/_shadows.scss"(c,s,n){"use strict";n.r(s),n.d(s,{default:()=>S});var d=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_=n.n(d),o=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),t=n.n(o),e=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"),r=n.n(e),l=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),i=n.n(l),f=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),u=n.n(f),a=n("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=n.n(a),h=n("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[12].use[1]!../../node_modules/.pnpm/sass-loader@16.0.7_sass-embedded@1.97.3_sass@1.98.0_webpack@5.105.0_@swc+core@1.15.18_@_31ae7bffeec4c4c96330dc3ad7603369/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),p=n.n(h),T={};for(const g in h)g!=="default"&&(T[g]=()=>h[g]);n.d(s,T);var y={};y.styleTagTransform=m(),y.setAttributes=i(),y.insert=r().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=u();var L=_()(p(),y);const S=p()&&p().locals?p().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(c){"use strict";var s=[];function n(o){for(var t=-1,e=0;e<s.length;e++)if(s[e].identifier===o){t=e;break}return t}function d(o,t){for(var e={},r=[],l=0;l<o.length;l++){var i=o[l],f=t.base?i[0]+t.base:i[0],u=e[f]||0,a="".concat(f," ").concat(u);e[f]=u+1;var m=n(a),h={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(m!==-1)s[m].references++,s[m].updater(h);else{var p=_(h,t);t.byIndex=l,s.splice(l,0,{identifier:a,updater:p,references:1})}r.push(a)}return r}function _(o,t){var e=t.domAPI(t);e.update(o);var r=function(i){if(i){if(i.css===o.css&&i.media===o.media&&i.sourceMap===o.sourceMap&&i.supports===o.supports&&i.layer===o.layer)return;e.update(o=i)}else e.remove()};return r}c.exports=function(o,t){t=t||{},o=o||[];var e=d(o,t);return function(l){l=l||[];for(var i=0;i<e.length;i++){var f=e[i],u=n(f);s[u].references--}for(var a=d(l,t),m=0;m<e.length;m++){var h=e[m],p=n(h);s[p].references===0&&(s[p].updater(),s.splice(p,1))}e=a}}},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertBySelector.js"(c){"use strict";var s={};function n(_){if(typeof s[_]=="undefined"){var o=document.querySelector(_);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}s[_]=o}return s[_]}function d(_,o){var t=n(_);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)}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/insertStyleElement.js"(c){"use strict";function s(n){var d=document.createElement("style");return n.setAttributes(d,n.attributes),n.insert(d,n.options),d}c.exports=s},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"(c,s,n){"use strict";function d(_){var o=n.nc;o&&_.setAttribute("nonce",o)}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleDomAPI.js"(c){"use strict";function s(_,o,t){var e="";t.supports&&(e+="@supports (".concat(t.supports,") {")),t.media&&(e+="@media ".concat(t.media," {"));var r=typeof t.layer!="undefined";r&&(e+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),e+=t.css,r&&(e+="}"),t.media&&(e+="}"),t.supports&&(e+="}");var l=t.sourceMap;l&&typeof btoa!="undefined"&&(e+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,_,o.options)}function n(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function d(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(e){s(o,_,e)},remove:function(){n(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(n,d){if(d.styleSheet)d.styleSheet.cssText=n;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(n))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class _{constructor(t,e,r=n){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const f=window.innerHeight-n.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,h=a+l.rect.height;if(m<=0||h>=f)return;if(h+=r.rect.height,h<=f&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(c,s,n){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=n("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),s.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
|
+
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(e,_,o.options)}function n(_){if(_.parentNode===null)return!1;_.parentNode.removeChild(_)}function d(_){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=_.insertStyleElement(_);return{update:function(e){s(o,_,e)},remove:function(){n(o)}}}c.exports=d},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_/node_modules/style-loader/dist/runtime/styleTagTransform.js"(c){"use strict";function s(n,d){if(d.styleSheet)d.styleSheet.cssText=n;else{for(;d.firstChild;)d.removeChild(d.firstChild);d.appendChild(document.createTextNode(n))}}c.exports=s},"./src/components/UICallout/CalloutCollisionTransform.ts"(c,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const n={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},d=20;class _{constructor(t,e,r=n){this.originalStyle={},this.source=t,this.callout=e,this.props=r,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(t){const e=document.createElement("div");return e.classList.add("ts-Callout-transformation"),e.style.height=`${t}px`,e}getElements(){const t=this.source.current,e=t==null?void 0:t.closest(this.props.container);if(e&&t){const r=e==null?void 0:e.querySelector(this.props.target);if(r){const l={container:{dom:e,rect:e.getBoundingClientRect()},target:{dom:r,rect:r.getBoundingClientRect()},source:{dom:t,rect:t.getBoundingClientRect()}},i=this.callout.current;return i&&(l.callout={dom:i,rect:i.getBoundingClientRect()}),l}}}applyTransformation(){const t=this.getElements();if(!t)return;const{container:e,target:r,callout:l,source:i}=t;if(l){const f=window.innerHeight-n.minPagePadding,u=l.rect.height,a=i.rect.bottom;let m=a+u-r.rect.top,h=a+l.rect.height;if(m<=0||h>=f)return;if(h+=r.rect.height,h<=f&&(m+=d),this.props.absolute){const p=e.dom.style;this.originalStyle={transform:p.transform,position:p.position,top:p.top,left:p.left},p.transform="",p.position="absolute",p.top=`${e.rect.top}px`,p.left=`${e.rect.left}px`}this.placeholder=this.createPlaceholder(m),r.dom.prepend(this.placeholder)}}resetTransformation(){const t=this.getElements();if(!t)return;const{container:e}=t;for(const r in this.originalStyle){const l=this.originalStyle[r];typeof l=="string"&&(e.dom.style[r]=l)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(t){const e=this.getElements();return!!(t.type==="focus"&&(e!=null&&e.target.dom.contains(t.target)))}}s.CalloutCollisionTransform=_},"./src/components/UICallout/UICallout.tsx"(c,s,n){"use strict";var d=this&&this.__importDefault||function(u){return u&&u.__esModule?u:{default:u}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const _=d(n("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=n("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),t=n("./src/utilities/index.ts");n("./src/styles/_shadows.scss"),s.CALLOUT_STYLES={background:"var(--vscode-editorWidget-background)",boxShadow:"var(--ui-box-shadow-small)",borderColor:"var(--vscode-editorWidget-border)",text:"var(--vscode-editorWidget-foreground)",borderRadius:"var(--vscode-cornerRadius-small, 4px)"};var e;(function(u){u.None="None",u.Standard="Standard"})(e||(s.UICalloutContentPadding=e={}));const r=new Map([[e.Standard,8]]),l=(u,a)=>typeof u=="object"&&typeof u[a]=="object"?u[a]:{},i=u=>{var a,m;return{root:b({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},l(u.styles,"root")),beak:b({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},l(u.styles,"beak")),beakCurtain:b({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},l(u.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(a=u.calloutMinWidth)!=null?a:300,boxSizing:"border-box",padding:r.get((m=u.contentPadding)!=null?m:e.None)},l(u.styles,"calloutMain")),container:l(u.styles,"container")}};s.getCalloutStyle=i;class f extends _.default.Component{constructor(a){super(a),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(a){const{onKeyDown:m,focusTargetSiblingOnTabPress:h,target:p}=this.props;if(h&&a.key==="Tab"&&p){let T=null;if(typeof p=="string"){const y=(0,o.getDocument)();T=y==null?void 0:y.querySelector(p)}else"getBoundingClientRect"in p&&(0,t.isHTMLElement)(p)&&(T=p);T&&(0,t.focusToSibling)(T,!a.shiftKey)&&(a.stopPropagation(),a.preventDefault())}m==null||m(a)}render(){return _.default.createElement(o.Callout,w(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=f,f.__docgenInfo={description:`UICallout component.
|
|
3
3
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
|
|
4
4
|
|
|
5
5
|
@exports
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var I=Object.defineProperty,y=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,
|
|
1
|
+
"use strict";(()=>{var I=Object.defineProperty,y=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var g=(r,t,l)=>t in r?I(r,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[t]=l,d=(r,t)=>{for(var l in t||(t={}))B.call(t,l)&&g(r,l,t[l]);if(T)for(var l of T(t))x.call(t,l)&&g(r,l,t[l]);return r},s=(r,t)=>y(r,E(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[994],{"./src/components/UIButton/UIIconButton.tsx"(r,t,l){var v=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(t,"__esModule",{value:!0}),t.UIIconButton=t.UIIconButtonSizes=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=l("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),n=l("./src/components/UIContextualMenu/index.tsx");var i;(function(c){c.Default="Default",c.Wide="Wide"})(i||(t.UIIconButtonSizes=i={}));class _ extends e.default.Component{constructor(h){super(h),this.setStyle=a=>{var o;const u=((o=a.sizeType)!=null?o:i.Default)===i.Default?16:26;return{root:{minWidth:"initial",height:16,width:u,boxSizing:"content-box",padding:3,backgroundColor:"transparent",borderRadius:"var(--vscode-cornerRadius-small, 4px)",selectors:{".ms-Fabric--isFocusVisible &:focus:after":{outline:"1px solid var(--vscode-focusBorder)"}}},rootDisabled:{backgroundColor:"transparent",opacity:"0.4"},rootHasMenu:{width:u},rootHovered:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),outline:"1px dashed var(--vscode-contrastActiveBorder)",borderRadius:"var(--vscode-cornerRadius-small, 4px)"},rootPressed:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-activeBackground")},rootExpanded:{backgroundColor:this.getButtonInteractionBackgroundColor("--vscode-toolbar-hoverBackground"),width:u},rootExpandedHovered:{backgroundColor:"transparent"},flexContainer:{width:"100%",height:"100%",pointerEvents:"none"},icon:{height:16,width:u,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(h){return`var(${h}, var(--vscode-menubar-selectionBackground))`}render(){return e.default.createElement(b.IconButton,s(d({},this.props),{styles:this.setStyle(this.props),menuAs:n.UIContextualMenu}))}}t.UIIconButton=_,_.__docgenInfo={description:`UIIconButton component.
|
|
2
2
|
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/button
|
|
3
3
|
|
|
4
4
|
@exports
|
|
5
5
|
@class UIIconButton
|
|
6
|
-
@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./stories/UITreedropdown.story.tsx"(r,t,l){var v=this&&this.__importDefault||function(
|
|
6
|
+
@extends {React.Component<ButtonProps, {}>}`,methods:[{name:"setStyle",docblock:null,modifiers:[],params:[{name:"props",optional:!1,type:{name:"ButtonProps",alias:"ButtonProps"}}],returns:{type:{name:"IButtonStyles"}}}],displayName:"UIIconButton",props:{sizeType:{required:!1,tsType:{name:"UIIconButtonSizes"},description:""},menuProps:{required:!1,tsType:{name:"UIIContextualMenuProps"},description:""}},composes:["IBaseButtonProps"]}},"./stories/UITreedropdown.story.tsx"(r,t,l){var v=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(t,"__esModule",{value:!0}),t.accessibilityStates=t.Message=t.Basic=void 0;const e=v(l("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),b=l("../../node_modules/.pnpm/@fluentui+react@8.125.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_64874192b7cfaa3fe7ac389bc8c185b1/node_modules/@fluentui/react/lib-commonjs/index.js"),n=l("./src/components/UITreeDropdown/index.tsx");t.default={title:"Dropdowns/TreeDropdown"};const i=[{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:[]}],_=()=>{const[a,m]=e.default.useState(0),[u,o]=e.default.useState(""),p=f=>{m(a+1),o(f)};return e.default.createElement("div",{style:{width:300}},e.default.createElement(n.UITreeDropdown,{value:u,label:`Label(value changed ${a} times)`,placeholderText:"Select value",items:i,onParameterValueChange:p,maxWidth:300}))};t.Basic=_;const c=()=>{const[a,m]=e.default.useState(""),u=o=>m(o);return e.default.createElement("div",{style:{width:300}},e.default.createElement(n.UITreeDropdown,{value:a,label:"Label",placeholderText:"Select value",items:i,onParameterValueChange:u,maxWidth:300,errorMessage:"Dummy error"}))};t.Message=c;const h=()=>{const[a,m]=e.default.useState("_Title1"),u={childrenGap:40},o={placeholderText:"Select value",items:i,maxWidth:300,onParameterValueChange:f=>console.log(f)},p=s(d({},o),{onParameterValueChange:f=>m(f)});return e.default.createElement("div",null,e.default.createElement(b.Stack,{horizontal:!0,tokens:u},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(n.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder"}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},p),{value:a})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Error"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",errorMessage:"Dummy error"}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},p),{errorMessage:"Dummy error",value:a})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Disabled"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",items:[]}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},p),{value:a,items:[]})))),e.default.createElement("tr",null,e.default.createElement("td",null,"Read Only"),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},o),{placeholderText:"Placeholder",readOnly:!0}))),e.default.createElement("td",null,e.default.createElement(n.UITreeDropdown,s(d({},p),{value:a,readOnly:!0})))))))};t.accessibilityStates=h}}]);})();
|
package/storybook/iframe.html
CHANGED
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1780526223245,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"knownPackages":{"testPackages":{"@testing-library/jest-dom":"6.9.1","@testing-library/react":"12.1.5"},"stylingPackages":{"sass":"1.98.0"},"uiLibraryPackages":{"@fluentui/react":"8.125.5"}},"hasRouterPackage":false,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"11.1.2","agent":"pnpm","nodeLinker":"undefined"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"10.4.0","storybookVersionSpecifier":"10.4.0","language":"javascript","storybookPackages":{"@storybook/react":{"version":"10.4.0"},"@storybook/react-webpack5":{"version":"10.4.0"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}},"packageJsonType":"module"}
|
package/storybook/{runtime~main.8ce1d604.iframe.bundle.js → runtime~main.821cb82b.iframe.bundle.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
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,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,r.amdO={},(()=>{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"||typeof o=="function")&&!~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=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{4:"b31f2180",6:"7cbc5c05",7:"
|
|
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,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.exports}r.m=y,r.amdO={},(()=>{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"||typeof o=="function")&&!~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=>""+({6:"UIDropdown-story",43:"UICalloutCollisionTransform-story",57:"UILink-story",69:"UILabel-story",104:"UISearchBox-story",177:"UISections-story",191:"UIDatePicker-story",218:"UIToggleGroup-story",222:"UIIcon-story",239:"UICallout-story",271:"UIPersona-story",289:"UIContextualMenu-story",393:"Utilities-story",406:"UITooltip-story",449:"UIActionCallout-story",525:"UIChoiceGroup-story",530:"UITranslationInput-story",558:"UICheckbox-story",632:"UICombobox-story",644:"UITextInput-story",660:"UILoader-story",673:"UIToggle-story",680:"UIQuickNavigation-story",685:"UIButton-story",733:"UIMessageBar-story",812:"UIFlexibleTable-story",930:"UISeparator-story",937:"UIDialog-story",949:"UICreateSelect-story",967:"UITable-story",994:"UITreedropdown-story"}[e]||e)+"."+{4:"b31f2180",6:"7cbc5c05",7:"256734ca",33:"fa940823",43:"f03fa5cb",57:"897bde29",69:"2b41f5bb",104:"9f58fac1",173:"dda008b3",177:"e394f18b",191:"629487fd",218:"e3ff6d80",222:"da2b5f02",236:"a49b26f7",237:"334c60ea",239:"9e0e7165",267:"590a1784",269:"b299c304",271:"08b5d980",286:"7d47e798",289:"dddf517e",360:"01a2fadf",393:"31a14ded",406:"1f969fb5",416:"4440d19e",449:"67c915a8",525:"c5b07811",530:"298127f4",558:"d97e1a5c",632:"cca56e3f",644:"c321c1e8",660:"6877c237",668:"82cffebd",673:"20ab1279",680:"2d86a3e8",685:"9f7c2053",733:"a1969ce1",812:"218b515c",847:"c596d8f5",882:"443faf9f",930:"467cd4de",937:"170e3efe",949:"b28fdb71",967:"ef38cfd0",994:"2fe0c2c0"}[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",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",f+i),o.src=t),e[t]=[a];var u=(_,p)=>{o.onerror=o.onload=null,clearTimeout(b);var U=e[t];if(delete e[t],o.parentNode&&o.parentNode.removeChild(o),U&&U.forEach(h=>h(p)),_)return _(p)},b=setTimeout(u.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=u.bind(null,o.onerror),o.onload=u.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.p="",(()=>{var e={354: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!=354){var o=new Promise((c,u)=>n=e[a]=[c,u]);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 u=c&&(c.type==="load"?"missing":c.type),b=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
|
|
2
2
|
(`+u+": "+b+")",s.name="ChunkLoadError",s.type=u,s.request=b,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(b=>e[b]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(l)var u=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(u)},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})();})();
|