@sap-ux/ui-components 2.2.1 → 2.2.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/UIDropdown/UIDropdown.scss +1 -0
- package/package.json +1 -1
- package/storybook/510.2ce29f93.iframe.bundle.js +1 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.29f3ae2e.iframe.bundle.js → runtime~main.0b8746a5.iframe.bundle.js} +1 -1
- package/storybook/510.3f469132.iframe.bundle.js +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{var P=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(f,s,e)=>s in f?P(f,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):f[s]=e,y=(f,s)=>{for(var e in s||(s={}))I.call(s,e)&&v(f,e,s[e]);if(O)for(var e of O(s))M.call(s,e)&&v(f,e,s[e]);return f},S=(f,s)=>C(f,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[510],{"../../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[11].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/components/UIDropdown/UIDropdown.scss"(f,s,e){var b=e("../../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"),a=e("../../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"),i=a(b);i.push([f.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background);border-radius:4px}.ts-SelectBox .ms-Dropdown .ms-Dropdown-title{background:rgba(0,0,0,0);height:26px;line-height:24px;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:4px}.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}',""]),f.exports=i},"../../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[11].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"(f,s,e){var b=e("../../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"),a=e("../../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"),i=a(b);i.push([f.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)}",""]),f.exports=i},"./src/components/UIDropdown/UIDropdown.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../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"),a=e.n(b),i=e("../../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"),r=e.n(i),t=e("../../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"),_=e.n(t),n=e("../../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"),u=e.n(n),w=e("../../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"),d=e.n(w),p=e("../../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=e.n(p),c=e("../../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[11].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/components/UIDropdown/UIDropdown.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/styles/_shadows.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../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"),a=e.n(b),i=e("../../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"),r=e.n(i),t=e("../../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"),_=e.n(t),n=e("../../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"),u=e.n(n),w=e("../../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"),d=e.n(w),p=e("../../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=e.n(p),c=e("../../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[11].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"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},b=20;class a{constructor(r,t,_=e){this.originalStyle={},this.source=r,this.callout=t,this.props=_,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${r}px`,t}getElements(){const r=this.source.current,t=r==null?void 0:r.closest(this.props.container);if(t&&r){const _=t==null?void 0:t.querySelector(this.props.target);if(_){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:_,rect:_.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},u=this.callout.current;return u&&(n.callout={dom:u,rect:u.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:_,callout:n,source:u}=r;if(n){const w=window.innerHeight-e.minPagePadding,d=n.rect.height,p=u.rect.bottom;let m=p+d-_.rect.top,c=p+n.rect.height;if(m<=0||c>=w)return;if(c+=_.rect.height,c<=w&&(m+=b),this.props.absolute){const o=t.dom.style;this.originalStyle={transform:o.transform,position:o.position,top:o.top,left:o.left},o.transform="",o.position="absolute",o.top=`${t.rect.top}px`,o.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),_.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const _ in this.originalStyle){const n=this.originalStyle[_];typeof n=="string"&&(t.dom.style[_]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const t=this.getElements();return!!(r.type==="focus"&&(t!=null&&t.target.dom.contains(r.target)))}}s.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=e("../../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"),r=e("./src/utilities/index.ts");e("./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:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const _=new Map([[t.Standard,8]]),n=(d,p)=>typeof d=="object"&&typeof d[p]=="object"?d[p]:{},u=d=>{var p,m;return{root:y({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:y({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(p=d.calloutMinWidth)!=null?p:300,boxSizing:"border-box",padding:_.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};s.getCalloutStyle=u;class w extends a.default.Component{constructor(p){super(p),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(p){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:o}=this.props;if(c&&p.key==="Tab"&&o){let l=null;if(typeof o=="string"){const h=(0,i.getDocument)();l=h==null?void 0:h.querySelector(o)}else"getBoundingClientRect"in o&&(0,r.isHTMLElement)(o)&&(l=o);l&&(0,r.focusToSibling)(l,!p.shiftKey)&&(p.stopPropagation(),p.preventDefault())}m==null||m(p)}render(){return a.default.createElement(i.Callout,S(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=w},"./src/components/UICallout/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}:function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]}),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UICallout/CalloutCollisionTransform.ts"),s),a(e("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIDropdown/UIDropdown.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDropdown=s.UIDropdownMenuItemType=s.UIDropdownOption=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=e("../../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");Object.defineProperty(s,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return i.DropdownMenuItemType}}),Object.defineProperty(s,"UIDropdownOption",{enumerable:!0,get:function(){return i.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),_=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),u=e("./src/components/UICallout/index.tsx"),w=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class p extends a.default.Component{constructor(c){super(c),this.dropdownDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.calloutCollisionTransform=new u.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>a.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=o=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(o);{const{multiSelectDelimiter:l=", "}=this.props;if(o){const h=o.map(E=>E.text).join(l);return a.default.createElement(a.default.Fragment,null,h)}else return a.default.createElement(a.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(o=>({isOpen:!o.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(o=>({isOpen:!o.isOpen})),this.props.onHandleOpen())})},this.onChange=(o,l,h)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&h&&this.props.onHandleChange(l,h)},this.stopEventPropagation=o=>{o.stopPropagation()},this._onRenderOption=(o,l)=>a.default.createElement(a.default.Fragment,null,l==null?void 0:l(o),(o==null?void 0:o.itemType)!==i.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.onRenderOption=(o,l)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,l)):this._onRenderOption(o,l),this._onRenderItem=(o,l)=>l&&o?(o.title===void 0&&(o.title=o.text),l(o)):null,this.onRenderItem=(o,l)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,l)):this._onRenderItem(o,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:o,readOnly:l,disabled:h}=this.props,E=c.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),o&&(D+=` ${o}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:o}=this.props,l={};return c&&!o?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):o&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),o=this.getAccessibilityProps(),l=()=>({label:y(y(y({},_.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:w.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style],callout:{boxShadow:"var(--ui-box-shadow-small)"}});return a.default.createElement(i.Dropdown,S(y(y({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:i.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},o),this.props),{calloutProps:y(y({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}s.UIDropdown=p},"./src/components/UIDropdown/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}:function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]}),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UIDropdown/UIDropdown.tsx"),s),a(e("./src/components/UIDropdown/utils.ts"),s)},"./src/components/UIDropdown/utils.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isDropdownEmpty=e,s.getCalloutCollisionTransformationProps=b,s.getCalloutCollisionTransformationPropsForDropdown=t;function e(_){var u;const{selectedKey:n}=_;return Array.isArray(n)?n.length===0:"text"in _&&_.text||"selectedKeys"in _&&((u=_.selectedKeys)!=null&&u.length)?!1:!n}function b(_,n,u){if(n&&u)return{preventDismissOnEvent:_.preventDismissOnEvent,layerProps:{onLayerDidMount:_.applyTransformation,onLayerWillUnmount:_.resetTransformation}}}function a(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerDidMount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),u!=null&&u.onLayerDidMount&&u.onLayerDidMount()}}function i(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerWillUnmount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),u!=null&&u.onLayerWillUnmount&&u.onLayerWillUnmount()}}function r(_,n){return u=>{var d,p;let w=!1;if((d=_.props.calloutProps)!=null&&d.preventDismissOnEvent&&(w=_.props.calloutProps.preventDismissOnEvent(u)),!w){const{preventDismissOnEvent:m}=(p=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?p:{};if(m)return m(u)}return w}}function t(_,n){if(_.props.multiSelect&&_.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(_,n),layerProps:{onLayerDidMount:a(_,n),onLayerWillUnmount:i(_,n)}}}}}]);})();
|
package/storybook/iframe.html
CHANGED
|
@@ -520,7 +520,7 @@
|
|
|
520
520
|
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
|
|
521
521
|
|
|
522
522
|
|
|
523
|
-
import './runtime~main.
|
|
523
|
+
import './runtime~main.0b8746a5.iframe.bundle.js';
|
|
524
524
|
|
|
525
525
|
import './714.f5db87a6.iframe.bundle.js';
|
|
526
526
|
|
package/storybook/project.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1779430892997,"userSince":1779430890532,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/jest-dom":"6.9.1","@testing-library/react":"12.1.5","babel-jest":"30.3.0","jest-environment-jsdom":"29.7.0","jest-scss-transform":"1.0.4"},"hasRouterPackage":false,"monorepo":"Nx","packageManager":{"type":"pnpm","version":"11.1.2","agent":"pnpm"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"8.6.17","storybookVersionSpecifier":"8.6.17","language":"javascript","storybookPackages":{"@storybook/react":{"version":"8.6.17"},"@storybook/react-webpack5":{"version":"8.6.17"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.6.17"}},"addons":{"storybook-addon-turbo-build":{"version":"2.0.1"}}}
|
package/storybook/{runtime~main.29f3ae2e.iframe.bundle.js → runtime~main.0b8746a5.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,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"||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)+"."+{6:"0b189ddd",43:"43356506",57:"36911bf6",69:"c0020ef5",104:"7366a9a2",177:"e6852131",191:"9b2e3621",218:"a0cda798",222:"889b5dd7",237:"789b9d8f",239:"2943d967",269:"0cc8afbf",271:"534e3d93",272:"3ac8af6d",278:"4ad60d68",289:"b9a93aaf",300:"84bb46cd",303:"07b7acd1",360:"20c88333",393:"31a14ded",406:"35dc2a90",435:"fe0c5cb0",438:"8ad5ceaa",449:"e1969803",510:"
|
|
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"||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)+"."+{6:"0b189ddd",43:"43356506",57:"36911bf6",69:"c0020ef5",104:"7366a9a2",177:"e6852131",191:"9b2e3621",218:"a0cda798",222:"889b5dd7",237:"789b9d8f",239:"2943d967",269:"0cc8afbf",271:"534e3d93",272:"3ac8af6d",278:"4ad60d68",289:"b9a93aaf",300:"84bb46cd",303:"07b7acd1",360:"20c88333",393:"31a14ded",406:"35dc2a90",435:"fe0c5cb0",438:"8ad5ceaa",449:"e1969803",510:"2ce29f93",525:"26738859",530:"298127f4",541:"dbf90ed7",558:"817b5aea",632:"d0c5a21c",644:"637bf0a2",660:"f1276c9d",673:"a1e28ca9",680:"2d86a3e8",685:"2725095a",691:"acd5121e",715:"68e5d55b",733:"b80ad5ed",738:"d810205a",812:"982bab99",847:"c596d8f5",930:"6050de69",937:"6d518b55",949:"1c668c39",967:"3ec982c9",994:"60ded1bc"}[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 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={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,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
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})();})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{var P=Object.defineProperty,C=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(f,s,e)=>s in f?P(f,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):f[s]=e,y=(f,s)=>{for(var e in s||(s={}))I.call(s,e)&&v(f,e,s[e]);if(O)for(var e of O(s))M.call(s,e)&&v(f,e,s[e]);return f},S=(f,s)=>C(f,T(s));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[510],{"../../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[11].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/components/UIDropdown/UIDropdown.scss"(f,s,e){var b=e("../../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"),a=e("../../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"),i=a(b);i.push([f.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:24px;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:4px}.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}',""]),f.exports=i},"../../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[11].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"(f,s,e){var b=e("../../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"),a=e("../../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"),i=a(b);i.push([f.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)}",""]),f.exports=i},"./src/components/UIDropdown/UIDropdown.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../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"),a=e.n(b),i=e("../../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"),r=e.n(i),t=e("../../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"),_=e.n(t),n=e("../../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"),u=e.n(n),w=e("../../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"),d=e.n(w),p=e("../../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=e.n(p),c=e("../../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[11].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/components/UIDropdown/UIDropdown.scss"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/styles/_shadows.scss"(f,s,e){"use strict";e.r(s),e.d(s,{default:()=>D});var b=e("../../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"),a=e.n(b),i=e("../../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"),r=e.n(i),t=e("../../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"),_=e.n(t),n=e("../../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"),u=e.n(n),w=e("../../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"),d=e.n(w),p=e("../../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=e.n(p),c=e("../../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[11].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"),o=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(s,l);var h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=_().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=d();var E=a()(o(),h);const D=o()&&o().locals?o().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},b=20;class a{constructor(r,t,_=e){this.originalStyle={},this.source=r,this.callout=t,this.props=_,this.applyTransformation=this.applyTransformation.bind(this),this.resetTransformation=this.resetTransformation.bind(this),this.preventDismissOnEvent=this.preventDismissOnEvent.bind(this)}createPlaceholder(r){const t=document.createElement("div");return t.classList.add("ts-Callout-transformation"),t.style.height=`${r}px`,t}getElements(){const r=this.source.current,t=r==null?void 0:r.closest(this.props.container);if(t&&r){const _=t==null?void 0:t.querySelector(this.props.target);if(_){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:_,rect:_.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},u=this.callout.current;return u&&(n.callout={dom:u,rect:u.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:_,callout:n,source:u}=r;if(n){const w=window.innerHeight-e.minPagePadding,d=n.rect.height,p=u.rect.bottom;let m=p+d-_.rect.top,c=p+n.rect.height;if(m<=0||c>=w)return;if(c+=_.rect.height,c<=w&&(m+=b),this.props.absolute){const o=t.dom.style;this.originalStyle={transform:o.transform,position:o.position,top:o.top,left:o.left},o.transform="",o.position="absolute",o.top=`${t.rect.top}px`,o.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),_.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const _ in this.originalStyle){const n=this.originalStyle[_];typeof n=="string"&&(t.dom.style[_]=n)}this.originalStyle={},this.placeholder&&(this.placeholder.remove(),this.placeholder=void 0)}preventDismissOnEvent(r){const t=this.getElements();return!!(r.type==="focus"&&(t!=null&&t.target.dom.contains(r.target)))}}s.CalloutCollisionTransform=a},"./src/components/UICallout/UICallout.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(s,"__esModule",{value:!0}),s.UICallout=s.getCalloutStyle=s.UICalloutContentPadding=s.CALLOUT_STYLES=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=e("../../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"),r=e("./src/utilities/index.ts");e("./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:4};var t;(function(d){d.None="None",d.Standard="Standard"})(t||(s.UICalloutContentPadding=t={}));const _=new Map([[t.Standard,8]]),n=(d,p)=>typeof d=="object"&&typeof d[p]=="object"?d[p]:{},u=d=>{var p,m;return{root:y({boxShadow:s.CALLOUT_STYLES.boxShadow,backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius,border:`1px solid ${s.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:y({backgroundColor:s.CALLOUT_STYLES.background,boxShadow:s.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:y({backgroundColor:s.CALLOUT_STYLES.background,borderRadius:s.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:y({backgroundColor:"transparent",color:s.CALLOUT_STYLES.text,borderRadius:s.CALLOUT_STYLES.borderRadius,minWidth:(p=d.calloutMinWidth)!=null?p:300,boxSizing:"border-box",padding:_.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};s.getCalloutStyle=u;class w extends a.default.Component{constructor(p){super(p),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(p){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:o}=this.props;if(c&&p.key==="Tab"&&o){let l=null;if(typeof o=="string"){const h=(0,i.getDocument)();l=h==null?void 0:h.querySelector(o)}else"getBoundingClientRect"in o&&(0,r.isHTMLElement)(o)&&(l=o);l&&(0,r.focusToSibling)(l,!p.shiftKey)&&(p.stopPropagation(),p.preventDefault())}m==null||m(p)}render(){return a.default.createElement(i.Callout,S(y({},this.props),{onKeyDown:this.onKeyDown,styles:(0,s.getCalloutStyle)(this.props)}),this.props.children)}}s.UICallout=w},"./src/components/UICallout/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}:function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]}),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UICallout/CalloutCollisionTransform.ts"),s),a(e("./src/components/UICallout/UICallout.tsx"),s)},"./src/components/UIDropdown/UIDropdown.tsx"(f,s,e){"use strict";var b=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(s,"__esModule",{value:!0}),s.UIDropdown=s.UIDropdownMenuItemType=s.UIDropdownOption=void 0;const a=b(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=e("../../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");Object.defineProperty(s,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return i.DropdownMenuItemType}}),Object.defineProperty(s,"UIDropdownOption",{enumerable:!0,get:function(){return i.IDropdownOption}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),_=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),u=e("./src/components/UICallout/index.tsx"),w=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class p extends a.default.Component{constructor(c){super(c),this.dropdownDomRef=a.default.createRef(),this.menuDomRef=a.default.createRef(),this.calloutCollisionTransform=new u.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>a.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=o=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(o);{const{multiSelectDelimiter:l=", "}=this.props;if(o){const h=o.map(E=>E.text).join(l);return a.default.createElement(a.default.Fragment,null,h)}else return a.default.createElement(a.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(o=>({isOpen:!o.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(o=>({isOpen:!o.isOpen})),this.props.onHandleOpen())})},this.onChange=(o,l,h)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&h&&this.props.onHandleChange(l,h)},this.stopEventPropagation=o=>{o.stopPropagation()},this._onRenderOption=(o,l)=>a.default.createElement(a.default.Fragment,null,l==null?void 0:l(o),(o==null?void 0:o.itemType)!==i.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.onRenderOption=(o,l)=>this.props.onRenderOption?this.props.onRenderOption(o,this._onRenderOption.bind(this,o,l)):this._onRenderOption(o,l),this._onRenderItem=(o,l)=>l&&o?(o.title===void 0&&(o.title=o.text),l(o)):null,this.onRenderItem=(o,l)=>this.props.onRenderItem?this.props.onRenderItem(o,this._onRenderItem.bind(this,o,l)):this._onRenderItem(o,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:o,readOnly:l,disabled:h}=this.props,E=c.message?t.MESSAGE_TYPES_CLASSNAME_MAP.get(c.type):void 0;let D=`ts-SelectBox${c.message?" ts-SelectBox--"+E:""}`;return l&&!h&&(D+=" ts-SelectBox--readonly"),h&&(D+=" ts-SelectBox--disabled"),o&&(D+=` ${o}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:o}=this.props,l={};return c&&!o?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):o&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),o=this.getAccessibilityProps(),l=()=>({label:y(y(y({},_.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:w.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style],callout:{boxShadow:"var(--ui-box-shadow-small)"}});return a.default.createElement(i.Dropdown,S(y(y({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:i.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},o),this.props),{calloutProps:y(y({calloutMaxHeight:200,styles:this.props.useDropdownAsMenuMinWidth?this.getCalloutStylesForUseAsMinWidth:void 0,className:"ts-Callout ts-Callout-Dropdown",popupProps:{ref:this.menuDomRef}},this.props.calloutProps),(0,n.getCalloutCollisionTransformationPropsForDropdown)(this,this.calloutCollisionTransform)),onRenderOption:this.onRenderOption.bind(this),onRenderItem:this.onRenderItem.bind(this),styles:l,className:this.getClassNames(c),errorMessage:c.message}))}}s.UIDropdown=p},"./src/components/UIDropdown/index.tsx"(f,s,e){"use strict";var b=this&&this.__createBinding||(Object.create?function(i,r,t,_){_===void 0&&(_=t);var n=Object.getOwnPropertyDescriptor(r,t);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(i,_,n)}:function(i,r,t,_){_===void 0&&(_=t),i[_]=r[t]}),a=this&&this.__exportStar||function(i,r){for(var t in i)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&b(r,i,t)};Object.defineProperty(s,"__esModule",{value:!0}),a(e("./src/components/UIDropdown/UIDropdown.tsx"),s),a(e("./src/components/UIDropdown/utils.ts"),s)},"./src/components/UIDropdown/utils.ts"(f,s){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.isDropdownEmpty=e,s.getCalloutCollisionTransformationProps=b,s.getCalloutCollisionTransformationPropsForDropdown=t;function e(_){var u;const{selectedKey:n}=_;return Array.isArray(n)?n.length===0:"text"in _&&_.text||"selectedKeys"in _&&((u=_.selectedKeys)!=null&&u.length)?!1:!n}function b(_,n,u){if(n&&u)return{preventDismissOnEvent:_.preventDismissOnEvent,layerProps:{onLayerDidMount:_.applyTransformation,onLayerWillUnmount:_.resetTransformation}}}function a(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerDidMount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),u!=null&&u.onLayerDidMount&&u.onLayerDidMount()}}function i(_,n){return()=>{var w,d,p,m,c;const{layerProps:u}=(w=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?w:{};(p=(d=_.props.calloutProps)==null?void 0:d.layerProps)!=null&&p.onLayerWillUnmount&&((c=(m=_.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),u!=null&&u.onLayerWillUnmount&&u.onLayerWillUnmount()}}function r(_,n){return u=>{var d,p;let w=!1;if((d=_.props.calloutProps)!=null&&d.preventDismissOnEvent&&(w=_.props.calloutProps.preventDismissOnEvent(u)),!w){const{preventDismissOnEvent:m}=(p=b(n,_.props.multiSelect,_.props.calloutCollisionTransformation))!=null?p:{};if(m)return m(u)}return w}}function t(_,n){if(_.props.multiSelect&&_.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(_,n),layerProps:{onLayerDidMount:a(_,n),onLayerWillUnmount:i(_,n)}}}}}]);})();
|