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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/tabs/mobile-stack/example.jsx.js"]=function(e){function t(t){for(var a,i,u=t[0],d=t[1],s=t[2],o=0,m=[];o<u.length;o++)i=u[o],n[i]&&m.push(n[i][0]),n[i]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(e[a]=d[a]);for(c&&c(t);m.length;)m.shift()();return r.push.apply(r,s||[]),l()}function l(){for(var e,t=0;t<r.length;t++){for(var l=r[t],a=!0,u=1;u<l.length;u++){var d=l[u];0!==n[d]&&(a=!1)}a&&(r.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={50: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},r=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=u.push.bind(u);u.push=t,u=u.slice();for(var s=0;s<u.length;s++)t(u[s]);var c=d;return r.push([117,0]),l()}({0:function(e,t){e.exports=React},116:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DeprecatedAdjacentMobileStacked=t.DeprecatedMobileStacked=t.DeprecatedMobileTabAction=t.DeprecatedMobileTabTitle=t.DeprecatedMobileTabItem=t.DeprecatedMobileTabList=t.NestedMobileStacked=t.MobileTabPanel=t.MobileTabButton=t.MobileTabItem=t.MobileTabList=t.MobileTabContainer=t.MobileTabGroup=void 0;var a=function(){function e(e,t){for(var l=0;l<t.length;l++){var a=t[l];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,l,a){return l&&e(t.prototype,l),a&&e(t,a),t}}(),n=l(0),r=o(n),i=o(l(3)),u=o(l(1)),d=o(l(4)),s=o(l(54)),c=l(8);function o(e){return e&&e.__esModule?e:{default:e}}(t.MobileTabGroup=function(e){return r.default.createElement("div",{className:"slds-tabs-mobile__group"},e.children)}).propTypes={children:i.default.node};var m=t.MobileTabContainer=function(e){return r.default.createElement("div",{className:"slds-tabs-mobile__container"},e.children)};m.propTypes={children:i.default.node};var f=t.MobileTabList=function(e){return r.default.createElement("ul",{className:(0,u.default)("slds-tabs-mobile",{"slds-hidden":e.isHidden})},e.children)};f.propTypes={children:i.default.node,isHidden:i.default.bool};var b=t.MobileTabItem=function(e){return r.default.createElement("li",{className:(0,u.default)("slds-tabs-mobile__item")},e.children)};b.propTypes={children:i.default.node};var p=t.MobileTabButton=function(e){return r.default.createElement(c.Button,{isFullWidth:!0,onClick:e.onClick},r.default.createElement("span",{className:"slds-truncate",title:e.summary},e.summary),r.default.createElement(d.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default",sprite:"utility",symbol:"chevronright"}))};p.propTypes={onClick:i.default.func,summary:i.default.string};var h=t.MobileTabPanel=function(e){return r.default.createElement(s.default,{title:e.title,isAnimated:!0,docked:"left",invoke:"drill-in",isInvokedByTab:!0,isVisible:e.isVisible||!1,handleVisibility:e.hidePanel,hasCenterTitle:!0},e.children||"A panel body accepts any layout or component")};h.propTypes={hidePanel:i.default.func,isVisible:i.default.bool,title:i.default.string,children:i.default.node};t.NestedMobileStacked=function(e){return r.default.createElement(m,null,r.default.createElement(f,{isHidden:!0},r.default.createElement(b,null,r.default.createElement(p,{summary:"Item One"})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Item Two"})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Item Three"}))),r.default.createElement(h,{title:"Item 1 Panel",isVisible:!0},r.default.createElement(f,null,r.default.createElement(b,null,r.default.createElement(p,{summary:"Nested Item One"})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Nested Item Two"})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Nested Item Three"}))),r.default.createElement("div",null," Any content can be here "),r.default.createElement(f,null,r.default.createElement(b,null,r.default.createElement(p,{summary:"Nested Item Four"})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Nested Item Five"})))),r.default.createElement(h,{title:"Item 2 Panel"}),r.default.createElement(h,{title:"Item 3 Panel"}),r.default.createElement(h,{title:"Nested Item 1 Panel"}),r.default.createElement(h,{title:"Nested Item 2 Panel"}),r.default.createElement(h,{title:"Nested Item 3 Panel"}),r.default.createElement(h,{title:"Nested Item 4 Panel"}),r.default.createElement(h,{title:"Nested Item 5 Panel"}))};var E=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 l=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 l.hidePanel=l.hidePanel.bind(l),l.state={visiblePanelIdx:-1},l}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),a(t,[{key:"componentDidMount",value:function(){void 0!==this.props.visiblePanelIdx&&-1===this.state.visiblePanelIdx&&this.setState({visiblePanelIdx:this.props.visiblePanelIdx})}},{key:"showPanel",value:function(e){this.props.isStatic||this.setState({visiblePanelIdx:e})}},{key:"hidePanel",value:function(){this.props.isStatic||this.setState({visiblePanelIdx:-1})}},{key:"render",value:function(){var e=this.state.visiblePanelIdx;return r.default.createElement(m,null,r.default.createElement(f,{isHidden:-1!==e},r.default.createElement(b,null,r.default.createElement(p,{summary:"Item One",onClick:this.showPanel.bind(this,0)})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Item Two",onClick:this.showPanel.bind(this,1)})),r.default.createElement(b,null,r.default.createElement(p,{summary:"Item Three",onClick:this.showPanel.bind(this,2)}))),r.default.createElement(h,{title:"Item 1 Panel",isVisible:0===e,hidePanel:this.hidePanel}),r.default.createElement(h,{title:"Item 2 Panel",isVisible:1===e,hidePanel:this.hidePanel}),r.default.createElement(h,{title:"Item 3 Panel",isVisible:2===e,hidePanel:this.hidePanel}))}}]),t}();E.propTypes={visiblePanelIdx:i.default.number,isStatic:i.default.bool},t.default=E;var y=t.DeprecatedMobileTabList=function(e){return r.default.createElement("ul",{className:(0,u.default)("slds-tabs_mobile")},e.children)},v=t.DeprecatedMobileTabItem=function(e){return r.default.createElement("li",{className:(0,u.default)("slds-tabs_mobile__item")},e.children)},_=t.DeprecatedMobileTabTitle=function(e){return r.default.createElement("div",{className:(0,u.default)("slds-tabs_mobile__title",e.className)},e.children)},I=t.DeprecatedMobileTabAction=function(e){return r.default.createElement("button",{className:"slds-tabs_mobile__title-action slds-button slds-button_reset"},r.default.createElement("span",{className:"slds-truncate",title:e.summary},e.summary),r.default.createElement(d.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default",sprite:"utility",symbol:"chevronright"}))};t.DeprecatedMobileStacked=function(e){return r.default.createElement(y,null,r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"Item One"}))),r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"Item Two"}))),r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"Item Three"}))))},t.DeprecatedAdjacentMobileStacked=function(e){return r.default.createElement("div",null,r.default.createElement(y,null,r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"List 1 Item One"}))),r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"List 1 Item Two"})))),r.default.createElement(y,null,r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"List 2 Item One"}))),r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"List 2 Item Two with A Really Long Name"}))),r.default.createElement(v,null,r.default.createElement(_,null,r.default.createElement(I,{summary:"List 2 Item Three"})))))}},117:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=void 0;var a=i(l(0)),n=l(116),r=i(n);function i(e){return e&&e.__esModule?e:{default:e}}t.default=a.default.createElement(r.default,null);t.states=[{id:"drilled-in",label:"Drilled In",element:a.default.createElement(r.default,{visiblePanelIdx:0,isStatic:!0})}],t.examples=[{id:"adjacent",label:"Adjacent Stacked Drill Ins",element:a.default.createElement(n.MobileTabGroup,null,a.default.createElement(r.default,{isStatic:!0}),a.default.createElement(r.default,{isStatic:!0}))},{id:"nested",label:"Nested Stacked Drill Ins",element:a.default.createElement(n.NestedMobileStacked,null)},{id:"deprecated-tab-stack",label:"Deprecated Stacked Tabs",element:a.default.createElement(n.DeprecatedMobileStacked,null)},{id:"deprecated-adjacent-tab-stack",label:"Deprecated Adjacent Tab Stack",element:a.default.createElement(n.DeprecatedAdjacentMobileStacked,null)}]}});