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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var o,t={1594:function(o){o.exports=React},9102:function(o,t,e){e.r(t),e.d(t,{Context:function(){return h},states:function(){return I}});for(var n=e(1594),i=e.n(n),s=e(5159),c=e(5786),a=e(6185),l=e(8158),r=e(538),d=e(3964),u=e(806),m="Grouped",b=u.Ay.uniqueId("combobox-id-"),p=u.Ay.uniqueId("primary-combobox-id-"),x=[],y=0;y<5;y++)x.push(u.Ay.uniqueId("listbox-id-"));var h=function(o){return i().createElement("div",{style:{height:"240px"}},o.children)};t.default=[{context:m,id:"".concat(m.toLowerCase(),"-default"),label:"".concat(m," default"),element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[0],comboboxID:"primary-combobox-id-1",autocomplete:!0,results:i().createElement(a.Ay,{id:x[0],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-combobox-id-1"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),hasInteractions:!0})}];var I=[{context:m,id:"focused-open",label:"Focused - Open",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[1],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i().createElement(a.Ay,{id:x[1],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",isOpen:!0,hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1})})},{context:m,id:"typeahead",label:"Typeahead",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-activedescendant":"option0","aria-label":"{{Placeholder for Dropdown Options}}","aria-controls":x[2],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i().createElement(a.Ay,{id:x[2],snapshot:d.Fu,term:"salesforce",type:"entity",count:4}),resultsType:"listbox",value:"salesforce",isOpen:!0,hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1})})},{context:m,id:"typeahead-loading",label:"Typeahead - Loading",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-activedescendant":"option0","aria-controls":x[3],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i().createElement(a.Ay,{id:x[3],snapshot:d.Fu,term:"salesforce",type:"entity",count:4}),resultsType:"listbox",value:"salesforce",isOpen:!0,showCloseButton:!0,isLoading:!0,hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"group-right"})},{context:m,id:"selected-options",label:"Selected Options",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[4],comboboxID:"primary-combobox-id-3",autocomplete:!0,results:i().createElement(a.Ay,{id:x[4],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-3"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),hasSelection:!0,listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:2})})},{context:m,id:"selected-options-open",label:"Selected Options - Open",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[5],comboboxID:"primary-combobox-id-4",autocomplete:!0,results:i().createElement(a.Ay,{id:x[5],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",isOpen:!0,hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-4"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),hasSelection:!0,listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:2})})},{context:m,id:"overflow-collapsed",label:"Selections in container - Overflowed - Collapsed",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[6],comboboxID:"primary-combobox-id-5",autocomplete:!0,results:i().createElement(a.Ay,{id:x[6],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-5"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),hasSelection:!0,listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:8})})},{context:m,id:"overflow-expanded",label:"Selections in container - Overflowed - Expanded",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[7],comboboxID:"primary-combobox-id-6",autocomplete:!0,results:i().createElement(a.Ay,{id:x[7],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",hasFocus:!0,addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-6"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),hasSelection:!0,listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:8,isExpanded:!0})})},{context:m,id:"non-grouped-overflow-collapsed",label:"Selections - Collapsed",element:i().createElement(s.Ay,{id:b,"aria-controls":x[8],comboboxID:p,autocomplete:!0,results:i().createElement(a.Ay,{id:x[8],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",hasSelection:!0,inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:8})})},{context:m,id:"non-grouped-overflow-expanded",label:"Selections - Expanded",element:i().createElement(s.Ay,{id:b,"aria-controls":x[9],comboboxID:p,autocomplete:!0,results:i().createElement(a.Ay,{id:x[9],snapshot:d.SW,type:"entity",count:4}),resultsType:"listbox",hasSelection:!0,inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),listboxOfSelections:i().createElement(l.A,{snapshot:d.VS,count:8,isExpanded:!0})})},{context:m,id:"scoping-results-focused",label:"Scoping results - Focused",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[10],comboboxID:"primary-combobox-id-7",autocomplete:!0,results:i().createElement(a.Ay,{id:x[10],snapshot:d.SW,type:"entity",count:2}),addon:i().createElement(c.A,{id:u.Ay.uniqueId("combobox-id-"),value:"Filter by: Accounts",addonPosition:"start",isOpen:!0,hasFocus:!0,comboboxAriaControls:"primary-combobox-id-7"}),resultsType:"listbox",addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1})})},{context:m,id:"scoping-results-icon",label:"Scoping results - Icon variant",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[11],comboboxID:"primary-combobox-id-9",autocomplete:!0,results:i().createElement(a.Ay,{id:x[11],snapshot:d.SW,type:"entity",count:2}),resultsType:"listbox",addon:i().createElement(c.s,{id:u.Ay.uniqueId("combobox-id-"),value:"Apex",label:"Filter By:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-9"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1})})},{context:m,id:"scoping-results-icon-focused",label:"Scoping results - Icon variant - Focused",element:i().createElement(s.D5,{id:u.Ay.uniqueId("combobox-id-"),"aria-controls":x[12],comboboxID:"primary-combobox-id-8",autocomplete:!0,results:i().createElement(a.Ay,{id:x[12],snapshot:d.SW,type:"entity",count:2}),resultsType:"listbox",addon:i().createElement(c.s,{id:u.Ay.uniqueId("combobox-id-"),value:"Apex",filteredSymbol:"apex",addonPosition:"start",isOpen:!0,hasFocus:!0,comboboxAriaControls:"primary-combobox-id-8"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i().createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1})})}]}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var s=e[o]={exports:{}};return t[o](s,s.exports,n),s.exports}n.m=t,n.amdO={},o=[],n.O=function(t,e,i,s){if(!e){var c=1/0;for(d=0;d<o.length;d++){e=o[d][0],i=o[d][1],s=o[d][2];for(var a=!0,l=0;l<e.length;l++)(!1&s||c>=s)&&Object.keys(n.O).every(function(o){return n.O[o](e[l])})?e.splice(l--,1):(a=!1,s<c&&(c=s));if(a){o.splice(d--,1);var r=i();void 0!==r&&(t=r)}}return t}s=s||0;for(var d=o.length;d>0&&o[d-1][2]>s;d--)o[d]=o[d-1];o[d]=[e,i,s]},n.n=function(o){var t=o&&o.__esModule?function(){return o.default}:function(){return o};return n.d(t,{a:t}),t},n.d=function(o,t){for(var e in t)n.o(t,e)&&!n.o(o,e)&&Object.defineProperty(o,e,{enumerable:!0,get:t[e]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(o){if("object"==typeof window)return window}}(),n.o=function(o,t){return Object.prototype.hasOwnProperty.call(o,t)},n.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},n.j=6820,function(){var o={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,6820:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===o[t]};var t=function(t,e){var i,s,c=e[0],a=e[1],l=e[2],r=0;if(c.some(function(t){return 0!==o[t]})){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(l)var d=l(n)}for(t&&t(e);r<c.length;r++)s=c[r],n.o(o,s)&&o[s]&&o[s][0](),o[s]=0;return n.O(d)},e=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))}(),n.nc=void 0;var i=n.O(void 0,[6790],function(){return n(9102)});i=n.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/combobox/grouped/example.jsx.js"]=i}();