UNPKG

@salesforce-ux/design-system

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