UNPKG

@sap-ux/ui-components

Version:

SAP UI Components Library

23 lines (20 loc) 26.9 kB
(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var D=(i,o,_)=>o in i?H(i,o,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[o]=_,w=(i,o)=>{for(var _ in o||(o={}))G.call(o,_)&&D(i,_,o[_]);if(T)for(var _ of T(o))J.call(o,_)&&D(i,_,o[_]);return i},E=(i,o)=>X(i,V(o));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../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/UICreateSelect/UICreateSelect.scss"(i,o,_){var l=_("../../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"),n=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),s=n(l);s.push([i.id,'.ui-create-select-indicator-clear,.ui-create-select-indicator-dropdown{display:flex;height:16px;align-items:center;justify-content:center;align-content:center}.ui-create-select-indicator-loading{padding-right:8px}.ui-create-select__option{position:relative}.ui-create-select__option--is-selected .ts-Menu-option--highlighted{color:var(--vscode-editorSuggestWidget-focusHighlightForeground, var(--vscode-list-focusHighlightForeground))}.ui-create-select__option--is-selected::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}.ui-create-select__option:hover::after{content:"";position:absolute;inset:1px;z-index:1;outline:1px dashed var(--vscode-contrastActiveBorder);outline-offset:-1px;pointer-events:none;border:none}',""]),i.exports=s},"../../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/UILoader/UILoader.scss"(i,o,_){var l=_("../../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"),n=_("../../node_modules/.pnpm/css-loader@7.1.4_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/css-loader/dist/runtime/api.js"),s=n(l);s.push([i.id,".ui-large-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:24px;font-style:normal;line-height:29px;color:var(--vscode-settings-headerForeground)}.ui-medium-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:14px;font-style:normal;line-height:16px;color:var(--vscode-settings-headerForeground)}.ui-small-header{font-family:var(--vscode-font-family);font-weight:bold;font-size:13px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-medium-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:normal;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-medium-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:13px;font-style:italic;line-height:18px;color:var(--vscode-settings-textInputForeground)}.ui-small-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:normal;line-height:15px;color:var(--vscode-settings-textInputForeground)}.ui-small-italic-text{font-family:var(--vscode-font-family);font-weight:normal;font-size:11px;font-style:italic;line-height:15px;color:var(--vscode-settings-textInputForeground)}code{font-family:var(--vscode-editor-font-family);font-size:85%;padding:2px 4px;border-radius:var(--vscode-cornerRadius-small, 4px);color:var(--vscode-textPreformat-foreground);background-color:var(--vscode-textPreformat-background)}: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)}.uiLoaderXLarge .ms-Spinner-circle{width:50px;height:50px}.uiLoaderXSmall .ms-Spinner-circle{border-width:1px;width:12px;height:12px}.ui-loader--delayed{opacity:0;animation:1s ease-in .3s normal forwards 1 ui-loader-fade-in;z-index:1}@keyframes ui-loader-fade-in{0%{opacity:0}100%{opacity:1}}",""]),i.exports=s},"../../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"(i){"use strict";i.exports=function(o){var _=[];return _.toString=function(){return this.map(function(n){var s="",e=typeof n[5]!="undefined";return n[4]&&(s+="@supports (".concat(n[4],") {")),n[2]&&(s+="@media ".concat(n[2]," {")),e&&(s+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),s+=o(n),e&&(s+="}"),n[2]&&(s+="}"),n[4]&&(s+="}"),s}).join("")},_.i=function(n,s,e,t,d){typeof n=="string"&&(n=[[null,n,void 0]]);var a={};if(e)for(var u=0;u<this.length;u++){var g=this[u][0];g!=null&&(a[g]=!0)}for(var p=0;p<n.length;p++){var r=[].concat(n[p]);e&&a[r[0]]||(typeof d!="undefined"&&(typeof r[5]=="undefined"||(r[1]="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {").concat(r[1],"}")),r[5]=d),s&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=s),t&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=t):r[4]="".concat(t)),_.push(r))}},_}},"../../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){"use strict";i.exports=function(o){return o[1]}},"./src/components/UICreateSelect/UICreateSelect.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>b});var l=_("../../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"),n=_.n(l),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(s),t=_("../../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"),d=_.n(t),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../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"),p=_.n(g),r=_("../../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"),y=_.n(r),m=_("../../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/UICreateSelect/UICreateSelect.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=p();var v=n()(f(),h);const b=f()&&f().locals?f().locals:void 0},"./src/components/UILoader/UILoader.scss"(i,o,_){"use strict";_.r(o),_.d(o,{default:()=>b});var l=_("../../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"),n=_.n(l),s=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=_.n(s),t=_("../../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"),d=_.n(t),a=_("../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),u=_.n(a),g=_("../../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"),p=_.n(g),r=_("../../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"),y=_.n(r),m=_("../../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/UILoader/UILoader.scss"),f=_.n(m),c={};for(const I in m)I!=="default"&&(c[I]=()=>m[I]);_.d(o,c);var h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=p();var v=n()(f(),h);const b=f()&&f().locals?f().locals:void 0},"../../node_modules/.pnpm/style-loader@4.0.0_webpack@5.105.0_@swc+core@1.15.18_@swc+helpers@0.5.19__esbuild@0.27.4_postcss@8.5.15_/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"(i){"use strict";var o=[];function _(s){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===s){e=t;break}return e}function l(s,e){for(var t={},d=[],a=0;a<s.length;a++){var u=s[a],g=e.base?u[0]+e.base:u[0],p=t[g]||0,r="".concat(g," ").concat(p);t[g]=p+1;var y=_(r),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(y!==-1)o[y].references++,o[y].updater(m);else{var f=n(m,e);e.byIndex=a,o.splice(a,0,{identifier:r,updater:f,references:1})}d.push(r)}return d}function n(s,e){var t=e.domAPI(e);t.update(s);var d=function(u){if(u){if(u.css===s.css&&u.media===s.media&&u.sourceMap===s.sourceMap&&u.supports===s.supports&&u.layer===s.layer)return;t.update(s=u)}else t.remove()};return d}i.exports=function(s,e){e=e||{},s=s||[];var t=l(s,e);return function(a){a=a||[];for(var u=0;u<t.length;u++){var g=t[u],p=_(g);o[p].references--}for(var r=l(a,e),y=0;y<t.length;y++){var m=t[y],f=_(m);o[f].references===0&&(o[f].updater(),o.splice(f,1))}t=r}}},"../../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"(i){"use strict";var o={};function _(n){if(typeof o[n]=="undefined"){var s=document.querySelector(n);if(window.HTMLIFrameElement&&s instanceof window.HTMLIFrameElement)try{s=s.contentDocument.head}catch(e){s=null}o[n]=s}return o[n]}function l(n,s){var e=_(n);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");e.appendChild(s)}i.exports=l},"../../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"(i){"use strict";function o(_){var l=document.createElement("style");return _.setAttributes(l,_.attributes),_.insert(l,_.options),l}i.exports=o},"../../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"(i,o,_){"use strict";function l(n){var s=_.nc;s&&n.setAttribute("nonce",s)}i.exports=l},"../../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"(i){"use strict";function o(n,s,e){var t="";e.supports&&(t+="@supports (".concat(e.supports,") {")),e.media&&(t+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(t+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),t+=e.css,d&&(t+="}"),e.media&&(t+="}"),e.supports&&(t+="}");var a=e.sourceMap;a&&typeof btoa!="undefined"&&(t+=` /*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),s.styleTagTransform(t,n,s.options)}function _(n){if(n.parentNode===null)return!1;n.parentNode.removeChild(n)}function l(n){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=n.insertStyleElement(n);return{update:function(t){o(s,n,t)},remove:function(){_(s)}}}i.exports=l},"../../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"(i){"use strict";function o(_,l){if(l.styleSheet)l.styleSheet.cssText=_;else{for(;l.firstChild;)l.removeChild(l.firstChild);l.appendChild(document.createTextNode(_))}}i.exports=o},"./src/components/UICreateSelect/UICreateSelect.tsx"(i,o,_){"use strict";var l=this&&this.__importDefault||function(c){return c&&c.__esModule?c:{default:c}};Object.defineProperty(o,"__esModule",{value:!0}),o.UICreateSelect=void 0;const n=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/dist/react-select.esm.js"),e=l(_("../../node_modules/.pnpm/react-select@5.10.2_@types+react@16.14.69_react-dom@16.14.0_react@16.14.0__react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),t=_("./src/components/UIIcon/index.tsx"),d=_("./src/components/UILoader/index.tsx"),a=_("./src/components/UIContextualMenu/index.tsx");_("./src/components/UICreateSelect/UICreateSelect.scss");const u=_("./src/components/UIInput/index.tsx"),g=c=>n.default.createElement(s.components.DropdownIndicator,w({},c),n.default.createElement(t.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),p=c=>n.default.createElement(s.components.ClearIndicator,w({},c),n.default.createElement(t.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=c=>n.default.createElement("div",{className:"ui-create-select-indicator-loading"},n.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),y=c=>{var h,v,b,I;return n.default.createElement(n.default.Fragment,null,!((h=c==null?void 0:c.data)!=null&&h.__isNew__)&&n.default.createElement(s.components.Option,w({},c),n.default.createElement(a.UIHighlightMenuOption,{text:(v=c==null?void 0:c.data)==null?void 0:v.label,query:(b=c==null?void 0:c.selectProps)==null?void 0:b.inputValue})),((I=c==null?void 0:c.data)==null?void 0:I.__isNew__)&&n.default.createElement(s.components.Option,w({},c)))},m=c=>{let h="transparent";return c.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),c.isFocused&&!c.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},f=c=>{const h=v=>`${c.createText}: ${v}`;return n.default.createElement(e.default,E(w({},c),{ref:c.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:v=>v.label,formatCreateLabel:h,components:{ClearIndicator:p,DropdownIndicator:g,LoadingIndicator:r,Option:y},unstyled:!0,styles:{control:(v,b)=>E(w({},v),{background:"var(--vscode-input-background)",height:"26px",maxHeight:"26px",minHeight:"26px",padding:"0px 0px 0px 8px;",boxShadow:"none",boxSizing:"border-box",borderWidth:"1px",borderStyle:"solid",borderColor:b.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:u.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(v,b)=>E(w({},v),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),menu:(v,b)=>E(w({},v),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(v,b)=>E(w({},v),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:b.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:m(b),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:b.isSelected?m(b):"var(--vscode-list-hoverBackground)",color:b.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(v,b)=>E(w({},v),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(v,b)=>E(w({},v),{color:"var(--vscode-input-foreground)",background:"transparent",fontFamily:"var(--vscode-font-family)",fontSize:"13px",fontWeight:"normal",minHeight:"unset",padding:"1px 0px 1px 1px",outline:0}),valueContainer:(v,b)=>E(w({},v),{padding:"0px"}),indicatorsContainer:(v,b)=>E(w({},v),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(v,b)=>E(w({},v),{display:"none"}),dropdownIndicator:(v,b)=>E(w({},v),{padding:"0px"}),clearIndicator:(v,b)=>E(w({},v),{padding:"0px",cursor:"pointer"})}}))};o.UICreateSelect=f,o.UICreateSelect.__docgenInfo={description:`Return a UICreateSelect component. @param {CreatableProps} props to be passed to the component. @returns {JSX.Element}`,methods:[],displayName:"UICreateSelect",props:{createText:{required:!1,tsType:{name:"string"},description:""},creatableRef:{required:!1,tsType:{name:"ReactMutableRefObject",raw:`React.MutableRefObject<SelectInstance< UICreateSelectOptionEntry, true, UICreateSelectGroupEntry > | null>`,elements:[{name:"union",raw:`SelectInstance< UICreateSelectOptionEntry, true, UICreateSelectGroupEntry > | null`,elements:[{name:"SelectInstance",elements:[{name:"UICreateSelectOptionEntry"},{name:"literal",value:"true"},{name:"UICreateSelectGroupEntry"}],raw:`SelectInstance< UICreateSelectOptionEntry, true, UICreateSelectGroupEntry >`},{name:"null"}]}]},description:""}}}},"./src/components/UICreateSelect/index.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(s,e,t,d){d===void 0&&(d=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,d,a)}):(function(s,e,t,d){d===void 0&&(d=t),s[d]=e[t]})),n=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),n(_("./src/components/UICreateSelect/UICreateSelect.tsx"),o)},"./src/components/UILoader/UILoader.tsx"(i,o,_){"use strict";var l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(o,"__esModule",{value:!0}),o.UILoader=o.UISpinnerSize=void 0;const n=l(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=_("../../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,"UISpinnerSize",{enumerable:!0,get:function(){return s.SpinnerSize}}),_("./src/components/UILoader/UILoader.scss");class e extends n.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:a}=this.props,u=()=>({root:w({},d&&{height:"100%"}),circle:[{borderColor:"var(--vscode-progressBar-background) var(--vscode-terminal-ansiBrightWhite) var(--vscode-terminal-ansiBrightWhite)",borderWidth:2,zIndex:1}],label:{color:"var(--vscode-foreground)",fontSize:14,fontWeight:"bold",zIndex:1}}),g=n.default.createElement(s.Spinner,E(w({},this.props),{styles:u}));if(d){const p=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return n.default.createElement(s.Overlay,{className:`ui-loader-blocker${a?" ui-loader--delayed":""}`,styles:p},g)}else return g}}o.UILoader=e,e.__docgenInfo={description:`UILoader component based on https://developer.microsoft.com/en-us/fluentui#/controls/web/spinner @exports @class UILoader @extends {React.Component<ISpinnerProps, {}>}`,methods:[],displayName:"UILoader",props:{blockDOM:{required:!1,tsType:{name:"boolean"},description:""},delayed:{required:!1,tsType:{name:"boolean"},description:""}},composes:["ISpinnerProps"]}},"./src/components/UILoader/index.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(s,e,t,d){d===void 0&&(d=t);var a=Object.getOwnPropertyDescriptor(e,t);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(s,d,a)}):(function(s,e,t,d){d===void 0&&(d=t),s[d]=e[t]})),n=this&&this.__exportStar||function(s,e){for(var t in s)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&l(e,s,t)};Object.defineProperty(o,"__esModule",{value:!0}),n(_("./src/components/UILoader/UILoader.tsx"),o)},"./stories/UICreateSelect.story.tsx"(i,o,_){"use strict";var l=this&&this.__createBinding||(Object.create?(function(p,r,y,m){m===void 0&&(m=y);var f=Object.getOwnPropertyDescriptor(r,y);(!f||("get"in f?!r.__esModule:f.writable||f.configurable))&&(f={enumerable:!0,get:function(){return r[y]}}),Object.defineProperty(p,m,f)}):(function(p,r,y,m){m===void 0&&(m=y),p[m]=r[y]})),n=this&&this.__setModuleDefault||(Object.create?(function(p,r){Object.defineProperty(p,"default",{enumerable:!0,value:r})}):function(p,r){p.default=r}),s=this&&this.__importStar||(function(){var p=function(r){return p=Object.getOwnPropertyNames||function(y){var m=[];for(var f in y)Object.prototype.hasOwnProperty.call(y,f)&&(m[m.length]=f);return m},p(r)};return function(r){if(r&&r.__esModule)return r;var y={};if(r!=null)for(var m=p(r),f=0;f<m.length;f++)m[f]!=="default"&&l(y,r,m[f]);return n(y,r),y}})();Object.defineProperty(o,"__esModule",{value:!0}),o.CreateSelect=void 0;const e=s(_("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),t=_("../../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"),d=_("./src/components/UICreateSelect/index.tsx"),a=_("./src/components/UILabel/index.tsx");o.default={title:"Dropdowns/CreateSelect"};const u={childrenGap:40},g=()=>{const p=S=>({label:S,value:S.toLowerCase().replace(/\W/g,"")}),r=[p("One"),p("Two"),p("Three")],[y,m]=(0,e.useState)(!1),[f,c]=(0,e.useState)(r),[h,v]=(0,e.useState)(),[b,I]=(0,e.useState)(),[L,P]=(0,e.useState)(!1),[A,R]=(0,e.useState)([]),[B,U]=(0,e.useState)(),[C,j]=(0,e.useState)(),Y=e.default.createRef(),W=S=>{const x=p(S);m(!0),v(x),setTimeout(()=>{m(!1),c(O=>[...O,x]),I(x)},1e3)},k=S=>{const x=S;v(x),I(x)},M=(0,e.useRef)(null),K=S=>{const x=p(S);P(!0),U(x),setTimeout(()=>{var O;P(!1),R(N=>[...N,x]),j(x),(O=M.current)==null||O.focus()},1e3)},z=S=>{const x=S;U(x),j(x)},F=S=>e.default.createElement("div",{style:{fontSize:"12px",display:"flex",margin:"5px",padding:"0px 5px 0px 5px"}},"Nothing there, just create new ones...");return e.default.createElement(t.Stack,{tokens:u},e.default.createElement(t.Stack,{tokens:u},e.default.createElement(t.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(t.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(a.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:y,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new value",options:f,value:h,onCreateOption:W,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,b==null?void 0:b.value))))),e.default.createElement(t.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(t.Stack,{horizontal:!0,tokens:u,style:{margin:0,padding:0}},e.default.createElement("div",{style:{width:"300px"}},e.default.createElement("div",null,e.default.createElement("div",null,e.default.createElement(a.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:M,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:S=>S.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:B,noOptionsMessage:F,onCreateOption:K,onChange:z}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,C==null?void 0:C.value)))))))};o.CreateSelect=g}}]);})();