UNPKG

@salesforce-ux/design-system

Version:
1 lines 12.5 kB
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/combobox/grouped/example.jsx.js"]=function(o){function e(e){for(var n,a,c=e[0],l=e[1],r=e[2],u=0,m=[];u<c.length;u++)a=c[u],Object.prototype.hasOwnProperty.call(i,a)&&i[a]&&m.push(i[a][0]),i[a]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(o[n]=l[n]);for(d&&d(e);m.length;)m.shift()();return s.push.apply(s,r||[]),t()}function t(){for(var o,e=0;e<s.length;e++){for(var t=s[e],n=!0,c=1;c<t.length;c++){var l=t[c];0!==i[l]&&(n=!1)}n&&(s.splice(e--,1),o=a(a.s=t[0]))}return o}var n={},i={49: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},s=[];function a(e){if(n[e])return n[e].exports;var t=n[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=o,a.c=n,a.d=function(o,e,t){a.o(o,e)||Object.defineProperty(o,e,{enumerable:!0,get:t})},a.r=function(o){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},a.t=function(o,e){if(1&e&&(o=a(o)),8&e)return o;if(4&e&&"object"==typeof o&&o&&o.__esModule)return o;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:o}),2&e&&"string"!=typeof o)for(var n in o)a.d(t,n,function(e){return o[e]}.bind(null,n));return t},a.n=function(o){var e=o&&o.__esModule?function(){return o.default}:function(){return o};return a.d(e,"a",e),e},a.o=function(o,e){return Object.prototype.hasOwnProperty.call(o,e)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],l=c.push.bind(c);c.push=e,c=c.slice();for(var r=0;r<c.length;r++)e(c[r]);var d=l;return s.push([592,0]),t()}({0:function(o,e){o.exports=React},14:function(o,e){o.exports=ReactDOM},592:function(o,e,t){"use strict";t.r(e),t.d(e,"Context",(function(){return h})),t.d(e,"states",(function(){return y}));for(var n=t(0),i=t.n(n),s=t(19),a=t(52),c=t(21),l=t(67),r=t(9),d=t(22),u=t(6),m=u.d.uniqueId("combobox-id-"),b=u.d.uniqueId("primary-combobox-id-"),p=[],x=0;x<5;x++)p.push(u.d.uniqueId("listbox-id-"));var h=function(o){return i.a.createElement("div",{style:{height:"240px"}},o.children)};e.default=[{context:"Grouped",id:"".concat("Grouped".toLowerCase(),"-default"),label:"".concat("Grouped"," default"),element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[0],comboboxID:"primary-combobox-id-1",autocomplete:!0,results:i.a.createElement(c.e,{id:p[0],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-combobox-id-1"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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 y=[{context:"Grouped",id:"focused-open",label:"Focused - Open",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[1],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i.a.createElement(c.e,{id:p[1],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",isOpen:!0,hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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:"Grouped",id:"typeahead",label:"Typeahead",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-activedescendant":"option0","aria-label":"{{Placeholder for Dropdown Options}}","aria-controls":p[2],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i.a.createElement(c.e,{id:p[2],snapshot:d.d,term:"salesforce",type:"entity",count:4}),resultsType:"listbox",value:"salesforce",isOpen:!0,hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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:"Grouped",id:"typeahead-loading",label:"Typeahead - Loading",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-activedescendant":"option0","aria-controls":p[3],comboboxID:"primary-combobox-id-2",autocomplete:!0,results:i.a.createElement(c.e,{id:p[3],snapshot:d.d,term:"salesforce",type:"entity",count:4}),resultsType:"listbox",value:"salesforce",isOpen:!0,showCloseButton:!0,isLoading:!0,hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-2"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"group-right"})},{context:"Grouped",id:"selected-options",label:"Selected Options",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[4],comboboxID:"primary-combobox-id-3",autocomplete:!0,results:i.a.createElement(c.e,{id:p[4],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-3"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:2})})},{context:"Grouped",id:"selected-options-open",label:"Selected Options - Open",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[5],comboboxID:"primary-combobox-id-4",autocomplete:!0,results:i.a.createElement(c.e,{id:p[5],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",isOpen:!0,hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-4"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:2})})},{context:"Grouped",id:"overflow-collapsed",label:"Selections in container - Overflowed - Collapsed",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[6],comboboxID:"primary-combobox-id-5",autocomplete:!0,results:i.a.createElement(c.e,{id:p[6],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-5"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:8})})},{context:"Grouped",id:"overflow-expanded",label:"Selections in container - Overflowed - Expanded",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[7],comboboxID:"primary-combobox-id-6",autocomplete:!0,results:i.a.createElement(c.e,{id:p[7],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",hasFocus:!0,addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-6"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:8,isExpanded:!0})})},{context:"Grouped",id:"non-grouped-overflow-collapsed",label:"Selections - Collapsed",element:i.a.createElement(s.b,{id:m,"aria-controls":p[8],comboboxID:b,autocomplete:!0,results:i.a.createElement(c.e,{id:p[8],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",hasSelection:!0,inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:8})})},{context:"Grouped",id:"non-grouped-overflow-expanded",label:"Selections - Expanded",element:i.a.createElement(s.b,{id:m,"aria-controls":p[9],comboboxID:b,autocomplete:!0,results:i.a.createElement(c.e,{id:p[9],snapshot:d.a,type:"entity",count:4}),resultsType:"listbox",hasSelection:!0,inputIconPosition:"right",rightInputIcon:i.a.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.a.createElement(l.a,{snapshot:d.e,count:8,isExpanded:!0})})},{context:"Grouped",id:"scoping-results-focused",label:"Scoping results - Focused",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[10],comboboxID:"primary-combobox-id-7",autocomplete:!0,results:i.a.createElement(c.e,{id:p[10],snapshot:d.a,type:"entity",count:2}),addon:i.a.createElement(a.b,{id:u.d.uniqueId("combobox-id-"),value:"Accounts",addonPosition:"start",isOpen:!0,hasFocus:!0,comboboxAriaControls:"primary-combobox-id-7"}),resultsType:"listbox",addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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:"Grouped",id:"scoping-results-icon",label:"Scoping results - Icon variant",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[11],comboboxID:"primary-combobox-id-9",autocomplete:!0,results:i.a.createElement(c.e,{id:p[11],snapshot:d.a,type:"entity",count:2}),resultsType:"listbox",addon:i.a.createElement(a.a,{id:u.d.uniqueId("combobox-id-"),value:"Apex",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:"primary-combobox-id-9"}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",rightInputIcon:i.a.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:"Grouped",id:"scoping-results-icon-focused",label:"Scoping results - Icon variant - Focused",element:i.a.createElement(s.a,{id:u.d.uniqueId("combobox-id-"),"aria-controls":p[12],comboboxID:"primary-combobox-id-8",autocomplete:!0,results:i.a.createElement(c.e,{id:p[12],snapshot:d.a,type:"entity",count:2}),resultsType:"listbox",addon:i.a.createElement(a.a,{id:u.d.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.a.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})})}]}});