@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/data-tables/responsive/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/data-tables/responsive/example.jsx.js"]=function(e){function t(t){for(var a,r,c=t[0],d=t[1],o=t[2],i=0,m=[];i<c.length;i++)r=c[i],n[r]&&m.push(n[r][0]),n[r]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(e[a]=d[a]);for(s&&s(t);m.length;)m.shift()();return u.push.apply(u,o||[]),l()}function l(){for(var e,t=0;t<u.length;t++){for(var l=u[t],a=!0,c=1;c<l.length;c++){var d=l[c];0!==n[d]&&(a=!1)}a&&(u.splice(t--,1),e=r(r.s=l[0]))}return e}var a={},n={72: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},u=[];function r(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,r),l.l=!0,l.exports}r.m=e,r.c=a,r.d=function(e,t,l){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},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 c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=c.push.bind(c);c.push=t,c=c.slice();for(var o=0;o<c.length;o++)t(c[o]);var s=d;return u.push([141,0]),l()}({0:function(e,t){e.exports=React},140:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Horizontal=t.Stacked=void 0;var a=d(l(0)),n=d(l(3)),u=d(l(2)),r=l(14),c=l(13);function d(e){return e&&e.__esModule?e:{default:e}}var o=function(e){return a.default.createElement(c.THeadTr,null,a.default.createElement(c.ColumnTh,null,a.default.createElement("span",{className:"slds-assistive-text",id:"check-group-header"},"Choose a row to select"),a.default.createElement(r.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Opportunity Name"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Account Name"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Close Date"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Stage"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Confidence"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Amount"})),a.default.createElement(c.ColumnTh,null,a.default.createElement(c.ColumnHeader,{columnName:"Contact"})),a.default.createElement(c.ColumnTh,{columnName:"Actions",isAssistiveText:!0}))};o.propTypes={checked:n.default.bool};var s=function(e){return a.default.createElement(c.TBodyTr,null,a.default.createElement(c.Td,{"data-label":"Select Row",type:"base"},a.default.createElement(r.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-0"+e.index,label:"Select item "+e.index,labelId:"check-button-label-0"+e.index})),a.default.createElement(c.RowTh,{"data-label":"Opportunity Name",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:e.title})),a.default.createElement(c.Td,{"data-label":"Account Name",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:"Cloudhub"})),a.default.createElement(c.Td,{"data-label":"Close Date",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:"4/14/2015"})),a.default.createElement(c.Td,{"data-label":"Prospecting",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:"Prospecting"})),a.default.createElement(c.Td,{"data-label":"Confidence",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:"20%"})),a.default.createElement(c.Td,{"data-label":"Amount",type:"base"},a.default.createElement(c.ReadOnlyCell,{cellText:"$25k"})),a.default.createElement(c.Td,{"data-label":"Contact",type:"base"},a.default.createElement(c.ReadOnlyCell,{actionableMode:!0,cellLink:"javascript:void(0);",cellText:"jrogers@cloudhub.com"})),a.default.createElement(c.Td,{"data-label":"Actions",isShrunken:!0,type:"base"},a.default.createElement(u.default,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};s.propTypes={checked:n.default.bool,index:n.default.string,title:n.default.string};t.Stacked=function(e){return a.default.createElement(c.Table,{isBordered:!0,isResponsiveStacked:!0,type:"base"},a.default.createElement(c.THead,null,a.default.createElement(o,null)),a.default.createElement(c.TBody,null,a.default.createElement(s,{index:"1",title:"Cloudhub"}),a.default.createElement(s,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},t.Horizontal=function(e){return a.default.createElement(c.Table,{isBordered:!0,isResponsive:!0,type:"base"},a.default.createElement(c.THead,null,a.default.createElement(o,null)),a.default.createElement(c.TBody,null,a.default.createElement(s,{index:"1",title:"Cloudhub"}),a.default.createElement(s,{index:"2",title:"Cloudhub + Anypoint Connectors"})))}},141:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=void 0;var a=function(e){return e&&e.__esModule?e:{default:e}}(l(0)),n=l(140);t.default=a.default.createElement(n.Horizontal,null);t.states=[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:a.default.createElement(n.Horizontal,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:a.default.createElement(n.Stacked,null)}]}});