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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},9119:function(e,t,n){n.r(t),n.d(t,{ListboxDropdown:function(){return I},states:function(){return S}});var l=n(1594),o=n.n(l),i=n(5159),s=n(6185),c=n(8158),a=n(7705),r=n(3106),d=n(538),u=n(8522),p=n(1280),m=n(806),y=n(3964),b=n(6333),h=n.n(b);function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,l)}return n}function _(e,t,n){return(t=function(e){var t=function(e){if("object"!=x(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==x(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g="Select-Only (Base)",v=h()("option"),E=h()("option"),I=function(e){return o().createElement(a.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:"listbox-unique-id-03"},o().createElement(a.Oh,null,o().createElement(a.q9,{id:v,entityTitle:"Acme",entityMeta:!0,focused:e.focused})),o().createElement(a.Oh,null,o().createElement(a.q9,{id:E,entityTitle:"Salesforce.com, Inc.",entityMeta:!0})))},O=function(e){var t=h()("listbox-id-");return o().createElement(i.Ay,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach(function(t){_(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({id:m.Ay.uniqueId("combobox-id-"),"aria-controls":t,inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:t,snapshot:y.Un,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0},e))};t.default=[{context:g,id:"".concat(g.toLowerCase(),"-default"),label:"".concat(g," default (select-only)"),element:o().createElement(O,null)}];var S=[{context:g,id:"focused",label:"Focused (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.jT,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",hasFocus:!0})},{context:g,id:"focused-open",label:"Focused - Opened (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.Un,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:g,id:"highlighting-an-option",label:"Highlighting an option (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-4",selectOnly:!0,inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-4",snapshot:y.jT,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:g,id:"selecting-a-single-option",label:"Selecting a single option (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-6",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:g,id:"selected-an-option-closed",label:"Selected an option - Closed (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-5",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-5",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox"})},{context:g,id:"selecting-multiple-options",label:"Selecting multiple options (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-7",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-7",snapshot:y.JC,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:g,id:"selected-multiple-options-closed",label:"Selected multiple options-closed (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-8",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-8",snapshot:y.JC,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox",listboxOfSelections:o().createElement(c.A,{snapshot:y.br,count:2})})},{context:g,id:"selecting-a-single-option-truncated",label:"Selecting a single option (truncated)",demoStyles:"max-width: 225px;",storybookStyles:!0,element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-6",selectOnly:!0,value:"Accounts (should truncate)",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-6",snapshot:y.OZ,type:"plain",count:8,visualSelection:!0}),resultsType:"listbox","aria-activedescendant":"option1",isOpen:!0,hasFocus:!0})},{context:g,id:"loading-options",label:"Loading more options (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-222",selectOnly:!0,value:"Accounts",inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Ay,{id:"listbox-id-222",snapshot:y.Un,type:"plain",count:3,visualSelection:!0,loading:!0}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:g,id:"grouped-options",label:"Grouped options (select-only)",element:o().createElement(i.Ay,{id:m.Ay.uniqueId("combobox-id-"),"aria-controls":"listbox-id-3",selectOnly:!0,inputIconPosition:"right",rightInputIcon:o().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:o().createElement(s.Jm,{id:"listbox-id-3",className:"slds-dropdown slds-dropdown_fluid",ariaLabel:"{{Placeholder for Dropdown Options}}"},o().createElement(s.NA,{"aria-label":"Group One",snapshot:y.y1,count:3}),o().createElement(s.NA,{"aria-label":"Group Two",snapshot:y.__,count:3})),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{context:g,id:"deprecated-closed",label:"Deprecated - Closed (select-only)",element:o().createElement("div",{className:"demo-only",style:{height:"10rem"}},o().createElement(a.H_,{autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:o().createElement(I,null)}))},{context:g,id:"deprecated-focused",label:"Deprecated - Focused (select-only)",element:o().createElement("div",{className:"demo-only",style:{height:"10rem"}},o().createElement(a.H_,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:o().createElement(I,null)}))},{context:g,id:"deprecated-open-item-focused",label:"Deprecated - Open - Item Focused (select-only)",element:o().createElement("div",{className:"demo-only",style:{height:"10rem"}},o().createElement(a.H_,{isOpen:!0,autocomplete:!0,inputIcon:"right",inputIconRightSymbol:"search",listbox:o().createElement(I,{focused:!0}),"aria-activedescendant":v}))},{context:g,id:"deprecated-closed-options-selected",label:"Deprecated - Option(s) Selected (select-only)",element:o().createElement("div",{className:"demo-only",style:{height:"10rem"}},o().createElement(a.H_,{inputIcon:"right",inputIconRightSymbol:"search",autocomplete:!0,listbox:o().createElement(I,null)},o().createElement(r.IK,{className:"slds-p-top_xxx-small"},o().createElement(r.j9,null,o().createElement(r.$P,{label:"Acme",tabIndex:"0"},o().createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))),o().createElement(r.j9,null,o().createElement(r.$P,{label:"Salesforce.com, Inc."},o().createElement(u.StandardIcon,{containerClassName:"slds-pill__icon_container",title:"Account",assistiveText:"Account"}))))))},{context:g,id:"".concat(g.toLowerCase(),"-without-placeholder"),label:"".concat(g," without placeholder (select-only)"),element:o().createElement(p.A,{className:"slds-gutters"},o().createElement(p.V,null,o().createElement(O,{placeholder:"This has a placeholder…"})),o().createElement(p.V,null,o().createElement(O,{placeholder:""})),o().createElement(p.V,null,o().createElement(O,{placeholder:"…the middle one does not"})))}]}},n={};function l(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,l),i.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,o,i){if(!n){var s=1/0;for(d=0;d<e.length;d++){n=e[d][0],o=e[d][1],i=e[d][2];for(var c=!0,a=0;a<n.length;a++)(!1&i||s>=i)&&Object.keys(l.O).every(function(e){return l.O[e](n[a])})?n.splice(a--,1):(c=!1,i<s&&(s=i));if(c){e.splice(d--,1);var r=o();void 0!==r&&(t=r)}}return t}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,o,i]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=2509,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2509:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,i,s=n[0],c=n[1],a=n[2],r=0;if(s.some(function(t){return 0!==e[t]})){for(o in c)l.o(c,o)&&(l.m[o]=c[o]);if(a)var d=a(l)}for(t&&t(n);r<s.length;r++)i=s[r],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var o=l.O(void 0,[6790],function(){return l(9119)});o=l.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/combobox/base/example.jsx.js"]=o}();