UNPKG

@salesforce-ux/design-system

Version:
1 lines 26.4 kB
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/global-header/base/example.jsx.js"]=function(e){function t(t){for(var o,l,i=t[0],r=t[1],c=t[2],d=0,f=[];d<i.length;d++)l=i[d],n[l]&&f.push(n[l][0]),n[l]=0;for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);for(u&&u(t);f.length;)f.shift()();return s.push.apply(s,c||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],o=!0,i=1;i<a.length;i++){var r=a[i];0!==n[r]&&(o=!1)}o&&(s.splice(t--,1),e=l(l.s=a[0]))}return e}var o={},n={136:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},s=[];function l(t){if(o[t])return o[t].exports;var a=o[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,l),a.l=!0,a.exports}l.m=e,l.c=o,l.d=function(e,t,a){l.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},l.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],r=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var u=r;return s.push([205,0]),a()}({0:function(e,t){e.exports=React},197:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.SearchResults={option0:{name:"Recent Items",label:!0},option1:{name:"Salesforce - 1,000 Licenses",entityMeta:!0,entityType:"Opportunity",entityField:"Propecting"},option2:{name:"Art Vandelay",entityMeta:!0,entityType:"Contact",entityField:"avandelay@vandelay.com"},option3:{name:"Vandelay Industries",entityMeta:!0,entityType:"Account",entityField:"San Francisco"},option4:{name:"Salesforce UK 2016 Events",entityMeta:!0,entityType:"Event",entityField:"$20,000"},option5:{name:"H.E. Pennypacker",entityMeta:!0,entityType:"Lead",entityField:"Nursing"}},t.SearchResultsTypeahead={option1:{term:"Salesforce",beforeTerm:"",afterTerm:".com",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"},option2:{term:"Salesforce",beforeTerm:"",afterTerm:".org",entityMeta:!0,entityType:"Account",entityLocation:"New York, NY"},option3:{term:"Salesforce",beforeTerm:"",afterTerm:"HQ",entityMeta:!0,entityType:"Account",entityLocation:"San Francisco, CA"}}},198:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}(),n=a(0),s=function(e){return e&&e.__esModule?e:{default:e}}(n),l=a(10),i=a(11);var r=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.Component),o(t,[{key:"render",value:function(){return s.default.createElement(l.Menu,{className:"slds-dropdown_right slds-nubbin_top-right",style:{right:"-1rem"}},s.default.createElement(l.MenuList,null,s.default.createElement(l.MenuItem,{iconLeft:s.default.createElement(i.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"event"}),tabIndex:"0"},"New Event"),s.default.createElement(l.MenuItem,{iconLeft:s.default.createElement(i.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"note"}),tabIndex:"0"},"New Note"),s.default.createElement(l.MenuItem,{iconLeft:s.default.createElement(i.StandardIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_small",symbol:"email"}),tabIndex:"0"},"New Email")))}}]),t}();t.default=r},200:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}(),n=a(0),s=function(e){return e&&e.__esModule?e:{default:e}}(n),l=a(12),i=a(199);var r=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.Component),o(t,[{key:"render",value:function(){return s.default.createElement(l.Popover,{className:"slds-nubbin_top slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favorites",footer:s.default.createElement(i.Footer,null),style:{position:"absolute",left:"-8rem",top:"36px"}},s.default.createElement(i.ListboxList,{length:this.props.numberOfFavorites}))}}]),t}();t.default=r},201:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={item1:{username:"Val Handerly",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Could I please have a review on my presentation deck",timestamp:"10 hours ago",unread:!0},item2:{username:"Jon Rogers",avatar:"/assets/images/avatar3.jpg",title:"commented on your post",message:"I totally agree with your sentiment",timestamp:"13 hours ago",unread:!0},item3:{username:"Rebecca Stone",avatar:"/assets/images/avatar2.jpg",title:"mentioned you",message:"@jrogers Here's the conversation I mentioned to you",timestamp:"1 day ago",unread:!1}}},202:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}(),n=a(0),s=u(n),l=u(a(1)),i=a(18),r=a(12),c=u(a(201));function u(e){return e&&e.__esModule?e:{default:e}}var d=function(e){return s.default.createElement("li",{className:(0,l.default)("slds-global-header__notification",e.unread&&"slds-global-header__notification_unread",e.className),key:e.index},s.default.createElement("div",{className:"slds-media slds-has-flexi-truncate slds-p-around_x-small"},s.default.createElement("div",{className:"slds-media__figure"},s.default.createElement(i.Avatar,{className:"slds-avatar_small"},s.default.createElement("img",{alt:e.username,src:e.avatar,title:e.username+" avatar"}))),s.default.createElement("div",{className:"slds-media__body"},s.default.createElement("div",{className:"slds-grid slds-grid_align-spread"},s.default.createElement("a",{href:"javascript:void(0);",className:"slds-text-link_reset slds-has-flexi-truncate"},s.default.createElement("h3",{className:"slds-truncate",title:e.username+" "+e.title},s.default.createElement("strong",null,e.username+" "+e.title)),s.default.createElement("p",{className:"slds-truncate",title:e.message},e.message),s.default.createElement("p",{className:"slds-m-top_x-small slds-text-color_weak"},e.timestamp,e.unread&&s.default.createElement("abbr",{className:"slds-text-link slds-m-horizontal_xxx-small",title:"unread"},"●")))))))},f=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.renderNotificationItems=e.renderNotificationItems.bind(e),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.Component),o(t,[{key:"renderNotificationItems",value:function(e){var t=c.default[e];return s.default.createElement(d,{key:e,index:e,avatar:t.avatar,username:t.username,title:t.title,message:t.message,timestamp:t.timestamp,unread:t.unread})}},{key:"render",value:function(){return s.default.createElement(r.Popover,{className:"slds-popover_large slds-nubbin_top-right",bodyClassName:"slds-p-around_none",headerTitle:"Notifications",closeButton:!0,style:{position:"absolute",top:"calc(100% + 12px)",right:"-12px"}},s.default.createElement("ul",null,Object.keys(c.default).map(this.renderNotificationItems)))}}]),t}();t.default=f},203:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Avatar=t.Notifications=t.Setup=t.Help=t.Task=t.Favorites=void 0;var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}(),n=d(a(0)),s=d(a(3)),l=d(a(1)),i=d(a(2)),r=d(a(202)),c=d(a(200)),u=d(a(198));function d(e){return e&&e.__esModule?e:{default:e}}var f=t.Favorites=function(e){return n.default.createElement("div",{className:"slds-global-actions__favorites slds-dropdown-trigger slds-dropdown-trigger_click"},n.default.createElement("div",{className:"slds-button-group"},n.default.createElement(i.default,{className:(0,l.default)("slds-global-actions__favorites-action slds-button_icon slds-button_icon-border slds-button_icon-small",{"slds-is-disabled":e.favoritesDisabled,"slds-is-selected":e.favoritesClicked}),disabled:e.favoritesDisabled,"aria-pressed":e.favoritesClicked?"true":"false",symbol:"favorite",title:"Toggle Favorites",assistiveText:"Toggle Favorite",onClick:function(){return e.toggleFavorite()}}),n.default.createElement(i.default,{className:(0,l.default)("slds-global-actions__favorites-more slds-button_icon slds-button_icon-border slds-button_icon-small"),iconClassName:"slds-button__icon_small",symbol:"down",title:"View Favorites",assistiveText:"View Favorites"})),e.showFavoritesPopup&&n.default.createElement(c.default,{numberOfFavorites:"2"}))};f.propTypes={favoritesDisabled:s.default.bool,favoritesClicked:s.default.bool,showFavoritesPopup:s.default.bool};var m=t.Task=function(e){return n.default.createElement("div",{className:(0,l.default)("slds-dropdown-trigger slds-dropdown-trigger_click",e.showTaskMenu&&"slds-is-open")},n.default.createElement(i.default,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__task slds-global-actions__item-action","aria-haspopup":"true",symbol:"add",title:"Global Actions",assistiveText:"Global Actions"}),e.showTaskMenu&&n.default.createElement(u.default,null))};m.propTypes={showTaskMenu:s.default.bool};var p=t.Help=function(){return n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},n.default.createElement(i.default,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__help slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"question",title:"Help and Training",assistiveText:"Help and Training"}))},b=t.Setup=function(){return n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},n.default.createElement(i.default,{className:"slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__setup slds-global-actions__item-action",iconClassName:"slds-global-header__icon","aria-haspopup":"true",symbol:"setup",title:"Setup",assistiveText:"Setup"}))},h=t.Notifications=function(e){var t=e.notificationCount?e.notificationCount+" new notifications":"no new notifications";return n.default.createElement("div",{className:(0,l.default)("slds-dropdown-trigger slds-dropdown-trigger_click",e.showNotificationPopup&&"slds-is-open")},n.default.createElement(i.default,{className:(0,l.default)("slds-button_icon slds-button_icon-container slds-button_icon-small slds-global-actions__notifications slds-global-actions__item-action",{"slds-incoming-notification":e.showNotification&&e.notificationCount}),iconClassName:"slds-global-header__icon",symbol:"notification",title:t,assistiveText:t,"aria-live":"assertive","aria-atomic":"true"}),n.default.createElement("span",{"aria-hidden":"true",className:(0,l.default)("slds-notification-badge",e.notificationCount&&"slds-incoming-notification",e.showNotification&&"slds-show-notification")},e.notificationCount),e.showNotificationPopup&&n.default.createElement(r.default,null))};h.propTypes={notificationCount:s.default.oneOfType([s.default.string,s.default.number]),showNotificationPopup:s.default.bool};var _=t.Avatar=function(){return n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click"},n.default.createElement("button",{className:"slds-button slds-global-actions__avatar slds-global-actions__item-action",title:"person name","aria-haspopup":"true"},n.default.createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},n.default.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"}))))},y=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.default.Component),o(t,[{key:"render",value:function(){var e=this.props,t=e.toggleFavorite,a=e.favoritesClicked,o=e.favoritesDisabled,s=e.showFavoritesPopup,l=e.showNotification,i=e.notificationCount,r=e.showNotificationPopup,c=e.showTaskMenu;return n.default.createElement("ul",{className:"slds-global-actions"},n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(f,{toggleFavorite:t,favoritesClicked:a,favoritesDisabled:o,showFavoritesPopup:s})),n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(m,{showTaskMenu:c})),n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(p,null)),n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(b,null)),n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(h,{showNotification:l,notificationCount:i,showNotificationPopup:r})),n.default.createElement("li",{className:"slds-global-actions__item"},n.default.createElement(_,null)))}}]),t}();y.propTypes={favoritesClicked:s.default.bool,favoritesDisabled:s.default.bool,showFavoritesPopup:s.default.bool,showNotification:s.default.bool,notificationCount:s.default.oneOfType([s.default.string,s.default.number]),showNotificationPopup:s.default.bool,showTaskMenu:s.default.bool},t.default=y},204:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=t.SkipLink=void 0;var o=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}(),n=a(0),s=r(n),l=r(a(1)),i=r(a(203));function r(e){return e&&e.__esModule?e:{default:e}}var c=t.SkipLink=function(){return s.default.createElement(s.default.Fragment,null,s.default.createElement("a",{href:"javascript:void(0);",className:"slds-assistive-text slds-assistive-text_focus"},"Skip to Navigation"),s.default.createElement("a",{href:"javascript:void(0);",className:"slds-assistive-text slds-assistive-text_focus"},"Skip to Main Content"))},u=t.Logo=function(){return s.default.createElement("div",{className:"slds-global-header__logo"})},d=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.toggleFavorite=e.toggleFavorite.bind(e),e.showNotification=e.showNotification.bind(e),e.showIncomingNotification=e.showIncomingNotification.bind(e),e.state={favoritesClicked:!1,showNotification:!1,notificationCount:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.Component),o(t,[{key:"toggleFavorite",value:function(){this.setState({favoritesClicked:!this.state.favoritesClicked})}},{key:"showNotification",value:function(){this.setState({showNotification:!this.state.showNotification,notificationCount:1})}},{key:"showIncomingNotification",value:function(){this.setState({notificationCount:++this.state.notificationCount})}},{key:"render",value:function(){var e=this;return s.default.createElement("header",{className:(0,l.default)("slds-global-header_container",this.props.className)},s.default.createElement(c,null),s.default.createElement("div",{className:"slds-global-header slds-grid slds-grid_align-spread"},s.default.createElement("div",{className:"slds-global-header__item"},s.default.createElement(u,null)),!this.props.playground&&s.default.createElement("div",{className:"slds-global-header__item slds-global-header__item_search"},this.props.globalSearch),s.default.createElement("div",{className:"slds-global-header__item"},s.default.createElement(i.default,{toggleFavorite:this.toggleFavorite,favoritesClicked:this.state.favoritesClicked,favoritesDisabled:this.props.favoritesDisabled,showFavoritesPopup:this.props.showFavoritesPopup,showNotification:this.state.showNotification,notificationCount:this.state.notificationCount,showNotificationPopup:this.props.showNotificationPopup,showTaskMenu:this.props.showTaskMenu}))),this.props.playground&&s.default.createElement("div",{className:"slds-button-group slds-m-around_medium"},s.default.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showNotification()}},"Toggle Notification"),s.default.createElement("button",{className:"slds-button slds-button_neutral",onClick:function(){return e.showIncomingNotification()}},"Increase count")))}}]),t}();t.default=d},205:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.Context=void 0;var o=d(a(0)),n=d(a(204)),s=a(16),l=d(a(38)),i=d(a(20)),r=a(6),c=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(a(197)),u=d(a(5));function d(e){return e&&e.__esModule?e:{default:e}}t.Context=function(e){return o.default.createElement("div",{className:"demo-only",style:{height:"340px"}},e.children)};t.default=o.default.createElement(n.default,{globalSearch:o.default.createElement(s.ComboboxGroup,{id:u.default.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:o.default.createElement(i.default,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:c.SearchResults,type:"entity",count:6}),resultsType:"listbox",addon:o.default.createElement(l.default,{id:u.default.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:u.default.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:o.default.createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})});t.states=[{id:"search-focused-expanded",label:"Global Search - Focused and Exanded",element:o.default.createElement(n.default,{globalSearch:o.default.createElement(s.ComboboxGroup,{id:u.default.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-2",comboboxID:"primary-search-combobox-id-2",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:o.default.createElement(i.default,{id:"search-listbox-id-2","aria-label":"Recent Items",snapshot:c.SearchResults,type:"entity",count:6}),resultsType:"listbox",addon:o.default.createElement(l.default,{id:u.default.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-2",listboxId:u.default.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:o.default.createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1})})})},{id:"search-active-typing",label:"Global Search - Active and typing",element:o.default.createElement(n.default,{globalSearch:o.default.createElement(s.ComboboxGroup,{id:u.default.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-4",comboboxID:"primary-search-combobox-id-4",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",value:"salesforce",results:o.default.createElement(i.default,{id:"search-listbox-id-4",term:"salesforce",snapshot:c.SearchResultsTypeahead,type:"entity",count:6}),resultsType:"listbox","aria-activedescendant":"option0",addon:o.default.createElement(l.default,{id:u.default.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",comboboxAriaControls:"primary-search-combobox-id-4",listboxId:u.default.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:o.default.createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasFocus:!0,isOpen:!0})})},{id:"favorites-disabled",label:"Favorites - Disabled",element:o.default.createElement(n.default,{favoritesDisabled:!0,globalSearch:o.default.createElement(s.ComboboxGroup,{id:u.default.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:o.default.createElement(i.default,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:c.SearchResults,type:"entity",count:2}),resultsType:"listbox",addon:o.default.createElement(l.default,{id:u.default.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:u.default.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:o.default.createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})},{id:"notification-count-1",label:"Notification - Count +1",element:o.default.createElement(n.default,{playground:!0,globalSearch:o.default.createElement(s.ComboboxGroup,{id:u.default.uniqueId("combobox-id-"),"aria-controls":"search-listbox-id-1",comboboxID:"primary-search-combobox-id-1",autocomplete:!0,inputContainerClassName:"slds-global-search__form-element",label:"Search Salesforce",hideLabel:!0,placeholder:"Search Salesforce",results:o.default.createElement(i.default,{id:"search-listbox-id-1","aria-label":"Recent Items",snapshot:c.SearchResults,type:"entity",count:2}),resultsType:"listbox",addon:o.default.createElement(l.default,{id:u.default.uniqueId("objectswitcher-combobox-id-"),value:"Accounts",addonPosition:"start",hasInteractions:!0,comboboxAriaControls:"primary-search-combobox-id-1",listboxId:u.default.uniqueId("objectswitcher-listbox-id-")}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"left",leftInputIcon:o.default.createElement(r.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_xx-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_left",title:!1,assistiveText:!1}),hasInteractions:!0})})}]}});