@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/global-navigation/navigation-bar/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5540:function(e,t,n){n.r(t),n.d(t,{default:function(){return x},states:function(){return j}});var r=n(1594),o=n.n(r),a=n(4187),l=n.n(a),i=n(942),s=n.n(i),c=n(8347),u=n(4760),m=n(6955),p=n(5898),d=n(806);function f(e){return f="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},f(e)}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,v(r.key),r)}}function v(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},g(e,t)}function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_.apply(null,arguments)}var M=function(){var e=d.Ay.uniqueId("menu-group-id-");return o().createElement(u.Menu,{className:"slds-dropdown_right"},o().createElement(u.MenuList,null,o().createElement(u.MenuItem,{title:"Main action"},o().createElement(c.A,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"add"}),"Main action"),o().createElement("li",{role:"presentation"},o().createElement("ul",{role:"group","aria-labelledby":e},o().createElement("li",{className:"slds-dropdown__header slds-has-divider_top-space",role:"presentation",id:e},o().createElement("span",null,"Menu header")),o().createElement(u.MenuItem,null,"Menu Item One"),o().createElement(u.MenuItem,null,"Menu Item Two"),o().createElement(u.MenuItem,null,"Menu Item Three")))))},E=function(e){var t=e.label,n=e.isActive,r=e.hasNavMenu,a=e.hasNavMenuOpen,l=e.hasMenuDropdown,i=s()("slds-context-bar__item",{"slds-is-active":n,"slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click":r,"slds-is-open":a});return o().createElement("li",{className:i},o().createElement("a",{href:"#",className:"slds-context-bar__label-action",title:t,onClick:function(e){return e.preventDefault()}},n&&o().createElement("span",{className:"slds-assistive-text"},"Current Page:"),o().createElement("span",{className:"slds-truncate",title:t},t)),r&&o().createElement(o().Fragment,null,o().createElement(O,{onClick:e.onClick}),l&&o().createElement(M,null)))};E.defaultProps={label:"Menu Item",hasMenuDropdown:!0},E.propTypes={label:l().string.isRequired,isActive:l().bool,hasNavMenu:l().bool,hasNavMenuOpen:l().bool,hasMenuDropdown:l().bool};var O=function(e){return o().createElement("div",{className:"slds-context-bar__icon-action slds-p-left_none"},o().createElement(m.A,_({className:"slds-button_icon slds-context-bar__button",symbol:"chevrondown","aria-haspopup":"true",assistiveText:"Open menu item submenu",title:"Open menu item submenu"},e)))},N=function(e){var t=e.appName,n=e.homeItemIsActive,r=e.hasNavMenuOpen,a=e.children;return o().createElement("div",{className:"slds-context-bar"},o().createElement("div",{className:"slds-context-bar__primary"},o().createElement("div",{className:"slds-context-bar__item slds-context-bar__dropdown-trigger slds-dropdown-trigger slds-dropdown-trigger_click slds-no-hover"},o().createElement("div",{className:"slds-context-bar__icon-action"},o().createElement(p.A,{className:"slds-context-bar__button"})),o().createElement("span",{className:"slds-context-bar__label-action slds-context-bar__app-name"},o().createElement("span",{className:"slds-truncate",title:t||"App Name"},t||"App Name")))),o().createElement("nav",{className:"slds-context-bar__secondary",role:"navigation"},o().createElement("ul",{className:"slds-grid"},o().createElement(E,{label:"Home",isActive:n}),a||o().createElement(o().Fragment,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0,hasNavMenuOpen:r,onClick:function(){return e.toggleNavMenu()}}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item"})))))};N.propTypes={appName:l().string,homeItemIsActive:l().bool,hasNavMenuOpen:l().bool,children:l().node};var w=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=y(t),function(e,t){if(t&&("object"==f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n||[],y(e).constructor):t.apply(e,n))}(this,t)).toggleNavMenu=e.toggleNavMenu.bind(e),e.state={hasNavMenuOpen:!1},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&g(e,t)}(t,e),n=t,(r=[{key:"toggleNavMenu",value:function(){this.setState({hasNavMenuOpen:!this.state.hasNavMenuOpen})}},{key:"render",value:function(){return o().createElement(N,{homeItemIsActive:!0,toggleNavMenu:this.toggleNavMenu,hasNavMenuOpen:this.props.hasNavMenuOpen||this.state.hasNavMenuOpen})}}])&&b(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Component),S="Navigation Bar - ",x=[{id:"default",label:S+"Default",demoStyles:"height: 16rem;",storybookStyles:!1,element:o().createElement(w,null)}],j=[{id:"item-active",label:S+"Item Active",element:o().createElement(N,null,o().createElement(E,{label:"Menu Item",hasNavMenu:!0}),o().createElement(E,{label:"Menu Item"}),o().createElement(E,{label:"Menu Item",isActive:!0}),o().createElement(E,{label:"Menu Item"}))},{id:"item-menu-open",label:S+"Item Menu Open",demoStyles:"height: 16rem;",storybookStyles:!0,element:o().createElement(w,{hasNavMenuOpen:!0})}]}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,o,a){if(!n){var l=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],a=e[u][2];for(var i=!0,s=0;s<n.length;s++)(!1&a||l>=a)&&Object.keys(r.O).every(function(e){return r.O[e](n[s])})?n.splice(s--,1):(i=!1,a<l&&(l=a));if(i){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,o,a]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=1385,function(){var e={518:0,1117:0,1252:0,1385:0,1578:0,1974:0,2033:0,2274: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};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,a,l=n[0],i=n[1],s=n[2],c=0;if(l.some(function(t){return 0!==e[t]})){for(o in i)r.o(i,o)&&(r.m[o]=i[o]);if(s)var u=s(r)}for(t&&t(n);c<l.length;c++)a=l[c],r.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return r.O(u)},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))}(),r.nc=void 0;var o=r.O(void 0,[6790],function(){return r(5540)});o=r.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/global-navigation/navigation-bar/example.jsx.js"]=o}();