@sap-ux/ui-components 2.1.3 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/UITreeDropdown/UITreeDropdown.js +1 -1
  2. package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
  3. package/package.json +11 -11
  4. package/storybook/{824.c1c8a45a.iframe.bundle.js → 269.2e384cbe.iframe.bundle.js} +1 -1
  5. package/storybook/278.82b9405f.iframe.bundle.js +1 -0
  6. package/storybook/401.d64573f2.iframe.bundle.js +7 -0
  7. package/storybook/{495.5574310d.iframe.bundle.js → 438.0829e8a5.iframe.bundle.js} +1 -1
  8. package/storybook/{879.4e975e38.iframe.bundle.js → 510.8f439f11.iframe.bundle.js} +1 -1
  9. package/storybook/{112.80afc68d.iframe.bundle.js → 541.ffb8b4b6.iframe.bundle.js} +1 -1
  10. package/storybook/594.707fe6f6.iframe.bundle.js +62 -0
  11. package/storybook/{279.8dad0e60.iframe.bundle.js → 691.f6e50391.iframe.bundle.js} +1 -1
  12. package/storybook/{763.3294d52f.iframe.bundle.js → 715.db8a2ba5.iframe.bundle.js} +1 -1
  13. package/storybook/722.ee41486f.iframe.bundle.js +43 -0
  14. package/storybook/{776.2cac3f4d.iframe.bundle.js → 738.5ed5b79d.iframe.bundle.js} +1 -1
  15. package/storybook/{14.1da3f2ee.iframe.bundle.js → 766.540c70db.iframe.bundle.js} +2 -2
  16. package/storybook/{UIActionCallout-story.3d4143cc.iframe.bundle.js → UIActionCallout-story.ccc180b0.iframe.bundle.js} +2 -2
  17. package/storybook/{UIButton-story.b4af0230.iframe.bundle.js → UIButton-story.9f7c2053.iframe.bundle.js} +1 -1
  18. package/storybook/{UICallout-story.bed8a5fb.iframe.bundle.js → UICallout-story.14377363.iframe.bundle.js} +2 -2
  19. package/storybook/{UICalloutCollisionTransform-story.ab856fec.iframe.bundle.js → UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js} +1 -1
  20. package/storybook/{UICheckbox-story.c5ee487a.iframe.bundle.js → UICheckbox-story.2f75500d.iframe.bundle.js} +2 -2
  21. package/storybook/{UIChoiceGroup-story.9a573f7f.iframe.bundle.js → UIChoiceGroup-story.f5c61c53.iframe.bundle.js} +1 -1
  22. package/storybook/{UICombobox-story.82435b80.iframe.bundle.js → UICombobox-story.c6fdb1e6.iframe.bundle.js} +1 -1
  23. package/storybook/{UIContextualMenu-story.43b45fa0.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
  24. package/storybook/{UICreateSelect-story.6f685540.iframe.bundle.js → UICreateSelect-story.be724da9.iframe.bundle.js} +2 -2
  25. package/storybook/{UIDatePicker-story.85d938e0.iframe.bundle.js → UIDatePicker-story.b3d71c97.iframe.bundle.js} +2 -2
  26. package/storybook/{UIDialog-story.12c2e8e6.iframe.bundle.js → UIDialog-story.6c2a9c3a.iframe.bundle.js} +2 -2
  27. package/storybook/{UIDropdown-story.9665029e.iframe.bundle.js → UIDropdown-story.0b189ddd.iframe.bundle.js} +1 -1
  28. package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
  29. package/storybook/{UILabel-story.49795aba.iframe.bundle.js → UILabel-story.4f878fd0.iframe.bundle.js} +1 -1
  30. package/storybook/{UILink-story.111b916d.iframe.bundle.js → UILink-story.0a9527b8.iframe.bundle.js} +2 -2
  31. package/storybook/{UILoader-story.0da3754b.iframe.bundle.js → UILoader-story.71d8d512.iframe.bundle.js} +2 -2
  32. package/storybook/{UIMessageBar-story.21443966.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
  33. package/storybook/{UIPersona-story.7276de7c.iframe.bundle.js → UIPersona-story.cf14bf11.iframe.bundle.js} +1 -1
  34. package/storybook/{UISearchBox-story.b2e103c4.iframe.bundle.js → UISearchBox-story.9f58fac1.iframe.bundle.js} +1 -1
  35. package/storybook/{UISections-story.bf185a2a.iframe.bundle.js → UISections-story.4e7d6b0c.iframe.bundle.js} +1 -1
  36. package/storybook/{UISeparator-story.fa052e00.iframe.bundle.js → UISeparator-story.b93568c6.iframe.bundle.js} +1 -1
  37. package/storybook/{UITable-story.c80d3a04.iframe.bundle.js → UITable-story.08b1e3ca.iframe.bundle.js} +2 -2
  38. package/storybook/{UITextInput-story.24e2874f.iframe.bundle.js → UITextInput-story.51cd8b66.iframe.bundle.js} +2 -2
  39. package/storybook/{UIToggle-story.99bc14b4.iframe.bundle.js → UIToggle-story.0f04a592.iframe.bundle.js} +2 -2
  40. package/storybook/{UIToggleGroup-story.e5826214.iframe.bundle.js → UIToggleGroup-story.ea3b5223.iframe.bundle.js} +2 -2
  41. package/storybook/{UITooltip-story.4a12582e.iframe.bundle.js → UITooltip-story.b998278a.iframe.bundle.js} +2 -2
  42. package/storybook/{UITranslationInput-story.90c7e487.iframe.bundle.js → UITranslationInput-story.298127f4.iframe.bundle.js} +1 -1
  43. package/storybook/{UITreedropdown-story.1df59995.iframe.bundle.js → UITreedropdown-story.60ded1bc.iframe.bundle.js} +1 -1
  44. package/storybook/{Utilities-story.7f8fd70e.iframe.bundle.js → Utilities-story.31a14ded.iframe.bundle.js} +1 -1
  45. package/storybook/iframe.html +3 -3
  46. package/storybook/{main.c9bd7885.iframe.bundle.js → main.54ec2155.iframe.bundle.js} +1 -1
  47. package/storybook/project.json +1 -1
  48. package/storybook/runtime~main.426622d6.iframe.bundle.js +2 -0
  49. package/storybook/625.874afe67.iframe.bundle.js +0 -62
  50. package/storybook/642.983fc97d.iframe.bundle.js +0 -7
  51. package/storybook/693.6315357e.iframe.bundle.js +0 -42
  52. package/storybook/723.36541956.iframe.bundle.js +0 -1
  53. package/storybook/UIIcon-story.56526df5.iframe.bundle.js +0 -1
  54. package/storybook/runtime~main.0079a5a3.iframe.bundle.js +0 -2
@@ -1 +0,0 @@
1
- (()=>{var A=Object.defineProperty,j=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(a,_,o)=>_ in a?A(a,_,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[_]=o,M=(a,_)=>{for(var o in _||(_={}))W.call(_,o)&&x(a,o,_[o]);if(U)for(var o of U(_))B.call(_,o)&&x(a,o,_[o]);return a},T=(a,_)=>j(a,K(_));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[723],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"(a,_,o){var D=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/noSourceMaps.js"),r=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/runtime/api.js"),c=r(D);c.push([a.id,'.ui-treeDropdown{position:relative}.ui-treeDropdown-with-label{margin-top:29px}.ui-treeDropdown-wrapper{position:relative}.ui-treeDropdown-wrapper input{padding:0 26px 0 8px;font-family:var(--vscode-font-family)}.ui-treeDropdown-wrapper.disabled>button{z-index:-1}.ui-treeDropdown-wrapper.readonly>button{pointer-events:none}.ui-treeDropdown-caret{position:absolute;width:24px;height:24px;top:0;right:0;cursor:pointer;box-sizing:border-box}.ui-treeDropdown-caret:hover,.ui-treeDropdown-caret:active,.ui-treeDropdown-caret:focus{background-color:rgba(0,0,0,0)}.ui-treeDropdown label{position:absolute;bottom:26px;margin-top:0 !important;font-family:var(--vscode-font-family);font-size:13px;font-weight:bold;box-sizing:border-box;box-shadow:none;margin-right:0px;margin-bottom:0px;margin-left:0px;display:block;padding:4px 0;overflow-wrap:break-word}.ui-treeDropdown label.required:after{content:" *";color:var(--vscode-inputValidation-errorBorder)}.ui-treeDropdown label.disabled{opacity:.4}',""]),a.exports=c},"./src/components/UITreeDropdown/UITreeDropdown.scss"(a,_,o){"use strict";o.r(_),o.d(_,{default:()=>e});var D=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),r=o.n(D),c=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),u=o.n(c),d=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertBySelector.js"),p=o.n(d),f=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),S=o.n(f),R=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/insertStyleElement.js"),I=o.n(R),g=o("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/style-loader/dist/runtime/styleTagTransform.js"),y=o.n(g),C=o("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.2_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass-embedded@1.97.3_sass@1.66.1_webpack@5.105.0_@swc+core@1.15.18_@_b9019ee5c7feeaaeee0c6ce67069e3e1/node_modules/sass-loader/dist/cjs.js!./src/components/UITreeDropdown/UITreeDropdown.scss"),h=o.n(C),w={};for(const s in C)s!=="default"&&(w[s]=()=>C[s]);o.d(_,w);var m={};m.styleTagTransform=y(),m.setAttributes=S(),m.insert=p().bind(null,"head"),m.domAPI=u(),m.insertStyleElement=I();var b=r()(h(),m);const e=h()&&h().locals?h().locals:void 0},"./src/components/UITreeDropdown/UITreeDropdown.tsx"(a,_,o){"use strict";var D=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(_,"__esModule",{value:!0}),_.UITreeDropdown=_.EdgePosition=_.UIDirectionalHint=void 0;const r=D(o("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),c=o("../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/cjs-browser/index.js"),u=o("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(_,"UIDirectionalHint",{enumerable:!0,get:function(){return u.DirectionalHint}});const d=o("./src/components/UIInput/index.tsx"),p=o("./src/components/UIContextualMenu/index.tsx"),f=o("./src/components/UIButton/UIIconButton.tsx"),S=o("./src/components/Icons.tsx"),R=o("./src/helper/ValidationMessage/index.tsx");o("./src/components/UITreeDropdown/UITreeDropdown.scss");const I={callout:"ui-tree-callout",scrollArea:"ms-ContextualMenu-container",splitButton:"ms-ContextualMenu-splitMenu"};var g;(function(h){h.First="First",h.Last="Last"})(g||(_.EdgePosition=g={}));const y={ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Enter:"Enter",Escape:"Escape"};class C extends r.default.Component{constructor(w){var m,b;super(w),this.UITreeDropdownRef=r.default.createRef(),this.UITreeDropdownFocusZoneRef=r.default.createRef(),this.inputRef=r.default.createRef(),this.submenuRefs={},this.submenuOffset=0,this.lastKeyDown="",this.componentDidMount=()=>{this.props.items.length&&(this.buildItems(this.props.items),this.setState({isDisabled:!1}))},this.componentDidUpdate=e=>{this.props.items.length!==e.items.length&&(this.setState({isHidden:!0}),this.setState({isDisabled:!this.props.items.length}),this.buildItems(this.props.items)),this.props.value!==e.value&&this.setState({value:this.props.value}),this.calculateSubmenuOffset()},this.buildItems=e=>{if(this.state.items.length!==e.length){e=e.map(this.buildSubItems);const s=this.mapValuesToContextMenu(e);this.setState({originalItems:s,items:s})}},this.buildSubItems=e=>{var s;return(s=e.children)!=null&&s.length&&(e.children=e.children.map(t=>{const n=new RegExp(e.value,"ig"),i=t.value.search(n)===-1?`${e.value}${this.state.valueSeparator}${t.value}`:t.value;return T(M({},t),{split:!1,value:i})})),e},this.mapValuesToContextMenu=(e,s=0)=>e.map(t=>{var n;if((n=t.children)!=null&&n.length){t.split=!0;const i=this.getRefId(t.value,s);this.submenuRefs[i]||(this.submenuRefs[i]=r.default.createRef()),t.subMenuProps={componentRef:this.submenuRefs[i],items:this.mapValuesToContextMenu(t.children,s+1),focusZoneProps:{handleTabKey:u.FocusZoneTabbableElements.none,onFocus:()=>{var O,E,v,P;const l=(O=this.defaultSubmenuFocus)==null?void 0:O.parent;l&&l.item.value===t.value&&l.level===s&&this.focusItemWithValue(this.state.value,(P=(v=(E=this.defaultSubmenuFocus)==null?void 0:E.parent)==null?void 0:v.item.subMenuProps)==null?void 0:P.items)}}}}return T(M({},t),{key:t.value,text:t.label,className:"ui-tree-dropdown-list-item",onClick:()=>this.handleSelection(t.value),onRenderContent:this.handleRenderContent})}),this.handleSelection=e=>{this.hasSelected=!0,this.setState({value:e,valueChanged:!1},()=>this.props.onParameterValueChange(e))},this.handleKeyPress=e=>{switch(e.key){case"Enter":this.state.isMenuOpen?(this.setState({valueChanged:!0}),this.handleSelection(this.state.value?this.state.value:"")):this.toggleMenu(!1,e);break;case"ArrowDown":this.state.isMenuOpen?this.focusDropdown(e,e.key):this.toggleMenu(!1,e);break;case"Tab":this.state.isMenuOpen&&this.toggleMenu(!0),this.handleSelection(this.state.value?this.state.value:"");break;default:}this.lastKeyDown=e.key},this.focusDropdown=(e,s)=>{var t;this.UITreeDropdownFocusZoneRef&&(s===y.Enter?this.focusItemWithValue(this.state.value,this.state.items):(t=this.UITreeDropdownFocusZoneRef.current)==null||t.focus(!0),e.preventDefault())},this.handleRenderContent=(e,s)=>(e.item.className=e.item.value===this.props.value?"is-selected":"",e.item.text=this.highlightQuery(e.item.label,this.state.query),this.applySubmenuPosition(e.item),s?s.renderItemName(e):null),this.handleRenderMenuList=(e,s)=>{let t=[];return e!=null&&e.items&&(t=e.items.map(n=>{var i;return n.className=n.value===this.props.value?"is-selected":"",n.text=this.highlightQuery(n.label,this.state.query),this.applySubmenuPosition(n),(i=n.subMenuProps)==null||i.items.map(l=>(l.className=l.value===this.props.value?"is-selected":"",l)),M({},n)})),s?s(T(M({},e),{items:t})):null},this.toggleMenu=(e,s)=>{if(this.props.readOnly)return;this.setState({isHidden:e});const t=s==null?void 0:s.key;s&&setTimeout(()=>{s.persist(),this.focusDropdown(s,t)},0)},this.highlightQuery=(e,s)=>r.default.createElement(p.UIHighlightMenuOption,{text:e,query:s}),this.filterElement=(e,s)=>{var n;const t=new RegExp(e,"ig");return(n=s==null?void 0:s.children)!=null&&n.length?s.children.filter(i=>this.filterElement(e,i)).length>0:s!=null&&s.value?s.value.search(t)!==-1:!1},this.handleOnChangeValue=e=>{const s=e.target;this.hasSelected=!1,this.setState(t=>({value:s.value,items:t.originalItems.filter(n=>this.filterElement(s.value,n)),query:s.value,valueChanged:!0})),this.state.isMenuOpen||this.toggleMenu(!1)},this.handleDismiss=e=>{e&&"key"in e&&e.key===y.Escape?this.resetValue():this.hasSelected||this.props.onParameterValueChange(""),this.setState(s=>({items:s.originalItems,query:""})),this.toggleMenu(!0),this.originalValue=void 0},this.applySubmenuPosition=e=>{var s;(s=e.subMenuProps)!=null&&s.items&&(e.subMenuProps.calloutProps||(e.subMenuProps.calloutProps={}),e.subMenuProps.calloutProps.styles={root:{marginLeft:this.submenuOffset}})},this.getCalloutDomRef=(e=!1)=>{const s=`${I.callout}${this.state.uiidInput}`,t=document.querySelector(`.${s}`);return e&&t?t.nextSibling:t},this.calculateSubmenuOffset=()=>{const e=this.getCalloutDomRef();if(e){const s=e.querySelector(`.${I.scrollArea}`);this.submenuOffset=0,s&&s.scrollHeight>s.clientHeight&&(this.submenuOffset=s.offsetWidth-s.clientWidth)}},this.onFocusElementChanged=e=>{const s=e.getElementsByClassName("ts-Menu-option");document.getElementsByClassName("ms-Fabric--isFocusVisible").length>0&&s.length>0&&this.setState({value:e.value?e.value:s[0].innerText,valueChanged:!0})},this.onWindowKeyDown=e=>{var t;this.lastKeyDown=e.key;const s=document.activeElement;if([y.ArrowDown,y.ArrowUp].includes(e.key)&&s){const n=this.getEdgePosition(s),i=n.includes(g.First)&&e.key===y.ArrowUp,l=n.includes(g.Last)&&e.key===y.ArrowDown;(i||l)&&(i&&s.closest(`.${I.callout}${this.state.uiidInput}`)&&((t=this.inputRef.current)==null||t.focus()),e.stopPropagation(),e.preventDefault())}},this.handleCustomDownKey=e=>{this.lastKeyDown.includes("Arrow")&&(this.lastKeyDown="",this.onFocusElementChanged(e.target))},this.applyCustomKeyDownHandlingEvents=()=>{window.addEventListener("keydown",this.onWindowKeyDown,!0),window.addEventListener("focus",this.handleCustomDownKey,!0)},this.removeCustomKeyDownHandlingEvents=()=>{window.removeEventListener("keydown",this.onWindowKeyDown,!0),window.removeEventListener("focus",this.handleCustomDownKey,!0)},this.getEdgePosition=e=>{const s=e.closest("ul"),t=e.closest("li"),n=[];return s&&t&&(s.children[0]===t&&n.push(g.First),s.children[s.children.length-1]===t&&n.push(g.Last)),n},this.findItemByValue=(e,s=[],t,n=0)=>{var l,O;let i;for(let E=0;E<s.length;E++){const v=s[E],P={item:v,index:E,parent:t,level:n};if(v.value===e?i=P:(O=(l=v.subMenuProps)==null?void 0:l.items)!=null&&O.length&&(i=this.findItemByValue(e,v.subMenuProps.items,P,n+1)),i)break}return i},this.getItemTarget=(e,s)=>{let t;const n=e.querySelector(".ms-ContextualMenu-list");return n!=null&&n.childNodes[s.index]&&(t=n.childNodes[s.index].firstChild),t},this.focusItemWithValue=(e,s=[])=>{const t=this.findItemByValue(e,s),n=this.getCalloutDomRef(!!this.defaultSubmenuFocus);if(this.defaultSubmenuFocus=void 0,t&&n){let i;if(t.parent){const l=this.getItemTarget(n,t.parent);l&&(this.defaultSubmenuFocus=t,l.dispatchEvent(new KeyboardEvent("keydown",{keyCode:39,which:39,bubbles:!0})))}else i=this.getItemTarget(n,t);if(i)i.focus();else{const l=n.querySelector(`.${I.scrollArea}`);l==null||l.focus()}}},this.getRefId=(e,s)=>`${e}__${s}`,this.state={query:"",value:(m=this.props.value)!=null?m:"",isHidden:!0,originalItems:[],items:[],valueSeparator:(b=this.props.valueSeparator)!=null?b:".",uiidInput:(0,c.v4)(),isDisabled:!this.props.items.length,isMenuOpen:!1,valueChanged:!1},this.hasSelected=!!this.props.value,this.toggleMenu=this.toggleMenu.bind(this),this.onWindowKeyDown=this.onWindowKeyDown.bind(this),this.handleCustomDownKey=this.handleCustomDownKey.bind(this),(0,u.setIconOptions)({disableWarnings:!0})}resetValue(){this.setState({value:this.originalValue,valueChanged:!1})}getClassNames(){let w=`ui-treeDropdown-wrapper ui-treeDropdown-wrapper-menu${this.state.isMenuOpen?"-open":"-close"} ui-treeDropdown-wrapper-${this.state.uiidInput}`;return this.state.isDisabled&&(w+=" disabled"),this.props.readOnly&&(w+=" readonly"),w}render(){const w=(0,R.getMessageInfo)(this.props);let m=!0;return this.props.useTargetWidth&&(m=!1),r.default.createElement("div",{className:`ui-treeDropdown ui-treeDropDown-${this.state.uiidInput} ${this.props.label?"ui-treeDropdown-with-label":""}`},this.props.label&&r.default.createElement("label",{className:`${this.props.required?"required":""} ${this.state.isDisabled?"disabled":""}`},this.props.label),r.default.createElement("div",{className:this.getClassNames()},r.default.createElement(d.UITextInput,T(M({},this.props),{componentRef:this.inputRef,disabled:this.state.isDisabled,readOnly:this.props.readOnly,autoComplete:"off",value:this.state.value,placeholder:this.props.placeholderText,onKeyDown:this.handleKeyPress,onChange:this.handleOnChangeValue,onClick:()=>{this.toggleMenu(!1)},onFocus:b=>{b.target.select()},errorMessage:w.message})),r.default.createElement(f.UIIconButton,{tabIndex:-1,allowDisabledFocus:!0,className:"ui-treeDropdown-caret",iconProps:{iconName:S.UiIcons.ArrowDown},onClick:()=>{var b;this.state.isHidden&&((b=this.inputRef.current)==null||b.focus()),this.toggleMenu(!this.state.isHidden)}})),!this.state.isHidden&&r.default.createElement(p.UIContextualMenu,{componentRef:this.UITreeDropdownRef,onRenderMenuList:this.handleRenderMenuList,className:"ui-treeDropDown-context-menu",target:`.ui-treeDropDown-${this.state.uiidInput}`,onMenuOpened:()=>{this.originalValue=this.state.value,this.applyCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!0})},onMenuDismissed:()=>{this.removeCustomKeyDownHandlingEvents(),this.setState({isMenuOpen:!1}),this.state.valueChanged&&this.handleSelection(this.state.value?this.state.value:"")},useTargetWidth:m,useTargetAsMinWidth:!0,onRestoreFocus:b=>{var e;(e=b.originalElement)==null||e.focus()},shouldUpdateWhenHidden:!0,items:this.state.items,onDismiss:this.handleDismiss,shouldFocusOnContainer:!1,focusZoneProps:{componentRef:this.UITreeDropdownFocusZoneRef,handleTabKey:u.FocusZoneTabbableElements.none,isCircularNavigation:!1},shouldFocusOnMount:!1,directionalHint:this.props.directionalHint,calloutProps:{layerProps:{className:`${I.callout}${this.state.uiidInput}`},onLayerMounted:()=>{this.calculateSubmenuOffset()}},styles:{container:{maxHeight:192,overflowY:"auto"}},maxWidth:this.props.maxWidth}))}}_.UITreeDropdown=C},"./src/components/UITreeDropdown/index.tsx"(a,_,o){"use strict";var D=this&&this.__createBinding||(Object.create?(function(c,u,d,p){p===void 0&&(p=d);var f=Object.getOwnPropertyDescriptor(u,d);(!f||("get"in f?!u.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return u[d]}}),Object.defineProperty(c,p,f)}):(function(c,u,d,p){p===void 0&&(p=d),c[p]=u[d]})),r=this&&this.__exportStar||function(c,u){for(var d in c)d!=="default"&&!Object.prototype.hasOwnProperty.call(u,d)&&D(u,c,d)};Object.defineProperty(_,"__esModule",{value:!0}),r(o("./src/components/UITreeDropdown/UITreeDropdown.tsx"),_)}}]);})();
@@ -1 +0,0 @@
1
- "use strict";(()=>{(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[222],{"./src/index.tsx"(a,t,s){var l=this&&this.__createBinding||(Object.create?(function(r,n,e,c){c===void 0&&(c=e);var u=Object.getOwnPropertyDescriptor(n,e);(!u||("get"in u?!n.__esModule:u.writable||u.configurable))&&(u={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(r,c,u)}):(function(r,n,e,c){c===void 0&&(c=e),r[c]=n[e]})),i=this&&this.__exportStar||function(r,n){for(var e in r)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&l(n,r,e)};Object.defineProperty(t,"__esModule",{value:!0}),t.setIconOptions=void 0,i(s("./src/components/index.tsx"),t),i(s("./src/utilities/index.ts"),t),i(s("./src/theme/index.ts"),t);var d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(t,"setIconOptions",{enumerable:!0,get:function(){return d.setIconOptions}})},"./stories/UIIcon.story.tsx"(a,t,s){var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(t,"__esModule",{value:!0}),t.SvgIcon=void 0;const i=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),d=s("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_dd78b5249e0d97499b5997ed3bfaf5b8/node_modules/@fluentui/react/lib-commonjs/index.js"),r=s("./src/components/UIIcon/index.tsx"),n=s("./src/index.tsx");t.default={title:"Utilities/Icons"};const e=[];for(const o in n.UiIcons)e.push(o);e.sort();const c=[{key:"column1",name:"Icon",minWidth:50,maxWidth:60,onRender:o=>i.default.createElement(r.UIIcon,{style:{width:"16px",height:"16px"},iconName:o})},{key:"column2",name:"Name",minWidth:50,onRender:o=>i.default.createElement("span",null,o)}],u=()=>i.default.createElement("div",null,i.default.createElement(d.DetailsList,{selectionMode:d.SelectionMode.none,items:e,columns:c,isHeaderVisible:!0,selectionPreservedOnEmptyClick:!0}));t.SvgIcon=u}}]);})();
@@ -1,2 +0,0 @@
1
- (()=>{(()=>{"use strict";var y={},g={};function r(e){var f=g[e];if(f!==void 0)return f.exports;var t=g[e]={id:e,loaded:!1,exports:{}};return y[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=y,(()=>{var e=[];r.O=(f,t,a,i)=>{if(t){i=i||0;for(var n=e.length;n>0&&e[n-1][2]>i;n--)e[n]=e[n-1];e[n]=[t,a,i];return}for(var o=1/0,n=0;n<e.length;n++){for(var[t,a,i]=e[n],b=!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):(b=!1,i<o&&(o=i));if(b){e.splice(n--,1);var l=a();l!==void 0&&(f=l)}}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(b=>n[b]=()=>t[b]);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:"9665029e",13:"1de7f853",14:"1da3f2ee",43:"ab856fec",57:"111b916d",69:"49795aba",104:"b2e103c4",112:"80afc68d",177:"bf185a2a",191:"85d938e0",218:"e5826214",222:"56526df5",237:"334c60ea",239:"bed8a5fb",271:"7276de7c",279:"8dad0e60",289:"43b45fa0",360:"01a2fadf",393:"7f8fd70e",406:"4a12582e",449:"3d4143cc",495:"5574310d",525:"9a573f7f",530:"90c7e487",558:"c5ee487a",632:"82435b80",642:"983fc97d",644:"24e2874f",660:"0da3754b",673:"99bc14b4",680:"2d86a3e8",685:"b4af0230",693:"6315357e",723:"36541956",733:"21443966",763:"3294d52f",776:"2cac3f4d",812:"218b515c",824:"c1c8a45a",879:"4e975e38",930:"fa052e00",937:"12c2e8e6",949:"6f685540",967:"c80d3a04",994:"1df59995"}[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,b;if(i!==void 0)for(var s=document.getElementsByTagName("script"),l=0;l<s.length;l++){var c=s[l];if(c.getAttribute("src")==t||c.getAttribute("data-webpack")==f+i){o=c;break}}o||(b=!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 d=(_,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(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),b&&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,d)=>n=e[a]=[c,d]);i.push(n[2]=o);var b=r.p+r.u(a),s=new Error,l=c=>{if(r.o(e,a)&&(n=e[a],n!==0&&(e[a]=void 0),n)){var d=c&&(c.type==="load"?"missing":c.type),u=c&&c.target&&c.target.src;s.message="Loading chunk "+a+` failed.
2
- (`+d+": "+u+")",s.name="ChunkLoadError",s.type=d,s.request=u,n[1](s)}};r.l(b,l,"chunk-"+a,a)}else e[a]=0},r.O.j=a=>e[a]===0;var f=(a,i)=>{var[n,o,b]=i,s,l,c=0;if(n.some(u=>e[u]!==0)){for(s in o)r.o(o,s)&&(r.m[s]=o[s]);if(b)var d=b(r)}for(a&&a(i);c<n.length;c++)l=n[c],r.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return r.O(d)},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})();})();