@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 9.36 kB
JavaScript
var SLDS;!function(){"use strict";var e,l={830:function(e,l,t){t.r(l),t.d(l,{demoStyles:function(){return d},states:function(){return p}});var s=t(1594),n=t.n(s),o=t(8347),a=t(942),r=t.n(a),c=t(6955),i=[{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"}],d="display: flex; width: 20rem; height: 37.5rem;",u=function(e){return n().createElement("div",{className:r()("slds-split-view_container",e.hidden?"slds-is-closed":"slds-is-open")},n().createElement(c.A,{"aria-controls":"split-view-id","aria-expanded":e.hidden?"false":"true",className:r()("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"}),n().createElement("article",{hidden:e.hidden?"true":"false",id:"split-view-id",className:r()("slds-split-view slds-grid slds-grid_vertical slds-grow",e.className)},n().createElement("header",{className:"slds-split-view__header"},n().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-m-bottom_xx-small"},n().createElement("div",{className:"slds-has-flexi-truncate"},n().createElement("div",{className:"slds-media slds-media_center"},n().createElement("div",{className:"slds-media__figure"},n().createElement("div",{className:"slds-icon_container slds-icon-standard-lead"},n().createElement(o.A,{className:"slds-icon",sprite:"standard",symbol:"lead"}),n().createElement("span",{className:"slds-assistive-text"},"Leads"))),n().createElement("div",{className:"slds-media__body"},n().createElement("h1",{className:"slds-text-heading_small slds-text-color_default slds-p-right_x-small"},n().createElement("button",{className:"slds-button slds-button_reset slds-type-focus slds-truncate","aria-haspopup":"true",title:""},n().createElement("span",{className:"slds-grid slds-has-flexi-truncate slds-grid_vertical-align-center"},n().createElement("span",{className:"slds-truncate",title:"My Leads"},"My Leads"),n().createElement(o.A,{className:"slds-button__icon slds-button__icon_right slds-no-flex",sprite:"utility",symbol:"down"}))))))),n().createElement("div",{className:"slds-no-flex slds-grid"},n().createElement(c.A,{className:"slds-button_icon-border-filled",symbol:"down","aria-haspopup":"true",assistiveText:"More Actions",title:"More Actions"}))),n().createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},n().createElement("p",{className:"slds-text-body_small slds-text-color_weak"},"42 items • Updated just now"),n().createElement("div",{className:"slds-no-flex slds-grid slds-col_bump-left"},n().createElement("div",{className:"slds-button-group"},n().createElement(c.A,{hasDropdown:!0,className:"slds-button_icon slds-button_icon-container-more",symbol:"side_list",title:"Display As Split View",assistiveText:"Display As Split View"})),n().createElement("div",{className:"slds-button-group"},n().createElement(c.A,{className:"slds-button_icon slds-button_icon-container",symbol:"refresh",title:"Refresh List",assistiveText:"Refresh List"}))))),n().createElement("div",{className:"slds-grid slds-grid_vertical"},n().createElement("div",{className:"slds-split-view__list-header slds-grid"},n().createElement("span",{className:"slds-assistive-text"},"Sorted by:"),n().createElement("span",null,"Lead Score",n().createElement(o.A,{className:"slds-icon slds-icon_xx-small slds-icon-text-default slds-align-top",sprite:"utility",symbol:"arrowdown"})),n().createElement("span",{className:"slds-assistive-text"},"- Descending")),n().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))))},m=function(e){return n().createElement("li",{className:r()("slds-split-view__list-item",e.className,e.unread?"slds-is-unread":null),role:"presentation"},n().createElement("a",{href:"#","aria-current":e.current&&"page","aria-selected":e.selected&&!!e.selected,role:"option",className:"slds-split-view__list-item-action slds-grow slds-has-flexi-truncate",tabIndex:e.tabIndex,onClick:function(e){return e.preventDefault()}},e.unread?n().createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},n().createElement("span",{className:"slds-assistive-text"},"●")):null,n().createElement("div",{className:"slds-grid slds-wrap"},n().createElement("span",{className:"slds-truncate slds-text-body_regular slds-text-color_default",title:e.colOne||"Object Name"},e.colOne||"Column 1"),n().createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colTwo||"Column 2"},e.colTwo||"Column 2")),n().createElement("div",{className:"slds-grid slds-wrap"},n().createElement("span",{className:"slds-truncate",title:e.colThree||"Column 3"},e.colThree||"Column 3"),n().createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colFour||"Column 4"},e.colFour||"Column 4"))))};l.default=[{id:"default",label:"Base - Default",demoStyles:d,storybookStyles:!0,element:n().createElement(u,null,i.slice(0,5).map(function(e,l){return n().createElement(m,{key:l,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})}))}];var p=[{id:"selected-item",label:"Selected Item",demoStyles:d,storybookStyles:!0,element:n().createElement(u,null,i.slice(0,5).map(function(e,l){return n().createElement(m,{key:l,current:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})}))},{id:"selected-item-deprecated",label:"Deprecated - Selected Item",demoStyles:d,storybookStyles:!0,element:n().createElement(u,null,i.slice(0,5).map(function(e,l){return n().createElement(m,{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",demoStyles:d,storybookStyles:!0,element:n().createElement(u,null,i.map(function(e,l){return n().createElement(m,{key:l,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})}))},{id:"unread",label:"Unread Items",demoStyles:d,storybookStyles:!0,element:n().createElement(u,null,i.map(function(e,l){return n().createElement(m,{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",demoStyles:d,storybookStyles:!0,element:n().createElement(u,{hidden:!0},i.map(function(e,l){return n().createElement(m,{key:l,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===l?0:-1})}))}]},1594:function(e){e.exports=React}},t={};function s(e){var n=t[e];if(void 0!==n)return n.exports;var o=t[e]={exports:{}};return l[e](o,o.exports,s),o.exports}s.m=l,s.amdO={},e=[],s.O=function(l,t,n,o){if(!t){var a=1/0;for(d=0;d<e.length;d++){t=e[d][0],n=e[d][1],o=e[d][2];for(var r=!0,c=0;c<t.length;c++)(!1&o||a>=o)&&Object.keys(s.O).every(function(e){return s.O[e](t[c])})?t.splice(c--,1):(r=!1,o<a&&(a=o));if(r){e.splice(d--,1);var i=n();void 0!==i&&(l=i)}}return l}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[t,n,o]},s.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(l,{a:l}),l},s.d=function(e,l){for(var t in l)s.o(l,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:l[t]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=154,function(){var e={154:0,518:0,1117:0,1252: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};s.O.j=function(l){return 0===e[l]};var l=function(l,t){var n,o,a=t[0],r=t[1],c=t[2],i=0;if(a.some(function(l){return 0!==e[l]})){for(n in r)s.o(r,n)&&(s.m[n]=r[n]);if(c)var d=c(s)}for(l&&l(t);i<a.length;i++)o=a[i],s.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return s.O(d)},t=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))}(),s.nc=void 0;var n=s.O(void 0,[6790],function(){return s(830)});n=s.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/split-view/base/example.jsx.js"]=n}();