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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/vertical-tabs/base/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],c=t[1],i=t[2],d=0,f=[];d<o.length;d++)r=o[d],n[r]&&f.push(n[r][0]),n[r]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(u&&u(t);f.length;)f.shift()();return s.push.apply(s,i||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],l=!0,o=1;o<a.length;o++){var c=a[o];0!==n[c]&&(l=!1)}l&&(s.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={159: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 r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=o.push.bind(o);o.push=t,o=o.slice();for(var i=0;i<o.length;i++)t(o[i]);var u=c;return s.push([239,0]),a()}({0:function(e,t){e.exports=React},237:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.exampleTabsWithBadges=t.exampleTabsWithIcons=t.exampleTabs=void 0;var l=function(e){return e&&e.__esModule?e:{default:e}}(a(0)),n=a(11),s=a(6),r=a(46);t.exampleTabs=[{label:"Tab 1",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Tab 2",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Tab 3 has a really long label and can wrap or truncate",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}],t.exampleTabsWithIcons=[{label:"Opportunities",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(s.UtilityIcon,{symbol:"error",title:"This tab has an error",assistiveText:"This tab has an error",className:"slds-icon_x-small slds-icon-text-error"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}],t.exampleTabsWithBadges=[{label:"Opportunities",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(r.Badge,{isInverse:!0},"New"),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(r.Badge,{isInverse:!0},"New"),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}]},238:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),n=r(a(0)),s=r(a(1));function r(e){return e&&e.__esModule?e:{default:e}}var o=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=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,e));return a.state={currentTabIndex:0},a}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),l(t,[{key:"render",value:function(){var e=this,t=this.state.currentTabIndex;return n.default.createElement("div",{className:"slds-vertical-tabs"},n.default.createElement("ul",{className:"slds-vertical-tabs__nav",role:"tablist","aria-orientation":"vertical"},this.props.tabs.map(function(a,l){var r=l===t?"slds-is-active":"",o=l===t?0:-1,c=l===t?"true":"false",i="slds-vertical-tabs-"+l,u="slds-vertical-tabs-"+l+"__nav";return n.default.createElement("li",{className:(0,s.default)("slds-vertical-tabs__nav-item",r),title:a.label,role:"presentation",key:u},n.default.createElement("a",{className:"slds-vertical-tabs__link",href:"javascript:void(0)",role:"tab",tabIndex:o,"aria-selected":c,"aria-controls":i,id:u,onClick:e.handleTabClick},n.default.createElement("span",{className:"slds-vertical-tabs__left-icon"},a.leftIcon),n.default.createElement("span",{className:"slds-truncate",title:a.label},a.label),n.default.createElement("span",{className:"slds-vertical-tabs__right-icon"},a.rightIcon)))})),this.props.tabs.map(function(a,l){var r="slds-vertical-tabs-"+l,o=l===t?"slds-show":"slds-hide",c="slds-vertical-tabs-"+l+"__nav";return n.default.createElement("div",{className:(0,s.default)("slds-vertical-tabs__content",o),id:r,role:"tabpanel","aria-labelledby":c,key:r},e.props.tabs[t].content)}))}}]),t}();t.default=o},239:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=void 0;var l=r(a(0)),n=r(a(238)),s=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(237));function r(e){return e&&e.__esModule?e:{default:e}}t.default=l.default.createElement(n.default,{tabs:s.exampleTabs});t.examples=[{id:"with-icons",label:"With icons",element:l.default.createElement(n.default,{tabs:s.exampleTabsWithIcons})},{id:"with-badges",label:"With badges",element:l.default.createElement(n.default,{tabs:s.exampleTabsWithBadges})}]}});