@sap-ux/ui-components
Version:
SAP UI Components Library
25 lines (20 loc) • 25.2 kB
JavaScript
(()=>{var P=Object.defineProperty,O=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var C=(h,o,e)=>o in h?P(h,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[o]=e,b=(h,o)=>{for(var e in o||(o={}))M.call(o,e)&&C(h,e,o[e]);if(S)for(var e of S(o))I.call(o,e)&&C(h,e,o[e]);return h},v=(h,o)=>O(h,T(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[65],{"../../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_postcss@8.5.15_/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.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"(h,o,e){var w=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_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=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_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),a=i(w);a.push([h.id,'.ts-SelectBox .ms-Dropdown{background:var(--vscode-input-background);border-radius:var(--vscode-cornerRadius-small, 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;border-radius:var(--vscode-cornerRadius-small, 4px);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:var(--vscode-cornerRadius-small, 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}',""]),h.exports=a},"../../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_postcss@8.5.15_/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.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"(h,o,e){var w=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_postcss@8.5.15_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),i=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_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),a=i(w);a.push([h.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)}",""]),h.exports=a},"./src/components/UIDropdown/UIDropdown.scss"(h,o,e){"use strict";e.r(o),e.d(o,{default:()=>D});var 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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(w),a=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=e.n(n),y=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(y),u=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(u),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_postcss@8.5.15_/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.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/components/UIDropdown/UIDropdown.scss"),_=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(o,l);var f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=d();var E=i()(_(),f);const D=_()&&_().locals?_().locals:void 0},"./src/styles/_shadows.scss"(h,o,e){"use strict";e.r(o),e.d(o,{default:()=>D});var 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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),i=e.n(w),a=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),r=e.n(a),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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertBySelector.js"),s=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),p=e.n(n),y=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),d=e.n(y),u=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_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),m=e.n(u),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_postcss@8.5.15_/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.101.0_webpack@5.105.0_@swc+core@1.15.18__732f0ac8c0547d446bff736b53e6fec4/node_modules/sass-loader/dist/cjs.js!./src/styles/_shadows.scss"),_=e.n(c),l={};for(const g in c)g!=="default"&&(l[g]=()=>c[g]);e.d(o,l);var f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=d();var E=i()(_(),f);const D=_()&&_().locals?_().locals:void 0},"./src/components/UICallout/CalloutCollisionTransform.ts"(h,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.CalloutCollisionTransform=void 0;const e={target:".ms-Dialog-actions",container:".ms-Dialog-main",absolute:!0,minPagePadding:10},w=20;class i{constructor(r,t,s=e){this.originalStyle={},this.source=r,this.callout=t,this.props=s,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 s=t==null?void 0:t.querySelector(this.props.target);if(s){const n={container:{dom:t,rect:t.getBoundingClientRect()},target:{dom:s,rect:s.getBoundingClientRect()},source:{dom:r,rect:r.getBoundingClientRect()}},p=this.callout.current;return p&&(n.callout={dom:p,rect:p.getBoundingClientRect()}),n}}}applyTransformation(){const r=this.getElements();if(!r)return;const{container:t,target:s,callout:n,source:p}=r;if(n){const y=window.innerHeight-e.minPagePadding,d=n.rect.height,u=p.rect.bottom;let m=u+d-s.rect.top,c=u+n.rect.height;if(m<=0||c>=y)return;if(c+=s.rect.height,c<=y&&(m+=w),this.props.absolute){const _=t.dom.style;this.originalStyle={transform:_.transform,position:_.position,top:_.top,left:_.left},_.transform="",_.position="absolute",_.top=`${t.rect.top}px`,_.left=`${t.rect.left}px`}this.placeholder=this.createPlaceholder(m),s.dom.prepend(this.placeholder)}}resetTransformation(){const r=this.getElements();if(!r)return;const{container:t}=r;for(const s in this.originalStyle){const n=this.originalStyle[s];typeof n=="string"&&(t.dom.style[s]=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)))}}o.CalloutCollisionTransform=i},"./src/components/UICallout/UICallout.tsx"(h,o,e){"use strict";var w=this&&this.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICallout=o.getCalloutStyle=o.UICalloutContentPadding=o.CALLOUT_STYLES=void 0;const i=w(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js"),r=e("./src/utilities/index.ts");e("./src/styles/_shadows.scss"),o.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 t;(function(d){d.None="None",d.Standard="Standard"})(t||(o.UICalloutContentPadding=t={}));const s=new Map([[t.Standard,8]]),n=(d,u)=>typeof d=="object"&&typeof d[u]=="object"?d[u]:{},p=d=>{var u,m;return{root:b({boxShadow:o.CALLOUT_STYLES.boxShadow,backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius,border:`1px solid ${o.CALLOUT_STYLES.borderColor}`},n(d.styles,"root")),beak:b({backgroundColor:o.CALLOUT_STYLES.background,boxShadow:o.CALLOUT_STYLES.boxShadow},n(d.styles,"beak")),beakCurtain:b({backgroundColor:o.CALLOUT_STYLES.background,borderRadius:o.CALLOUT_STYLES.borderRadius},n(d.styles,"beakCurtain")),calloutMain:b({backgroundColor:"transparent",color:o.CALLOUT_STYLES.text,borderRadius:o.CALLOUT_STYLES.borderRadius,minWidth:(u=d.calloutMinWidth)!=null?u:300,boxSizing:"border-box",padding:s.get((m=d.contentPadding)!=null?m:t.None)},n(d.styles,"calloutMain")),container:n(d.styles,"container")}};o.getCalloutStyle=p;class y extends i.default.Component{constructor(u){super(u),this.onKeyDown=this.onKeyDown.bind(this)}onKeyDown(u){const{onKeyDown:m,focusTargetSiblingOnTabPress:c,target:_}=this.props;if(c&&u.key==="Tab"&&_){let l=null;if(typeof _=="string"){const f=(0,a.getDocument)();l=f==null?void 0:f.querySelector(_)}else"getBoundingClientRect"in _&&(0,r.isHTMLElement)(_)&&(l=_);l&&(0,r.focusToSibling)(l,!u.shiftKey)&&(u.stopPropagation(),u.preventDefault())}m==null||m(u)}render(){return i.default.createElement(a.Callout,v(b({},this.props),{onKeyDown:this.onKeyDown,styles:(0,o.getCalloutStyle)(this.props)}),this.props.children)}}o.UICallout=y,y.__docgenInfo={description:`UICallout component.
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/callout
UICallout
{React.Component<ICalloutProps, {}>}`,methods:[],displayName:"UICallout",props:{calloutMinWidth:{required:!1,tsType:{name:"number"},description:""},contentPadding:{required:!1,tsType:{name:"UICalloutContentPadding"},description:""},focusTargetSiblingOnTabPress:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ICalloutProps"]}},"./src/components/UICallout/index.tsx"(h,o,e){"use strict";var w=this&&this.__createBinding||(Object.create?(function(a,r,t,s){s===void 0&&(s=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(a,s,n)}):(function(a,r,t,s){s===void 0&&(s=t),a[s]=r[t]})),i=this&&this.__exportStar||function(a,r){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&w(r,a,t)};Object.defineProperty(o,"__esModule",{value:!0}),i(e("./src/components/UICallout/CalloutCollisionTransform.ts"),o),i(e("./src/components/UICallout/UICallout.tsx"),o)},"./src/components/UIDropdown/UIDropdown.tsx"(h,o,e){"use strict";var w=this&&this.__importDefault||function(m){return m&&m.__esModule?m:{default:m}};Object.defineProperty(o,"__esModule",{value:!0}),o.UIDropdown=o.UIDropdownMenuItemType=void 0;const i=w(e("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),a=e("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(o,"UIDropdownMenuItemType",{enumerable:!0,get:function(){return a.DropdownMenuItemType}});const r=e("./src/components/UIIcon/index.tsx"),t=e("./src/helper/ValidationMessage/index.tsx"),s=e("./src/components/UILabel/index.tsx"),n=e("./src/components/UIDropdown/utils.ts"),p=e("./src/components/UICallout/index.tsx"),y=e("./src/components/types.ts");e("./src/components/UIDropdown/UIDropdown.scss");const d="var(--vscode-inputValidation-errorBorder)";class u extends i.default.Component{constructor(c){super(c),this.dropdownDomRef=i.default.createRef(),this.menuDomRef=i.default.createRef(),this.calloutCollisionTransform=new p.CalloutCollisionTransform(this.dropdownDomRef,this.menuDomRef),this.onRenderCaretDown=()=>i.default.createElement(r.UIIcon,{iconName:"ArrowDown",style:{height:"100%"}}),this.onRenderTitle=_=>{if(this.props.multiSelect&&this.props.onHandleRenderTitle)return this.props.onHandleRenderTitle(_);{const{multiSelectDelimiter:l=", "}=this.props;if(_){const f=_.map(E=>E.text).join(l);return i.default.createElement(i.default.Fragment,null,f)}else return i.default.createElement(i.default.Fragment,null,this.props.title)}},this.onClick=()=>{this.setState(_=>({isOpen:!_.isOpen}),()=>{this.props.multiSelect&&this.props.onHandleOpen&&this.state.isOpen&&(this.setState(_=>({isOpen:!_.isOpen})),this.props.onHandleOpen())})},this.onChange=(_,l,f)=>{this.props.multiSelect&&this.props.onHandleChange&&l&&f&&this.props.onHandleChange(l,f)},this.stopEventPropagation=_=>{_.stopPropagation()},this._onRenderOption=(_,l)=>i.default.createElement(i.default.Fragment,null,l==null?void 0:l(_),(_==null?void 0:_.itemType)!==a.DropdownMenuItemType.Header&&i.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=(_,l)=>this.props.onRenderOption?this.props.onRenderOption(_,this._onRenderOption.bind(this,_,l)):this._onRenderOption(_,l),this._onRenderItem=(_,l)=>l&&_?(_.title===void 0&&(_.title=_.text),l(_)):null,this.onRenderItem=(_,l)=>this.props.onRenderItem?this.props.onRenderItem(_,this._onRenderItem.bind(this,_,l)):this._onRenderItem(_,l),this.state={options:[],isOpen:!1}}getCalloutStylesForUseAsMinWidth(c){return{root:{minWidth:c.calloutWidth,width:"auto",maxWidth:"calc(100% - 10px)"}}}getClassNames(c){const{className:_,readOnly:l,disabled:f}=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&&!f&&(D+=" ts-SelectBox--readonly"),f&&(D+=" ts-SelectBox--disabled"),_&&(D+=` ${_}`),(0,n.isDropdownEmpty)(this.props)&&(D+=" ts-SelectBox--empty"),D}getAccessibilityProps(){const{readOnly:c,disabled:_}=this.props,l={};return c&&!_?(l.tabIndex=0,l["data-is-focusable"]=!0,l["aria-disabled"]=void 0,l["aria-readonly"]=!0):_&&(l.tabIndex=0,l["data-is-focusable"]=!0),l}render(){const c=(0,t.getMessageInfo)(this.props),_=this.getAccessibilityProps(),l=()=>({label:b(b(b({},s.labelGlobalStyle),this.props.disabled&&{opacity:"0.4"}),this.props.required&&{selectors:{"::after":{content:y.REQUIRED_LABEL_INDICATOR,color:d,paddingRight:12}}}),errorMessage:[c.style],callout:{boxShadow:"var(--ui-box-shadow-small)"}});return i.default.createElement(a.Dropdown,v(b(b({ref:this.dropdownDomRef,onRenderCaretDown:this.onRenderCaretDown,onClick:this.onClick,onChange:this.onChange,onRenderTitle:this.onRenderTitle,responsiveMode:a.ResponsiveMode.xxxLarge,disabled:this.props.readOnly},_),this.props),{calloutProps:b(b({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}))}}o.UIDropdown=u,u.__docgenInfo={description:`UIDropdown component
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown
UIDropdown
{React.Component<UIDropdownProps, UIDropdownState>}`,methods:[{name:"onRenderCaretDown",docblock:null,modifiers:[],params:[],returns:{type:{name:"JSX.Element"}}},{name:"onRenderTitle",docblock:null,modifiers:[],params:[{name:"items",optional:!1,type:{name:"union",raw:"IDropdownOption[] | undefined",elements:[{name:"Array",elements:[{name:"IDropdownOption"}],raw:"IDropdownOption[]"},{name:"undefined"}]}}],returns:{type:{name:"JSX.Element"}}},{name:"onClick",docblock:null,modifiers:[],params:[],returns:{type:{name:"void"}}},{name:"onChange",docblock:null,modifiers:[],params:[{name:"event",optional:!1,type:{name:"ReactFormEvent",raw:"React.FormEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}],alias:"React.FormEvent"}},{name:"option",optional:!0,type:{name:"IDropdownOption",alias:"IDropdownOption"}},{name:"index",optional:!0,type:{name:"number"}}],returns:{type:{name:"void"}}},{name:"stopEventPropagation",docblock:`Method stops event propagation.
{React.MouseEvent<HTMLDivElement>} event Mouse event.`,modifiers:[],params:[{name:"event",description:"Mouse event.",type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}],alias:"React.MouseEvent"},optional:!1}],returns:{type:{name:"void"}},description:"Method stops event propagation."},{name:"getCalloutStylesForUseAsMinWidth",docblock:`Method returns styles for callout to support property 'useDropdownAsMenuMinWidth'.
States:
1. Min width of callout is equals to width of droipdown input box;
2. Max width equals to windows size minus 10px;
3. Width is auto - it allows to make callout wider if menu option size exceeds size of dropdown input(min-width).
{ICalloutContentStyleProps} calloutStyleProps Current callout styles.
{Partial<ICalloutContentStyles>} Styles for callout.`,modifiers:[],params:[{name:"calloutStyleProps",description:"Current callout styles.",type:{name:"ICalloutContentStyleProps",alias:"ICalloutContentStyleProps"},optional:!1}],returns:{description:"Styles for callout.",type:{name:"Partial",elements:[{name:"ICalloutContentStyles"}],raw:"Partial<ICalloutContentStyles>"}},description:`Method returns styles for callout to support property 'useDropdownAsMenuMinWidth'.
States:
1. Min width of callout is equals to width of droipdown input box;
2. Max width equals to windows size minus 10px;
3. Width is auto - it allows to make callout wider if menu option size exceeds size of dropdown input(min-width).`}],displayName:"UIDropdown",props:{warningMessage:{required:!1,tsType:{name:"string"},description:""},infoMessage:{required:!1,tsType:{name:"string"},description:""},useDropdownAsMenuMinWidth:{required:!1,tsType:{name:"boolean"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},calloutCollisionTransformation:{required:!1,tsType:{name:"boolean"},description:""}},composes:["IDropdownProps"]}},"./src/components/UIDropdown/index.tsx"(h,o,e){"use strict";var w=this&&this.__createBinding||(Object.create?(function(a,r,t,s){s===void 0&&(s=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(a,s,n)}):(function(a,r,t,s){s===void 0&&(s=t),a[s]=r[t]})),i=this&&this.__exportStar||function(a,r){for(var t in a)t!=="default"&&!Object.prototype.hasOwnProperty.call(r,t)&&w(r,a,t)};Object.defineProperty(o,"__esModule",{value:!0}),i(e("./src/components/UIDropdown/UIDropdown.tsx"),o),i(e("./src/components/UIDropdown/utils.ts"),o)},"./src/components/UIDropdown/utils.ts"(h,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.isDropdownEmpty=e,o.getCalloutCollisionTransformationProps=w,o.getCalloutCollisionTransformationPropsForDropdown=t;function e(s){var p;const{selectedKey:n}=s;return Array.isArray(n)?n.length===0:"text"in s&&s.text||"selectedKeys"in s&&((p=s.selectedKeys)!=null&&p.length)?!1:!n}function w(s,n,p){if(n&&p)return{preventDismissOnEvent:s.preventDismissOnEvent,layerProps:{onLayerDidMount:s.applyTransformation,onLayerWillUnmount:s.resetTransformation}}}function i(s,n){return()=>{var y,d,u,m,c;const{layerProps:p}=(y=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?y:{};(u=(d=s.props.calloutProps)==null?void 0:d.layerProps)!=null&&u.onLayerDidMount&&((c=(m=s.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerDidMount()),p!=null&&p.onLayerDidMount&&p.onLayerDidMount()}}function a(s,n){return()=>{var y,d,u,m,c;const{layerProps:p}=(y=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?y:{};(u=(d=s.props.calloutProps)==null?void 0:d.layerProps)!=null&&u.onLayerWillUnmount&&((c=(m=s.props.calloutProps)==null?void 0:m.layerProps)==null||c.onLayerWillUnmount()),p!=null&&p.onLayerWillUnmount&&p.onLayerWillUnmount()}}function r(s,n){return p=>{var d,u;let y=!1;if((d=s.props.calloutProps)!=null&&d.preventDismissOnEvent&&(y=s.props.calloutProps.preventDismissOnEvent(p)),!y){const{preventDismissOnEvent:m}=(u=w(n,s.props.multiSelect,s.props.calloutCollisionTransformation))!=null?u:{};if(m)return m(p)}return y}}function t(s,n){if(s.props.multiSelect&&s.props.calloutCollisionTransformation)return{preventDismissOnEvent:r(s,n),layerProps:{onLayerDidMount:i(s,n),onLayerWillUnmount:a(s,n)}}}}}]);})();