@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 13.7 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={536:function(e,t,l){l.r(t),l.d(t,{Comments:function(){return N},Post:function(){return v},PostContent:function(){return p},PostFooter:function(){return _},PostFooterActions:function(){return f},PostFooterMeta:function(){return E},PostHeader:function(){return h},examples:function(){return y},states:function(){return g}});var s=l(1594),n=l.n(s),a=l(6955),r=l(679),i=l(5265),c=l(7257),m=l(8347),o=l(942),d=l.n(o),u=l(806),f=function(e){return n().createElement("ul",{className:"slds-post__footer-actions-list slds-list_horizontal"},n().createElement("li",{className:"slds-col slds-item slds-m-right_medium"},n().createElement("button",{title:"Like this item",className:d()("slds-button_reset slds-post__footer-action",e.liked?"slds-is-active":null),"aria-pressed":!!e.liked},n().createElement(m.A,{className:"slds-icon slds-icon-text-default slds-icon_x-small slds-align-middle",sprite:"utility",symbol:"like"}),e.liked?"Liked":"Like")),n().createElement("li",{className:"slds-col slds-item slds-m-right_medium"},n().createElement("button",{title:"Comment on this item",className:"slds-button_reset slds-post__footer-action"},n().createElement(m.A,{className:"slds-icon slds-icon-text-default slds-icon_x-small slds-align-middle",sprite:"utility",symbol:"share_post"})," ","Comment")),n().createElement("li",{className:"slds-col slds-item slds-m-right_medium"},n().createElement("button",{title:"Share this item",className:"slds-button_reset slds-post__footer-action"},n().createElement(m.A,{className:"slds-icon slds-icon-text-default slds-icon_x-small slds-align-middle",sprite:"utility",symbol:"share"})," ","Share")))},E=function(e){return n().createElement("ul",{className:"slds-post__footer-meta-list slds-list_horizontal slds-has-dividers_right slds-text-title"},e.comments?n().createElement("li",{className:"slds-item"},e.comments||"0"," comments"):null,n().createElement("li",{className:"slds-item"},"20 shares"),n().createElement("li",{className:"slds-item"},"259 views"))},h=function(e){return n().createElement("header",{className:"slds-post__header slds-media"},n().createElement("div",{className:"slds-media__figure"},n().createElement("a",{href:"#",className:"slds-avatar slds-avatar_circle slds-avatar_large",onClick:function(e){return e.preventDefault()}},n().createElement("img",{alt:"Jason Rodgers",src:"/assets/images/avatar1.jpg",title:"Jason Rodgers avatar"}))),n().createElement("div",{className:"slds-media__body"},n().createElement("div",{className:"slds-grid slds-grid_align-spread slds-has-flexi-truncate"},n().createElement("p",null,n().createElement("a",{href:"#",title:"Jason Rodgers",onClick:function(e){return e.preventDefault()}},"Jason Rogers")," ","—"," ",n().createElement("a",{href:"#",title:"Design Systems",onClick:function(e){return e.preventDefault()}},"Design Systems")),n().createElement(a.A,{className:"slds-button_icon-border slds-button_icon-x-small","aria-haspopup":"true",symbol:"down",assistiveText:"More Options",title:"More Options"})),n().createElement("p",{className:"slds-text-body_small"},n().createElement("a",{href:"#",title:"Click for single-item view of this post",className:"slds-text-link_reset",onClick:function(e){return e.preventDefault()}},"5 days Ago"))))},p=function(e){return n().createElement("div",{className:d()("slds-post__content slds-text-longform",e.className)},e.children)},_=function(e){return n().createElement("footer",{className:d()("slds-post__footer",e.className)},e.children)},v=function(e){return n().createElement("article",{className:d()("slds-post",e.className)},e.children)},N=function(e){return n().createElement("div",{className:"slds-feed__item-comments"},e.children)},b=function(e){return n().createElement("ul",null,u.Ay.times(e.comments||1,function(e){return n().createElement("li",{key:"comment-".concat(e)},n().createElement(c.Mw,null,n().createElement(c.Rt,null),n().createElement(c.NX,null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n().createElement(c.h_,null)))}))};t.default=[{id:"default",label:"Default",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,null),n().createElement(E,null))))))}];var g=[{id:"post-with-liker-bar",label:"Like",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,{liked:!0}),n().createElement(E,{liked:!0}))),n().createElement(N,null,n().createElement("div",{className:"slds-p-horizontal_medium slds-p-vertical_x-small"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"You")," ","liked this post")))))}],y=[{id:"post-attachment-link",label:"Link attachment",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement("div",{className:"slds-post__payload"},n().createElement(r.S,{articleTitle:"Maui By Air The Best Way Around The Island",articleDescription:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt."})),n().createElement(_,null,n().createElement(f,null),n().createElement(E,null))))))},{id:"post-attachment-files",label:"Files(s) attachment",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement("div",{className:"slds-post__payload"},n().createElement("ul",{className:"slds-grid slds-grid_pull-padded"},n().createElement("li",{className:"slds-p-horizontal_xx-small slds-size_1-of-2 slds-medium-size_1-of-3"},n().createElement(r.Z,{isCard:!0,has16x9Crop:!0,hasTitleCard:!0,symbol:"image",hasImage:!0})),n().createElement("li",{className:"slds-p-horizontal_xx-small slds-size_1-of-2 slds-medium-size_1-of-3 slds-medium-show"},n().createElement(r.Z,{isCard:!0,has16x9Crop:!0,hasTitleCard:!0,symbol:"pdf"})),n().createElement("li",{className:"slds-p-horizontal_xx-small slds-size_1-of-2 slds-medium-size_1-of-3"},n().createElement(r.Z,{isCard:!0,has16x9Crop:!0,title:"22+",hasImage:!0,hasOverlay:!0})))),n().createElement(_,null,n().createElement(f,null),n().createElement(E,null))))))},{id:"post-with-comments",label:"With replies",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,null),n().createElement(E,{comments:"2"}))),n().createElement(N,null,n().createElement(b,{comments:"2"}),n().createElement(i.Publisher,null)))))},{id:"post-with-overflow",label:"Replies - Overflow Bar",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,null),n().createElement(E,{comments:"8"}))),n().createElement(N,null,n().createElement("div",{className:"slds-p-horizontal_medium slds-p-vertical_x-small slds-grid"},n().createElement("button",{className:"slds-button_reset slds-text-link"},"More comments"),n().createElement("span",{className:"slds-text-body_small slds-col_bump-left"},"1 of 8")),n().createElement(b,null),n().createElement(i.Publisher,null)))))},{id:"post-with-publisher-active",label:"Replies - Publisher active",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("p",null,"Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,null),n().createElement(E,{comments:"8"}))),n().createElement(N,null,n().createElement("div",{className:"slds-p-horizontal_medium slds-p-vertical_x-small slds-grid"},n().createElement("button",{className:"slds-button_reset slds-text-link"},"More comments"),n().createElement("span",{className:"slds-text-body_small slds-col_bump-left"},"1 of 8")),n().createElement(b,null),n().createElement(i.Publisher,{className:"slds-is-active slds-has-focus"})))))},{id:"questions",label:"Question",element:n().createElement("div",{className:"slds-feed"},n().createElement("ul",{className:"slds-feed__list"},n().createElement("li",{className:"slds-feed__item"},n().createElement(v,null,n().createElement(h,null),n().createElement(p,null,n().createElement("h3",{className:"slds-text-heading_small"},"Barbecue Party Tips For A Truly Amazing Event?"),n().createElement("p",null,"Hey there! Here's the latest demo presentation"," ",n().createElement("a",{href:"#",title:"Jenna Davis",onClick:function(e){return e.preventDefault()}},"@Jenna Davis"),", let me know if there are any changes. I've updated slides 3-8 and slides 16-18 slides with new product shots.")),n().createElement(_,null,n().createElement(f,null),n().createElement(E,null))))))}]},1594:function(e){e.exports=React}},l={};function s(e){var n=l[e];if(void 0!==n)return n.exports;var a=l[e]={exports:{}};return t[e](a,a.exports,s),a.exports}s.m=t,s.amdO={},e=[],s.O=function(t,l,n,a){if(!l){var r=1/0;for(o=0;o<e.length;o++){l=e[o][0],n=e[o][1],a=e[o][2];for(var i=!0,c=0;c<l.length;c++)(!1&a||r>=a)&&Object.keys(s.O).every(function(e){return s.O[e](l[c])})?l.splice(c--,1):(i=!1,a<r&&(r=a));if(i){e.splice(o--,1);var m=n();void 0!==m&&(t=m)}}return t}a=a||0;for(var o=e.length;o>0&&e[o-1][2]>a;o--)e[o]=e[o-1];e[o]=[l,n,a]},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=7594,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,7594:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,a,r=l[0],i=l[1],c=l[2],m=0;if(r.some(function(t){return 0!==e[t]})){for(n in i)s.o(i,n)&&(s.m[n]=i[n]);if(c)var o=c(s)}for(t&&t(l);m<r.length;m++)a=r[m],s.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return s.O(o)},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 n=s.O(void 0,[6790],function(){return s(536)});n=s.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/feeds/post/example.jsx.js"]=n}();