@sap-ux/ui-components 2.1.3 → 2.1.5
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/UITreeDropdown/UITreeDropdown.js +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
- package/package.json +19 -19
- package/storybook/{824.c1c8a45a.iframe.bundle.js → 269.29ddae67.iframe.bundle.js} +1 -1
- package/storybook/272.9b5d83c3.iframe.bundle.js +8 -0
- package/storybook/278.2c1341d0.iframe.bundle.js +1 -0
- package/storybook/401.38ffeec3.iframe.bundle.js +7 -0
- package/storybook/435.d820054a.iframe.bundle.js +1 -0
- package/storybook/{495.5574310d.iframe.bundle.js → 438.2b1dc22a.iframe.bundle.js} +1 -1
- package/storybook/{879.4e975e38.iframe.bundle.js → 510.8928f7bc.iframe.bundle.js} +1 -1
- package/storybook/{112.80afc68d.iframe.bundle.js → 541.ffb8b4b6.iframe.bundle.js} +1 -1
- package/storybook/{279.8dad0e60.iframe.bundle.js → 691.f026dffd.iframe.bundle.js} +1 -1
- package/storybook/714.151a8a88.iframe.bundle.js +55 -0
- package/storybook/{763.3294d52f.iframe.bundle.js → 715.300326ef.iframe.bundle.js} +1 -1
- package/storybook/722.cab24dc6.iframe.bundle.js +43 -0
- package/storybook/{776.2cac3f4d.iframe.bundle.js → 738.1ae0fd5c.iframe.bundle.js} +1 -1
- package/storybook/{14.1da3f2ee.iframe.bundle.js → 866.9a678573.iframe.bundle.js} +2 -2
- package/storybook/{UIActionCallout-story.3d4143cc.iframe.bundle.js → UIActionCallout-story.ddcadadd.iframe.bundle.js} +2 -2
- package/storybook/{UIButton-story.b4af0230.iframe.bundle.js → UIButton-story.9f7c2053.iframe.bundle.js} +1 -1
- package/storybook/{UICallout-story.bed8a5fb.iframe.bundle.js → UICallout-story.eec4e4c0.iframe.bundle.js} +2 -2
- package/storybook/{UICalloutCollisionTransform-story.ab856fec.iframe.bundle.js → UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js} +1 -1
- package/storybook/{UICheckbox-story.c5ee487a.iframe.bundle.js → UICheckbox-story.681479f2.iframe.bundle.js} +2 -2
- package/storybook/{UIChoiceGroup-story.9a573f7f.iframe.bundle.js → UIChoiceGroup-story.f5c61c53.iframe.bundle.js} +1 -1
- package/storybook/{UICombobox-story.82435b80.iframe.bundle.js → UICombobox-story.c6fdb1e6.iframe.bundle.js} +1 -1
- package/storybook/{UIContextualMenu-story.43b45fa0.iframe.bundle.js → UIContextualMenu-story.5d35030b.iframe.bundle.js} +1 -1
- package/storybook/{UICreateSelect-story.6f685540.iframe.bundle.js → UICreateSelect-story.f148fa6b.iframe.bundle.js} +2 -2
- package/storybook/{UIDatePicker-story.85d938e0.iframe.bundle.js → UIDatePicker-story.95f324bd.iframe.bundle.js} +2 -2
- package/storybook/{UIDialog-story.12c2e8e6.iframe.bundle.js → UIDialog-story.170e3efe.iframe.bundle.js} +2 -2
- package/storybook/{UIDropdown-story.9665029e.iframe.bundle.js → UIDropdown-story.0b189ddd.iframe.bundle.js} +1 -1
- package/storybook/UIIcon-story.da2b5f02.iframe.bundle.js +1 -0
- package/storybook/{UILabel-story.49795aba.iframe.bundle.js → UILabel-story.4f878fd0.iframe.bundle.js} +1 -1
- package/storybook/{UILink-story.111b916d.iframe.bundle.js → UILink-story.5f2ffd4f.iframe.bundle.js} +2 -2
- package/storybook/{UILoader-story.0da3754b.iframe.bundle.js → UILoader-story.578be4a2.iframe.bundle.js} +2 -2
- package/storybook/{UIMessageBar-story.21443966.iframe.bundle.js → UIMessageBar-story.efde9aa5.iframe.bundle.js} +1 -1
- package/storybook/{UIPersona-story.7276de7c.iframe.bundle.js → UIPersona-story.cf14bf11.iframe.bundle.js} +1 -1
- package/storybook/{UISearchBox-story.b2e103c4.iframe.bundle.js → UISearchBox-story.9f58fac1.iframe.bundle.js} +1 -1
- package/storybook/{UISections-story.bf185a2a.iframe.bundle.js → UISections-story.4e7d6b0c.iframe.bundle.js} +1 -1
- package/storybook/{UISeparator-story.fa052e00.iframe.bundle.js → UISeparator-story.b93568c6.iframe.bundle.js} +1 -1
- package/storybook/{UITable-story.c80d3a04.iframe.bundle.js → UITable-story.08b1e3ca.iframe.bundle.js} +2 -2
- package/storybook/{UITextInput-story.24e2874f.iframe.bundle.js → UITextInput-story.04f63e1e.iframe.bundle.js} +2 -2
- package/storybook/{UIToggle-story.99bc14b4.iframe.bundle.js → UIToggle-story.923f2862.iframe.bundle.js} +2 -2
- package/storybook/UIToggleGroup-story.d375bd88.iframe.bundle.js +2 -0
- package/storybook/{UITooltip-story.4a12582e.iframe.bundle.js → UITooltip-story.029b6314.iframe.bundle.js} +2 -2
- package/storybook/{UITranslationInput-story.90c7e487.iframe.bundle.js → UITranslationInput-story.298127f4.iframe.bundle.js} +1 -1
- package/storybook/{UITreedropdown-story.1df59995.iframe.bundle.js → UITreedropdown-story.60ded1bc.iframe.bundle.js} +1 -1
- package/storybook/{Utilities-story.7f8fd70e.iframe.bundle.js → Utilities-story.31a14ded.iframe.bundle.js} +1 -1
- package/storybook/iframe.html +3 -3
- package/storybook/{main.c9bd7885.iframe.bundle.js → main.cadd4db4.iframe.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.3b609768.iframe.bundle.js +2 -0
- package/storybook/13.1de7f853.iframe.bundle.js +0 -1
- package/storybook/625.874afe67.iframe.bundle.js +0 -62
- package/storybook/642.983fc97d.iframe.bundle.js +0 -7
- package/storybook/693.6315357e.iframe.bundle.js +0 -42
- package/storybook/723.36541956.iframe.bundle.js +0 -1
- package/storybook/UIIcon-story.56526df5.iframe.bundle.js +0 -1
- package/storybook/UIToggleGroup-story.e5826214.iframe.bundle.js +0 -2
- 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
|
-
(()=>{var T=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var E=(u,e,s)=>e in u?T(u,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[e]=s,v=(u,e)=>{for(var s in e||(e={}))U.call(e,s)&&E(u,s,e[s]);if(w)for(var s of w(e))M.call(e,s)&&E(u,s,e[s]);return u},I=(u,e)=>P(u,j(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[218],{"../../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/UIIcon/UIIcon.scss"(u,e,s){var l=s("../../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=s("../../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"),n=r(l);n.push([u.id,".ts-icon{fill:var(--vscode-foreground)}",""]),u.exports=n},"../../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"(u){"use strict";u.exports=function(e){var s=[];return s.toString=function(){return this.map(function(r){var n="",t=typeof r[5]!="undefined";return r[4]&&(n+="@supports (".concat(r[4],") {")),r[2]&&(n+="@media ".concat(r[2]," {")),t&&(n+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),n+=e(r),t&&(n+="}"),r[2]&&(n+="}"),r[4]&&(n+="}"),n}).join("")},s.i=function(r,n,t,_,o){typeof r=="string"&&(r=[[null,r,void 0]]);var a={};if(t)for(var i=0;i<this.length;i++){var m=this[i][0];m!=null&&(a[m]=!0)}for(var c=0;c<r.length;c++){var d=[].concat(r[c]);t&&a[d[0]]||(typeof o!="undefined"&&(typeof d[5]=="undefined"||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]&&(d[1]="@media ".concat(d[2]," {").concat(d[1],"}")),d[2]=n),_&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=_):d[4]="".concat(_)),s.push(d))}},s}},"../../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"(u){"use strict";u.exports=function(e){return e[1]}},"./src/components/UIIcon/UIIcon.scss"(u,e,s){"use strict";s.r(e),s.d(e,{default:()=>O});var l=s("../../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=s.n(l),n=s("../../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"),t=s.n(n),_=s("../../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"),o=s.n(_),a=s("../../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"),i=s.n(a),m=s("../../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"),c=s.n(m),d=s("../../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"),p=s.n(d),f=s("../../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/UIIcon/UIIcon.scss"),b=s.n(f),g={};for(const h in f)h!=="default"&&(g[h]=()=>f[h]);s.d(e,g);var y={};y.styleTagTransform=p(),y.setAttributes=i(),y.insert=o().bind(null,"head"),y.domAPI=t(),y.insertStyleElement=c();var S=r()(b(),y);const O=b()&&b().locals?b().locals:void 0},"../../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"(u){"use strict";var e=[];function s(n){for(var t=-1,_=0;_<e.length;_++)if(e[_].identifier===n){t=_;break}return t}function l(n,t){for(var _={},o=[],a=0;a<n.length;a++){var i=n[a],m=t.base?i[0]+t.base:i[0],c=_[m]||0,d="".concat(m," ").concat(c);_[m]=c+1;var p=s(d),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(p!==-1)e[p].references++,e[p].updater(f);else{var b=r(f,t);t.byIndex=a,e.splice(a,0,{identifier:d,updater:b,references:1})}o.push(d)}return o}function r(n,t){var _=t.domAPI(t);_.update(n);var o=function(i){if(i){if(i.css===n.css&&i.media===n.media&&i.sourceMap===n.sourceMap&&i.supports===n.supports&&i.layer===n.layer)return;_.update(n=i)}else _.remove()};return o}u.exports=function(n,t){t=t||{},n=n||[];var _=l(n,t);return function(a){a=a||[];for(var i=0;i<_.length;i++){var m=_[i],c=s(m);e[c].references--}for(var d=l(a,t),p=0;p<_.length;p++){var f=_[p],b=s(f);e[b].references===0&&(e[b].updater(),e.splice(b,1))}_=d}}},"../../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"(u){"use strict";var e={};function s(r){if(typeof e[r]=="undefined"){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[r]=n}return e[r]}function l(r,n){var t=s(r);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(n)}u.exports=l},"../../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"(u){"use strict";function e(s){var l=document.createElement("style");return s.setAttributes(l,s.attributes),s.insert(l,s.options),l}u.exports=e},"../../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"(u,e,s){"use strict";function l(r){var n=s.nc;n&&r.setAttribute("nonce",n)}u.exports=l},"../../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){"use strict";function e(r,n,t){var _="";t.supports&&(_+="@supports (".concat(t.supports,") {")),t.media&&(_+="@media ".concat(t.media," {"));var o=typeof t.layer!="undefined";o&&(_+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),_+=t.css,o&&(_+="}"),t.media&&(_+="}"),t.supports&&(_+="}");var a=t.sourceMap;a&&typeof btoa!="undefined"&&(_+=`
|
|
2
|
-
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(_,r,n.options)}function s(r){if(r.parentNode===null)return!1;r.parentNode.removeChild(r)}function l(r){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var n=r.insertStyleElement(r);return{update:function(_){e(n,r,_)},remove:function(){s(n)}}}u.exports=l},"../../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"(u){"use strict";function e(s,l){if(l.styleSheet)l.styleSheet.cssText=s;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(s))}}u.exports=e},"./src/components/UIIcon/UIIcon.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(_){return _&&_.__esModule?_:{default:_}};Object.defineProperty(e,"__esModule",{value:!0}),e.UIIcon=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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");s("./src/components/UIIcon/UIIcon.scss");class t extends r.default.Component{constructor(o){super(o),this.setStyle=()=>({})}render(){const o=this.props.className?` ${this.props.className}`:"";return r.default.createElement(n.Icon,I(v({},this.props),{className:`ts-icon${o}`,styles:this.setStyle()}))}}e.UIIcon=t},"./src/components/UIIcon/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UIIcon/UIIcon.tsx"),e)},"./src/components/UILabel/UILabel.tsx"(u,e,s){"use strict";var l=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const r=l(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),n=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"),t=s("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class _ extends r.default.Component{constructor(a){super(a)}render(){const a=i=>({root:[v({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:t.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return r.default.createElement(n.Label,I(v({},this.props),{styles:a}))}}e.UILabel=_},"./src/components/UILabel/index.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./src/utilities/Debounce.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.debounce=s;function s(l,r){let n;return(...t)=>{clearTimeout(n),n=window.setTimeout(()=>{l(...t)},r)}}},"./src/utilities/Dom.ts"(u,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isHTMLElement=s,e.isHTMLInputElement=l;function s(r){return"title"in r}function l(r){return"value"in r&&"tagName"in r&&r.tagName==="INPUT"}},"./src/utilities/Focus.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isElementTabbable=e.getPreviousElement=e.getNextElement=e.setUIFocusVisibility=e.getUILastFocusable=e.getUIFirstFocusable=void 0,e.focusToSibling=r;const l=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(e,"getUIFirstFocusable",{enumerable:!0,get:function(){return l.getFirstFocusable}}),Object.defineProperty(e,"getUILastFocusable",{enumerable:!0,get:function(){return l.getLastFocusable}}),Object.defineProperty(e,"setUIFocusVisibility",{enumerable:!0,get:function(){return l.setFocusVisibility}}),Object.defineProperty(e,"getNextElement",{enumerable:!0,get:function(){return l.getNextElement}}),Object.defineProperty(e,"getPreviousElement",{enumerable:!0,get:function(){return l.getPreviousElement}}),Object.defineProperty(e,"isElementTabbable",{enumerable:!0,get:function(){return l.isElementTabbable}});function r(n,t){const _=(0,l.getDocument)();if(_){let o=null;if(t?o=(0,l.getNextElement)(_.body,n,!1,!1,!0,!0):o=(0,l.getPreviousElement)(_.body,n,!1,!1,!0,!0),o)return o.focus(),o}return null}},"./src/utilities/Id.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getUIId=void 0;const l=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(e,"getUIId",{enumerable:!0,get:function(){return l.getId}})},"./src/utilities/Keys.ts"(u,e,s){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.UIKeyCodes=void 0;const l=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(e,"UIKeyCodes",{enumerable:!0,get:function(){return l.KeyCodes}})},"./src/utilities/index.ts"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(n,t,_,o){o===void 0&&(o=_);var a=Object.getOwnPropertyDescriptor(t,_);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[_]}}),Object.defineProperty(n,o,a)}):(function(n,t,_,o){o===void 0&&(o=_),n[o]=t[_]})),r=this&&this.__exportStar||function(n,t){for(var _ in n)_!=="default"&&!Object.prototype.hasOwnProperty.call(t,_)&&l(t,n,_)};Object.defineProperty(e,"__esModule",{value:!0}),r(s("./src/utilities/Debounce.ts"),e),r(s("./src/utilities/Dom.ts"),e),r(s("./src/utilities/Focus.ts"),e),r(s("./src/utilities/Id.ts"),e),r(s("./src/utilities/Keys.ts"),e)},"./stories/UIToggleGroup.story.tsx"(u,e,s){"use strict";var l=this&&this.__createBinding||(Object.create?(function(m,c,d,p){p===void 0&&(p=d);var f=Object.getOwnPropertyDescriptor(c,d);(!f||("get"in f?!c.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return c[d]}}),Object.defineProperty(m,p,f)}):(function(m,c,d,p){p===void 0&&(p=d),m[p]=c[d]})),r=this&&this.__setModuleDefault||(Object.create?(function(m,c){Object.defineProperty(m,"default",{enumerable:!0,value:c})}):function(m,c){m.default=c}),n=this&&this.__importStar||(function(){var m=function(c){return m=Object.getOwnPropertyNames||function(d){var p=[];for(var f in d)Object.prototype.hasOwnProperty.call(d,f)&&(p[p.length]=f);return p},m(c)};return function(c){if(c&&c.__esModule)return c;var d={};if(c!=null)for(var p=m(c),f=0;f<p.length;f++)p[f]!=="default"&&l(d,c,p[f]);return r(d,c),d}})();Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const t=n(s("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),_=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"),o=s("./src/components/UIToggleGroup/index.ts");e.default={title:"Basic Inputs/Toggle/Group"};const a={childrenGap:40},i=()=>{const[m,c]=(0,t.useState)(""),d=[{key:"high",text:"H",ariaLabel:"High",title:"High"},{key:"medium",text:"M",ariaLabel:"Medium",title:"Medium"},{key:"low",text:"L",ariaLabel:"Low",title:"Low"}],p=[{key:"high",text:"H"},{key:"medium",text:"M",disabled:!0},{key:"low",text:"L"},{key:"long_text",text:"Long Text"}],f=[{key:"chart",icon:"Chart"},{key:"star",icon:"Star"},{key:"settings",icon:"Settings"}],b=(g,y)=>{c(y?g:"")};return t.default.createElement(_.Stack,{tokens:a,style:{width:300}},t.default.createElement(_.Text,{variant:"large",className:"textColor"},"UIToggleGroup"),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, default usage"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",ariaLabel:"test",onChange:b.bind(this)}),t.default.createElement("span",null,"selection: ",m)),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, required value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",required:!0})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with default selected value"),t.default.createElement(o.UIToggleGroup,{options:d,label:"Test",selectedKey:"medium"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with a disabled option"),t.default.createElement(o.UIToggleGroup,{options:p,label:"Test"})),t.default.createElement(_.Stack,{tokens:{childrenGap:16}},t.default.createElement(_.Text,{variant:"medium",className:"textColor"},"UIToggleGroup, with icons option"),t.default.createElement(o.UIToggleGroup,{options:f,label:"Test"})))};e.defaultUsage=i}}]);})();
|
|
@@ -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})();})();
|