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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},6466:function(e,t,l){l.r(t),l.d(t,{Tile:function(){return m},TileMedia:function(){return d},examples:function(){return E}});var s=l(1594),a=l.n(s),n=l(8347),i=l(6955),r=l(3589),c=l(942),o=l.n(c),m=function(e){return a().createElement("article",{className:o()("slds-tile",e.className,e.actions?"slds-hint-parent":null)},e.actions?a().createElement("div",{className:"slds-grid slds-grid_align-spread slds-has-flexi-truncate"},a().createElement("h3",{className:"slds-tile__title slds-truncate",title:e.title||"Title"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.title||"Title")),a().createElement("div",{className:"slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint",symbol:"down","aria-haspopup":"true",assistiveText:"More options",title:"More options"}))):a().createElement("h3",{className:"slds-tile__title slds-truncate",title:e.title||"Title"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.title||"Title")),a().createElement("div",{className:"slds-tile__detail"},e.children?e.children:a().createElement(u,null)))},d=function(e){return a().createElement("article",{className:o()("slds-tile slds-media",e.className,e.actions?"slds-hint-parent":null)},e.media?a().createElement("div",{className:"slds-media__figure"},e.media):null,a().createElement("div",{className:"slds-media__body"},e.actions?a().createElement("div",{className:"slds-grid slds-grid_align-spread slds-has-flexi-truncate"},a().createElement("h3",{className:"slds-tile__title slds-truncate",title:e.title||"Title"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.title||"Title")),a().createElement("div",{className:"slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint",symbol:"down","aria-haspopup":"true",assistiveText:"More options",title:"More options"}))):a().createElement("h3",{className:"slds-tile__title slds-truncate",title:e.title||"Title"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.title||"Title")),a().createElement("div",{className:"slds-tile__detail"},e.children?e.children:a().createElement(u,null))))},u=function(e){return a().createElement("dl",{className:"slds-list_horizontal slds-wrap"},a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"First Label"},"First Label:"),a().createElement("dd",{className:"slds-item_detail slds-truncate",title:"Description for first label"},"Description for first label"),a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Second Label"},"Second Label:"),a().createElement("dd",{className:"slds-item_detail slds-truncate",title:"Description for second label"},"Description for second label"))},p=a().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon-standard-groups",sprite:"standard",symbol:"groups"})),f=a().createElement("span",{className:"slds-avatar slds-avatar_circle slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lexee L. Jackson avatar"}));t.default=[{id:"default",label:"Default",element:a().createElement("div",{className:"demo-only",style:{width:"30rem"}},a().createElement(m,{title:"Salesforce UX"}))}];var E=[{id:"with-action",label:"Default with actions",element:a().createElement("div",{className:"demo-only",style:{width:"30rem"}},a().createElement(m,{title:"Salesforce UX",actions:!0}))},{id:"with-icon",label:"With icon",element:a().createElement("div",{className:"demo-only",style:{width:"30rem"}},a().createElement(d,{title:"Salesforce UX",media:p}))},{id:"with-avatar",label:"With avatar",element:a().createElement("div",{className:"demo-only",style:{width:"30rem"}},a().createElement(d,{title:"Lexee L. Jackson",media:f}))},{id:"task",label:"Task",element:a().createElement("div",{className:"demo-only",style:{width:"320px"}},a().createElement(d,{title:"Contact Trammel Crow Company",media:a().createElement(r.Checkbox,{label:"Did you complete the task: Contact Trammel Crow Company?",hideLabel:!0})},a().createElement("p",{className:"slds-truncate",title:"Assignee"},"Assignee")))},{id:"article",label:"Article",element:a().createElement("div",{className:"demo-only",style:{width:"320px"}},a().createElement(m,{title:"Company One beats Company Two to the 200-mile affordable electric car"},a().createElement("p",null,"by Steve Author"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right"},a().createElement("li",{className:"slds-item"},"Breaking News"),a().createElement("li",{className:"slds-item"},"1 day ago"))))},{id:"article-liker-bar",label:"Article With like bar",element:a().createElement("div",{className:"demo-only",style:{width:"320px"}},a().createElement(m,{title:"Company One beats Company Two to the 200-mile affordable electric car"},a().createElement("p",null,"...an introduction for beginners about climbing ropes and how they can use..."),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-m-top_xx-small"},a().createElement("li",{className:"slds-item"},"000001296"),a().createElement("li",{className:"slds-item"},"Published"),a().createElement("li",{className:"slds-item"},"How to Guide")),a().createElement("p",null,"Last Modified: 1/14/16"),a().createElement("ul",{className:"slds-list_horizontal slds-m-top_xx-small"},a().createElement("li",{className:"slds-m-right_small"},a().createElement("button",{className:"slds-button slds-button_icon slds-button_icon-border slds-button_icon-x-small","aria-pressed":"false"},a().createElement(n.A,{className:"slds-button__icon",sprite:"utility",symbol:"like"}),a().createElement("span",{className:"slds-assistive-text"},"Upvote")),a().createElement("span",{className:"slds-align-middle"},"1320")),a().createElement("li",null,a().createElement("button",{className:"slds-button slds-button_icon slds-button_icon-border slds-button_icon-x-small","aria-pressed":"false"},a().createElement(n.A,{className:"slds-button__icon",sprite:"utility",symbol:"dislike"}),a().createElement("span",{className:"slds-assistive-text"},"Downvote")),a().createElement("span",{className:"slds-align-middle"},"362")))))},{id:"board",label:"Board",element:a().createElement("div",{className:"demo-only",style:{width:"320px"}},a().createElement("ul",{className:"slds-has-dividers_around-space"},a().createElement("li",{className:"slds-item"},a().createElement(m,{title:"Anypoint Connectors",className:"slds-tile_board"},a().createElement("p",{className:"slds-text-heading_medium"},"$500,000"),a().createElement("p",{className:"slds-truncate",title:"Company One"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Company One")),a().createElement("p",{className:"slds-truncate",title:"Closing 9/30/2015"},"Closing 9/30/2015"))),a().createElement("li",{className:"slds-item"},a().createElement(m,{title:"Cloudhub",className:"slds-tile_board"},a().createElement("p",{className:"slds-text-heading_medium"},"$185,000"),a().createElement("p",{className:"slds-truncate",title:"Company Two"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Company Two")),a().createElement("p",{className:"slds-truncate slds-has-alert",title:"Closing 12/15/2015"},"Closing 12/15/2015"),a().createElement("span",{className:"slds-icon_container slds-tile_board__icon",title:"description of icon when needed"},a().createElement(n.A,{className:"slds-icon slds-icon-text-warning slds-icon_x-small",sprite:"utility",symbol:"warning"}),a().createElement("span",{className:"slds-assistive-text"},"Warning Icon")))),a().createElement("li",{className:"slds-item"},a().createElement(m,{title:"600 Widgets",className:"slds-tile_board"},a().createElement("p",{className:"slds-text-heading_medium"},"$35,000"),a().createElement("p",{className:"slds-truncate",title:"Company Three"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Company Three")),a().createElement("p",{className:"slds-truncate",title:"Closing 10/12/2015"},"Closing 10/12/2015")))))}]}},l={};function s(e){var a=l[e];if(void 0!==a)return a.exports;var n=l[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.amdO={},e=[],s.O=function(t,l,a,n){if(!l){var i=1/0;for(m=0;m<e.length;m++){l=e[m][0],a=e[m][1],n=e[m][2];for(var r=!0,c=0;c<l.length;c++)(!1&n||i>=n)&&Object.keys(s.O).every(function(e){return s.O[e](l[c])})?l.splice(c--,1):(r=!1,n<i&&(i=n));if(r){e.splice(m--,1);var o=a();void 0!==o&&(t=o)}}return t}n=n||0;for(var m=e.length;m>0&&e[m-1][2]>n;m--)e[m]=e[m-1];e[m]=[l,a,n]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var l in t)s.o(t,l)&&!s.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},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,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=8525,function(){var e={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,8525:0};s.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,n,i=l[0],r=l[1],c=l[2],o=0;if(i.some(function(t){return 0!==e[t]})){for(a in r)s.o(r,a)&&(s.m[a]=r[a]);if(c)var m=c(s)}for(t&&t(l);o<i.length;o++)n=i[o],s.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return s.O(m)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),s.nc=void 0;var a=s.O(void 0,[6790],function(){return s(6466)});a=s.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/tiles/base/example.jsx.js"]=a}();