@sap-ux/ui-components
Version:
SAP UI Components Library
3 lines (2 loc) • 23.1 kB
JavaScript
(()=>{var H=Object.defineProperty,X=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var T=(u,n,t)=>n in u?H(u,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[n]=t,S=(u,n)=>{for(var t in n||(n={}))J.call(n,t)&&T(u,t,n[t]);if(D)for(var t of D(n))Y.call(n,t)&&T(u,t,n[t]);return u},b=(u,n)=>X(u,V(n));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[949],{"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.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}',""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss":(u,n,t)=>{var _=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js"),a=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js"),o=a(_);o.push([u.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)}: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}}",""]),u.exports=o},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/api.js":u=>{"use strict";u.exports=function(n){var t=[];return t.toString=function(){return this.map(function(a){var o="",e=typeof a[5]!="undefined";return a[4]&&(o+="@supports (".concat(a[4],") {")),a[2]&&(o+="@media ".concat(a[2]," {")),e&&(o+="@layer".concat(a[5].length>0?" ".concat(a[5]):""," {")),o+=n(a),e&&(o+="}"),a[2]&&(o+="}"),a[4]&&(o+="}"),o}).join("")},t.i=function(a,o,e,s,d){typeof a=="string"&&(a=[[null,a,void 0]]);var l={};if(e)for(var m=0;m<this.length;m++){var E=this[m][0];E!=null&&(l[E]=!0)}for(var c=0;c<a.length;c++){var r=[].concat(a[c]);e&&l[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),o&&(r[2]&&(r[1]="@media ".concat(r[2]," {").concat(r[1],"}")),r[2]=o),s&&(r[4]?(r[1]="@supports (".concat(r[4],") {").concat(r[1],"}"),r[4]=s):r[4]="".concat(s)),t.push(r))}},t}},"../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/runtime/noSourceMaps.js":u=>{"use strict";u.exports=function(n){return n[1]}},"./src/components/UICreateSelect/UICreateSelect.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UICreateSelect/UICreateSelect.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"./src/components/UILoader/UILoader.scss":(u,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>f});var _=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),a=t.n(_),o=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js"),e=t.n(o),s=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js"),d=t.n(s),l=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),m=t.n(l),E=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js"),c=t.n(E),r=t("../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js"),v=t.n(r),y=t("../../node_modules/.pnpm/css-loader@6.8.1_webpack@5.96.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[11].use[1]!../../node_modules/.pnpm/sass-loader@13.3.2_sass@1.66.1_webpack@5.96.1/node_modules/sass-loader/dist/cjs.js!./src/components/UILoader/UILoader.scss"),g=t.n(y),i={};for(const x in y)x!=="default"&&(i[x]=()=>y[x]);t.d(n,i);var h={};h.styleTagTransform=v(),h.setAttributes=m(),h.insert=d().bind(null,"head"),h.domAPI=e(),h.insertStyleElement=c();var p=a()(g(),h);const f=g()&&g().locals?g().locals:void 0},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":u=>{"use strict";var n=[];function t(o){for(var e=-1,s=0;s<n.length;s++)if(n[s].identifier===o){e=s;break}return e}function _(o,e){for(var s={},d=[],l=0;l<o.length;l++){var m=o[l],E=e.base?m[0]+e.base:m[0],c=s[E]||0,r="".concat(E," ").concat(c);s[E]=c+1;var v=t(r),y={css:m[1],media:m[2],sourceMap:m[3],supports:m[4],layer:m[5]};if(v!==-1)n[v].references++,n[v].updater(y);else{var g=a(y,e);e.byIndex=l,n.splice(l,0,{identifier:r,updater:g,references:1})}d.push(r)}return d}function a(o,e){var s=e.domAPI(e);s.update(o);var d=function(m){if(m){if(m.css===o.css&&m.media===o.media&&m.sourceMap===o.sourceMap&&m.supports===o.supports&&m.layer===o.layer)return;s.update(o=m)}else s.remove()};return d}u.exports=function(o,e){e=e||{},o=o||[];var s=_(o,e);return function(l){l=l||[];for(var m=0;m<s.length;m++){var E=s[m],c=t(E);n[c].references--}for(var r=_(l,e),v=0;v<s.length;v++){var y=s[v],g=t(y);n[g].references===0&&(n[g].updater(),n.splice(g,1))}s=r}}},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertBySelector.js":u=>{"use strict";var n={};function t(a){if(typeof n[a]=="undefined"){var o=document.querySelector(a);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}n[a]=o}return n[a]}function _(a,o){var e=t(a);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(o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/insertStyleElement.js":u=>{"use strict";function n(t){var _=document.createElement("style");return t.setAttributes(_,t.attributes),t.insert(_,t.options),_}u.exports=n},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(u,n,t)=>{"use strict";function _(a){var o=t.nc;o&&a.setAttribute("nonce",o)}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleDomAPI.js":u=>{"use strict";function n(a,o,e){var s="";e.supports&&(s+="@supports (".concat(e.supports,") {")),e.media&&(s+="@media ".concat(e.media," {"));var d=typeof e.layer!="undefined";d&&(s+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),s+=e.css,d&&(s+="}"),e.media&&(s+="}"),e.supports&&(s+="}");var l=e.sourceMap;l&&typeof btoa!="undefined"&&(s+=`
/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),o.styleTagTransform(s,a,o.options)}function t(a){if(a.parentNode===null)return!1;a.parentNode.removeChild(a)}function _(a){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var o=a.insertStyleElement(a);return{update:function(s){n(o,a,s)},remove:function(){t(o)}}}u.exports=_},"../../node_modules/.pnpm/style-loader@3.3.3_webpack@5.96.1/node_modules/style-loader/dist/runtime/styleTagTransform.js":u=>{"use strict";function n(t,_){if(_.styleSheet)_.styleSheet.cssText=t;else{for(;_.firstChild;)_.removeChild(_.firstChild);_.appendChild(document.createTextNode(t))}}u.exports=n},"./src/components/UICreateSelect/UICreateSelect.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(n,"__esModule",{value:!0}),n.UICreateSelect=n.UICreateSelectInstance=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/dist/react-select.esm.js");Object.defineProperty(n,"UICreateSelectInstance",{enumerable:!0,get:function(){return o.SelectInstance}});const e=_(t("../../node_modules/.pnpm/react-select@5.8.0_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/react-select/creatable/dist/react-select-creatable.esm.js")),s=t("./src/components/UIIcon/index.tsx"),d=t("./src/components/UILoader/index.tsx"),l=t("./src/components/UIContextualMenu/index.tsx");t("./src/components/UICreateSelect/UICreateSelect.scss");const m=t("./src/components/UIInput/index.tsx"),E=i=>a.default.createElement(o.components.DropdownIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-dropdown",iconName:"ArrowDown"})),c=i=>a.default.createElement(o.components.ClearIndicator,S({},i),a.default.createElement(s.UIIcon,{className:"ui-create-select-indicator-clear",iconName:"Clear"})),r=i=>a.default.createElement("div",{className:"ui-create-select-indicator-loading"},a.default.createElement(d.UILoader,{className:"uiLoaderXSmall",labelPosition:"right"})),v=i=>{var h,p,f,x;return a.default.createElement(a.default.Fragment,null,!((h=i==null?void 0:i.data)!=null&&h.__isNew__)&&a.default.createElement(o.components.Option,S({},i),a.default.createElement(l.UIHighlightMenuOption,{text:(p=i==null?void 0:i.data)==null?void 0:p.label,query:(f=i==null?void 0:i.selectProps)==null?void 0:f.inputValue})),((x=i==null?void 0:i.data)==null?void 0:x.__isNew__)&&a.default.createElement(o.components.Option,S({},i)))},y=i=>{let h="transparent";return i.isSelected&&(h="var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-quickInputList-focusBackground))"),i.isFocused&&!i.isSelected&&(h="var(--vscode-list-hoverBackground)"),h},g=i=>{const h=p=>`${i.createText}: ${p}`;return a.default.createElement(e.default,b(S({},i),{ref:i.creatableRef,className:"ui-create-select",classNamePrefix:"ui-create-select",openMenuOnFocus:!1,createOptionPosition:"first",allowCreateWhileLoading:!0,formatOptionLabel:p=>p.label,formatCreateLabel:h,components:{ClearIndicator:c,DropdownIndicator:E,LoadingIndicator:r,Option:v},unstyled:!0,styles:{control:(p,f)=>b(S({},p),{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:f.isFocused?"var(--vscode-focusBorder)":"var(--vscode-editorWidget-border)",color:"var(--vscode-input-foreground)",borderRadius:m.COMMON_INPUT_STYLES.borderRadius,"&:hover":{borderColor:"var(--vscode-focusBorder)"}}),input:(p,f)=>b(S({},p),{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:(p,f)=>b(S({},p),{background:"var(--vscode-menu-background, var(--vscode-input-background))",border:"1px solid var(--vscode-focusBorder)",boxSizing:"border-box",margin:"0px",borderRadius:0}),option:(p,f)=>b(S({},p),{fontFamily:"var(--vscode-font-family)",fontWeight:"var(--vscode-font-weight)",minHeight:"22px",height:"22px",lineHeight:"22px",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",backgroundColor:y(f),letterSpacing:"normal",border:"0",padding:"0px 8px",fontSize:"13px","&:hover":{backgroundColor:f.isSelected?y(f):"var(--vscode-list-hoverBackground)",color:f.isSelected?"var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground)))":"var(--vscode-editorSuggestWidget-foreground)",cursor:"pointer"}}),placeholder:(p,f)=>b(S({},p),{fontSize:"13px",fontWeight:"normal",fontFamily:"var(--vscode-font-family)",color:"var(--vscode-input-placeholderForeground)"}),singleValue:(p,f)=>b(S({},p),{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:(p,f)=>b(S({},p),{padding:"0px"}),indicatorsContainer:(p,f)=>b(S({},p),{padding:"0px 5px 0px 0px",cursor:"pointer"}),indicatorSeparator:(p,f)=>b(S({},p),{display:"none"}),dropdownIndicator:(p,f)=>b(S({},p),{padding:"0px"}),clearIndicator:(p,f)=>b(S({},p),{padding:"0px",cursor:"pointer"})}}))};n.UICreateSelect=g},"./src/components/UICreateSelect/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UICreateSelect/UICreateSelect.tsx"),n)},"./src/components/UILoader/UILoader.tsx":function(u,n,t){"use strict";var _=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(n,"__esModule",{value:!0}),n.UILoader=n.UISpinnerSize=void 0;const a=_(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js");Object.defineProperty(n,"UISpinnerSize",{enumerable:!0,get:function(){return o.SpinnerSize}}),t("./src/components/UILoader/UILoader.scss");class e extends a.default.Component{constructor(d){super(d)}render(){const{blockDOM:d,delayed:l}=this.props,m=()=>({root:S({},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}}),E=a.default.createElement(o.Spinner,b(S({},this.props),{styles:m}));if(d){const c=()=>({root:{backgroundColor:"transparent",selectors:{"&:before":{content:'""',position:"absolute",inset:0,backgroundColor:"var(--vscode-editor-background)",opacity:.6,zIndex:1}}}});return a.default.createElement(o.Overlay,{className:`ui-loader-blocker${l?" ui-loader--delayed":""}`,styles:c},E)}else return E}}n.UILoader=e},"./src/components/UILoader/index.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(o,e,s,d){d===void 0&&(d=s);var l=Object.getOwnPropertyDescriptor(e,s);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[s]}}),Object.defineProperty(o,d,l)}:function(o,e,s,d){d===void 0&&(d=s),o[d]=e[s]}),a=this&&this.__exportStar||function(o,e){for(var s in o)s!=="default"&&!Object.prototype.hasOwnProperty.call(e,s)&&_(e,o,s)};Object.defineProperty(n,"__esModule",{value:!0}),a(t("./src/components/UILoader/UILoader.tsx"),n)},"./stories/UICreateSelect.story.tsx":function(u,n,t){"use strict";var _=this&&this.__createBinding||(Object.create?function(c,r,v,y){y===void 0&&(y=v);var g=Object.getOwnPropertyDescriptor(r,v);(!g||("get"in g?!r.__esModule:g.writable||g.configurable))&&(g={enumerable:!0,get:function(){return r[v]}}),Object.defineProperty(c,y,g)}:function(c,r,v,y){y===void 0&&(y=v),c[y]=r[v]}),a=this&&this.__setModuleDefault||(Object.create?function(c,r){Object.defineProperty(c,"default",{enumerable:!0,value:r})}:function(c,r){c.default=r}),o=this&&this.__importStar||function(c){if(c&&c.__esModule)return c;var r={};if(c!=null)for(var v in c)v!=="default"&&Object.prototype.hasOwnProperty.call(c,v)&&_(r,c,v);return a(r,c),r};Object.defineProperty(n,"__esModule",{value:!0}),n.CreateSelect=void 0;const e=o(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),s=t("../../node_modules/.pnpm/@fluentui+react@8.120.5_@types+react-dom@16.9.24_@types+react@16.14.55_react-dom@16.14.0_react@16.14.0/node_modules/@fluentui/react/lib-commonjs/index.js"),d=t("./src/components/UICreateSelect/index.tsx"),l=t("./src/components/UILabel/index.tsx");n.default={title:"Dropdowns/CreateSelect"};const m={childrenGap:40},E=()=>{const c=I=>({label:I,value:I.toLowerCase().replace(/\W/g,"")}),r=[c("One"),c("Two"),c("Three")],[v,y]=(0,e.useState)(!1),[g,i]=(0,e.useState)(r),[h,p]=(0,e.useState)(),[f,x]=(0,e.useState)(),[L,M]=(0,e.useState)(!1),[A,B]=(0,e.useState)([]),[W,j]=(0,e.useState)(),[P,U]=(0,e.useState)(),$=e.default.createRef(),R=I=>{const O=c(I);y(!0),p(O),setTimeout(()=>{y(!1),i(C=>[...C,O]),x(O)},1e3)},k=I=>{const O=I;p(O),x(O)},w=(0,e.useRef)(null),K=I=>{const O=c(I);M(!0),j(O),setTimeout(()=>{var C;M(!1),B(N=>[...N,O]),U(O),(C=w.current)==null||C.focus()},1e3)},z=I=>{const O=I;j(O),U(O)},F=I=>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(s.Stack,{tokens:m},e.default.createElement(s.Stack,{tokens:m},e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{createText:"Add new value",isClearable:!0,isLoading:v,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new value",options:g,value:h,onCreateOption:R,onChange:k}),e.default.createElement("div",{style:{padding:"20px 0",fontFamily:"var(--vscode-font-family)",fontSize:"13px"}},"Value selected: ",e.default.createElement("b",null,f==null?void 0:f.value))))),e.default.createElement(s.Text,{variant:"large",block:!0},"Create Select - no option by default"),e.default.createElement(s.Stack,{horizontal:!0,tokens:m,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(l.UILabel,null,"UI Create Select Label")),e.default.createElement(d.UICreateSelect,{creatableRef:w,createText:"Add new qualifier",isClearable:!0,isLoading:L,isDisabled:!1,isValidNewOption:I=>I.length>0,placeholder:"Search or enter a new qualifier value",options:A,value:W,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,P==null?void 0:P.value)))))))};n.CreateSelect=E}}]);})();