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

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/split-view/base/example.jsx.js"]=function(e){function l(l){for(var s,d,o=l[0],c=l[1],r=l[2],u=0,m=[];u<o.length;u++)d=o[u],a[d]&&m.push(a[d][0]),a[d]=0;for(s in c)Object.prototype.hasOwnProperty.call(c,s)&&(e[s]=c[s]);for(i&&i(l);m.length;)m.shift()();return n.push.apply(n,r||[]),t()}function t(){for(var e,l=0;l<n.length;l++){for(var t=n[l],s=!0,o=1;o<t.length;o++){var c=t[o];0!==a[c]&&(s=!1)}s&&(n.splice(l--,1),e=d(d.s=t[0]))}return e}var s={},a={20: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},n=[];function d(l){if(s[l])return s[l].exports;var t=s[l]={i:l,l:!1,exports:{}};return e[l].call(t.exports,t,t.exports,d),t.l=!0,t.exports}d.m=e,d.c=s,d.d=function(e,l,t){d.o(e,l)||Object.defineProperty(e,l,{configurable:!1,enumerable:!0,get:t})},d.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},d.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(l,"a",l),l},d.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},d.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],c=o.push.bind(o);o.push=l,o=o.slice();for(var r=0;r<o.length;r++)l(o[r]);var i=c;return n.push([88,0]),t()}({0:function(e,l){e.exports=React},88:function(e,l,t){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.states=void 0;var s=o(t(0)),a=o(t(4)),n=o(t(1)),d=o(t(2));function o(e){return e&&e.__esModule?e:{default:e}}var c=[{unread:!0,colOne:"Riley Shultz",colTwo:"99",colThree:"Biotech, Inc.",colFour:"Nurturing"},{unread:!0,colOne:"Jason A. - VP of Sales",colTwo:"92",colThree:"Case Management Solutions",colFour:"Contacted"},{unread:!0,colOne:"Josh Smith",colTwo:"90",colThree:"Acme, Inc.",colFour:"Contacted"},{unread:!0,colOne:"Bobby Tree",colTwo:"89",colThree:"Salesforce, Inc.",colFour:"Closing"},{selected:!0,colOne:"Riley Shultz",colTwo:"74",colThree:"Tesla",colFour:"Contacted"},{unread:!0,colOne:"Andy Smith",colTwo:"72",colThree:"Universal Technologies",colFour:"New"},{colOne:"Jim Steele",colTwo:"71",colThree:"BigList, Inc.",colFour:"New"},{colOne:"John Gardner",colTwo:"70",colThree:"3C Systems",colFour:"Contacted"},{colOne:"Sarah Loehr",colTwo:"68",colThree:"MedLife, Inc.",colFour:"New"}],r=function(e){return s.default.createElement("div",{className:(0,n.default)("slds-split-view_container",e.hidden?"slds-is-closed":"slds-is-open")},s.default.createElement(d.default,{"aria-controls":"split-view-id","aria-expanded":e.hidden?"false":"true",className:(0,n.default)("slds-button_icon slds-split-view__toggle-button",e.hidden?"slds-is-closed":"slds-is-open"),iconClassName:"slds-button__icon_x-small",symbol:"left",assistiveText:e.hidden?"Open Split View":"Close Split View",title:e.hidden?"Open Split View":"Close Split View"}),s.default.createElement("article",{"aria-hidden":e.hidden?"true":"false",id:"split-view-id",className:(0,n.default)("slds-split-view slds-grid slds-grid_vertical slds-grow",e.className)},s.default.createElement("header",{className:"slds-split-view__header"},s.default.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-m-bottom_xx-small"},s.default.createElement("div",{className:"slds-has-flexi-truncate"},s.default.createElement("div",{className:"slds-media slds-media_center"},s.default.createElement("div",{className:"slds-media__figure"},s.default.createElement("div",{className:"slds-icon_container slds-icon-standard-lead"},s.default.createElement(a.default,{className:"slds-icon",sprite:"standard",symbol:"lead"}),s.default.createElement("span",{className:"slds-assistive-text"},"Leads"))),s.default.createElement("div",{className:"slds-media__body"},s.default.createElement("h1",{className:"slds-text-heading_small slds-text-color_default slds-p-right_x-small"},s.default.createElement("button",{className:"slds-button slds-button_reset slds-type-focus slds-truncate","aria-haspopup":"true",title:""},s.default.createElement("span",{className:"slds-grid slds-has-flexi-truncate slds-grid_vertical-align-center"},s.default.createElement("span",{className:"slds-truncate",title:"My Leads"},"My Leads"),s.default.createElement(a.default,{className:"slds-button__icon slds-button__icon_right slds-no-flex",sprite:"utility",symbol:"down"}))))))),s.default.createElement("div",{className:"slds-no-flex slds-grid"},s.default.createElement(d.default,{className:"slds-button_icon-border-filled",symbol:"down","aria-haspopup":"true",assistiveText:"More Actions",title:"More Actions"}))),s.default.createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},s.default.createElement("p",{className:"slds-text-body_small slds-text-color_weak"},"42 items • Updated just now"),s.default.createElement("div",{className:"slds-no-flex slds-grid slds-col_bump-left"},s.default.createElement("div",{className:"slds-button-group"},s.default.createElement(d.default,{hasDropdown:!0,className:"slds-button_icon slds-button_icon-container-more",symbol:"side_list",title:"Display As Split View",assistiveText:"Display As Split View"})),s.default.createElement("div",{className:"slds-button-group"},s.default.createElement(d.default,{className:"slds-button_icon slds-button_icon-container",symbol:"refresh",title:"Refresh List",assistiveText:"Refresh List"}))))),s.default.createElement("div",{className:"slds-grid slds-grid_vertical"},s.default.createElement("div",{className:"slds-split-view__list-header slds-grid"},s.default.createElement("span",{className:"slds-assistive-text"},"Sorted by:"),s.default.createElement("span",null,"Lead Score",s.default.createElement(a.default,{className:"slds-icon slds-icon_xx-small slds-icon-text-default slds-align-top",sprite:"utility",symbol:"arrowdown"})),s.default.createElement("span",{className:"slds-assistive-text"},"- Descending")),s.default.createElement("ul",{"aria-multiselectable":"true",className:"slds-scrollable_y",role:"listbox","aria-label":"Select an item to open it in a new workspace tab."},e.children))))},i=function(e){return s.default.createElement("li",{className:(0,n.default)("slds-split-view__list-item",e.className,e.unread?"slds-is-unread":null),role:"presentation"},s.default.createElement("a",{href:"javascript:void(0);","aria-selected":!!e.selected,role:"option",className:"slds-split-view__list-item-action slds-grow slds-has-flexi-truncate",tabIndex:e.tabIndex},e.unread?s.default.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},s.default.createElement("span",{className:"slds-assistive-text"},"●")):null,s.default.createElement("div",{className:"slds-grid slds-wrap"},s.default.createElement("span",{className:"slds-truncate slds-text-body_regular slds-text-color_default",title:e.colOne||"Object Name"},e.colOne||"Column 1"),s.default.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colTwo||"Column 2"},e.colTwo||"Column 2")),s.default.createElement("div",{className:"slds-grid slds-wrap"},s.default.createElement("span",{className:"slds-truncate",title:e.colThree||"Column 3"},e.colThree||"Column 3"),s.default.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colFour||"Column 4"},e.colFour||"Column 4"))))};l.default=s.default.createElement("div",{className:"demo-only",style:{display:"flex",width:"20rem",height:"37.5rem"}},s.default.createElement(r,null,c.slice(0,5).map(function(e,l){return s.default.createElement(i,{key:l,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})})));l.states=[{id:"selected-item",label:"Selected Item",element:s.default.createElement("div",{className:"demo-only",style:{display:"flex",width:"20rem",height:"37.5rem"}},s.default.createElement(r,null,c.slice(0,5).map(function(e,l){return s.default.createElement(i,{key:l,selected:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})})))},{id:"overflow",label:"Overflow",element:s.default.createElement("div",{className:"demo-only",style:{display:"flex",width:"20rem",height:"37.5rem"}},s.default.createElement(r,null,c.map(function(e,l){return s.default.createElement(i,{key:l,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})})))},{id:"unread",label:"Unread Items",element:s.default.createElement("div",{className:"demo-only",style:{display:"flex",width:"20rem",height:"37.5rem"}},s.default.createElement(r,null,c.map(function(e,l){return s.default.createElement(i,{key:l,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})})))},{id:"panel-collapsed",label:"Collapsed Panel",element:s.default.createElement("div",{className:"demo-only",style:{display:"flex",width:"20rem",height:"37.5rem"}},s.default.createElement(r,{hidden:!0},c.map(function(e,l){return s.default.createElement(i,{key:l,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})})))}]}});