@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/combobox/base/example.jsx.js

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/combobox/base/example.jsx.js"]=function(e){function t(t){for(var n,i,a=t[0],c=t[1],r=t[2],u=0,p=[];u<a.length;u++)i=a[u],Object.prototype.hasOwnProperty.call(s,i)&&s[i]&&p.push(s[i][0]),s[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);p.length;)p.shift()();return o.push.apply(o,r||[]),l()}function l(){for(var e,t=0;t<o.length;t++){for(var l=o[t],n=!0,a=1;a<l.length;a++){var c=l[a];0!==s[c]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=l[0]))}return e}var n={},s={44:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(n[t])return n[t].exports;var l=n[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=n,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(l,n,function(t){return e[t]}.bind(null,n));return l},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var a=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=a.push.bind(a);a.push=t,a=a.slice();for(var r=0;r<a.length;r++)t(a[r]);var d=c;return o.push([594,0]),l()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},594:function(e,t,l){"use strict";l.r(t),l.d(t,"ListboxDropdown",(function(){return f})),l.d(t,"states",(function(){return E}));var n=l(0),s=l.n(n),o=l(19),i=l(21),a=l(67),c=l(29),r=l(17),d=l(9),u=l(26),p=l(10),m=l(6),b=l(22),y=l(18),h=l.n(y);function x(){return(x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e}).apply(this,arguments)}var _=h()("option"),g=h()("option"),f=function(e){return s.a.createElement(c.c,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:"listbox-unique-id-03"},s.a.createElement(c.d,null,s.a.createElement(c.b,{id:_,entityTitle:"Acme",entityMeta:!0,focused:e.focused})),s.a.createElement(c.d,null,s.a.createElement(c.b,{id:g,entityTitle:"Salesforce.com, Inc.",entityMeta:!0})))},I=function(e){var t=h()("listbox-id-");return s.a.createElement(o.b,x({id:m.d.uniqueId("combobox-id-"),"aria-controls":t,inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:t,snapshot:b.f,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0},e))};t.default=[{context:"Select-Only (Base)",id:"".concat("Select-Only (Base)".toLowerCase(),"-default"),label:"".concat("Select-Only (Base)"," default (select-only)"),element:s.a.createElement(I,null)}];var E=[{context:"Select-Only (Base)",id:"focused",label:"Focused (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-4",snapshot:b.g,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasFocus:!0})},{context:"Select-Only (Base)",id:"focused-open",label:"Focused - Opened (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-4",snapshot:b.f,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"highlighting-an-option",label:"Highlighting an option (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-4",snapshot:b.g,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"selecting-a-single-option",label:"Selecting a single option (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-6",snapshot:b.j,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"selected-an-option-closed",label:"Selected an option - Closed (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-5",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-5",snapshot:b.j,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox"})},{context:"Select-Only (Base)",id:"selecting-multiple-options",label:"Selecting multiple options (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-7",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-7",snapshot:b.h,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"selected-multiple-options-closed",label:"Selected multiple options-closed (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-8",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-8",snapshot:b.h,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",listboxOfSelections:s.a.createElement(a.a,{snapshot:b.i,count:2})})},{context:"Select-Only (Base)",id:"selecting-a-single-option-truncated",label:"Selecting a single option (truncated)",demoStyles:"max-width: 225px;",storybookStyles:!0,element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts (should truncate)",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-6",snapshot:b.j,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"loading-options",label:"Loading more options (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-222",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.e,{id:"listbox-id-222",snapshot:b.f,type:"plain",count:3,visualSelection:!0,loading:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"grouped-options",label:"Grouped options (select-only)",element:s.a.createElement(o.b,{id:m.d.uniqueId("combobox-id-"),"aria-controls":"listbox-id-3",selectOnly:!0,inputIconPosition:"right",rightInputIcon:s.a.createElement(d.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:s.a.createElement(i.d,{id:"listbox-id-3",className:"slds-dropdown slds-dropdown_fluid",ariaLabel:"{{Placeholder for Dropdown Options}}"},s.a.createElement(i.b,{"aria-label":"Group One",snapshot:b.p,count:3}),s.a.createElement(i.b,{"aria-label":"Group Two",snapshot:b.q,count:3})),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:"Select-Only (Base)",id:"deprecated-closed",label:"Deprecated - Closed (select-only)",element:s.a.createElement("div",{className:"demo-only",style:{height:"10rem"}},s.a.createElement(c.a,{autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:s.a.createElement(f,null)}))},{context:"Select-Only (Base)",id:"deprecated-focused",label:"Deprecated - Focused (select-only)",element:s.a.createElement("div",{className:"demo-only",style:{height:"10rem"}},s.a.createElement(c.a,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:s.a.createElement(f,null)}))},{context:"Select-Only (Base)",id:"deprecated-open-item-focused",label:"Deprecated - Open - Item Focused (select-only)",element:s.a.createElement("div",{className:"demo-only",style:{height:"10rem"}},s.a.createElement(c.a,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:s.a.createElement(f,{focused:!0}),"aria-activedescendant":_}))},{context:"Select-Only (Base)",id:"deprecated-closed-options-selected",label:"Deprecated - Option(s) Selected (select-only)",element:s.a.createElement("div",{className:"demo-only",style:{height:"10rem"}},s.a.createElement(c.a,{inputIcon:"right",inputIconRightSymbol:"search",autocomplete:!0,listbox:s.a.createElement(f,null)},s.a.createElement(r.c,{className:"slds-p-top_xxx-small"},s.a.createElement(r.d,null,s.a.createElement(r.b,{label:"Acme",tabIndex:"0"},s.a.createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))),s.a.createElement(r.d,null,s.a.createElement(r.b,{label:"Salesforce.com, Inc."},s.a.createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))))))},{context:"Select-Only (Base)",id:"".concat("Select-Only (Base)".toLowerCase(),"-without-placeholder"),label:"".concat("Select-Only (Base)"," without placeholder (select-only)"),element:s.a.createElement(p.b,{className:"slds-gutters"},s.a.createElement(p.a,null,s.a.createElement(I,{placeholder:"This has a placeholder…"})),s.a.createElement(p.a,null,s.a.createElement(I,{placeholder:""})),s.a.createElement(p.a,null,s.a.createElement(I,{placeholder:"…the middle one does not"})))}]}});