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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2276:function(e,t,l){l.r(t);var s=l(1594),a=l.n(s),n=l(8347),r=l(7852),c=l(6955),d=a().createElement("span",{className:"slds-icon_container slds-icon-standard-opportunity"},a().createElement(n.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"opportunity"}),a().createElement("span",{className:"slds-assistive-text"},"Opportunities")),o=a().createElement("span",{className:"slds-icon_container slds-icon-standard-case"},a().createElement(n.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"case"}),a().createElement("span",{className:"slds-assistive-text"},"Cases")),i=function(){return a().createElement("dd",{className:"slds-m-top_x-small slds-text-align_right"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},title:"View all Opportunities"},"View All"))};t.default=[{id:"panels-default",label:"Panels – default",element:a().createElement("section",{"aria-labelledby":"panel-heading-id",className:"slds-popover slds-popover_panel slds-nubbin_left-top",role:"dialog"},a().createElement(c.A,{className:"slds-button_icon slds-button_icon-small slds-float_right slds-popover__close",symbol:"close",assistiveText:"Close dialog",title:"Close dialog"}),a().createElement("div",{className:"slds-popover__header"},a().createElement("header",{className:"slds-media slds-media_center slds-m-bottom_small"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-account slds-media__figure"},a().createElement(n.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"account"})),a().createElement("div",{className:"slds-media__body"},a().createElement("h2",{className:"slds-text-heading_medium slds-hyphenate",id:"panel-heading-id"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Tesla Motors")))),a().createElement("footer",{className:"slds-grid slds-wrap slds-grid_pull-padded"},a().createElement("div",{className:"slds-p-horizontal_small slds-size_1-of-2 slds-p-bottom_x-small"},a().createElement("dl",null,a().createElement("dt",null,a().createElement("p",{className:"slds-popover_panel__label slds-truncate",title:"Billing Address"},"Billing Address")),a().createElement("dd",null,a().createElement("p",{className:"slds-truncate",title:"3500 Deer Creek Rd."},"3500 Deer Creek Rd."),a().createElement("p",{className:"slds-truncate",title:"Palo Alto, CA 94304"},"Palo Alto, CA 94304")))),a().createElement("div",{className:"slds-p-horizontal_small slds-size_1-of-2 slds-p-bottom_x-small"},a().createElement("dl",null,a().createElement("dt",null,a().createElement("p",{className:"slds-popover_panel__label slds-truncate",title:"Phone"},"Phone")),a().createElement("dd",null,a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"212-345-3485")))),a().createElement("div",{className:"slds-p-horizontal_small slds-size_1-of-2 slds-p-bottom_x-small"},a().createElement("dl",null,a().createElement("dt",null,a().createElement("p",{className:"slds-popover_panel__label slds-truncate",title:"Website"},"Website")),a().createElement("dd",null,a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"teslamotors.com")))),a().createElement("div",{className:"slds-p-horizontal_small slds-size_1-of-2 slds-p-bottom_x-small"},a().createElement("dl",null,a().createElement("dt",null,a().createElement("p",{className:"slds-popover_panel__label slds-truncate",title:"Account Owner"},"Account Owner")),a().createElement("dd",null,a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Jeff Maguire")))))),a().createElement("div",{className:"slds-popover__body"},a().createElement("dl",{className:"slds-popover__body-list"},a().createElement("dt",{className:"slds-m-bottom_small"},a().createElement(r.A,{figureLeft:d,flavor:"center"},a().createElement("p",{className:"slds-text-heading_small slds-hyphenate"},"Opportunities (2+)"))),a().createElement("dd",{className:"slds-m-top_x-small"},a().createElement("p",{className:"slds-truncate",title:"Tesla - Mule ESB"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Tesla - Mule ESB")),a().createElement("dl",{className:"slds-list_horizontal slds-wrap slds-text-body_small"},a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Value"},"Value"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"$500,000"},"$500,000"),a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Close Date"},"Close Date"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"Dec 15, 2015"},"Dec 15, 2015"))),a().createElement("dd",{className:"slds-m-top_x-small"},a().createElement("p",{className:"slds-truncate",title:"Tesla - Anypoint Studios"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Tesla - Anypoint Studios")),a().createElement("dl",{className:"slds-list_horizontal slds-wrap slds-text-body_small"},a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Value"},"Value"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"$60,000"},"$60,000"),a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Close Date"},"Close Date"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"Jan 15, 2016"},"Jan 15, 2016"))),a().createElement(i,null)),a().createElement("dl",{className:"slds-popover__body-list"},a().createElement("dt",{className:"slds-m-bottom_small"},a().createElement(r.A,{figureLeft:o,flavor:"center"},a().createElement("p",{className:"slds-text-heading_small slds-hyphenate"},"Cases (1)"))),a().createElement("dd",{className:"slds-m-top_x-small"},a().createElement("p",{className:"slds-truncate",title:"Tesla - Anypoint Studios"},a().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Tesla - Anypoint Studios")),a().createElement("dl",{className:"slds-list_horizontal slds-wrap slds-text-body_small"},a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Value"},"Value"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"$60,000"},"$60,000"),a().createElement("dt",{className:"slds-item_label slds-text-color_weak slds-truncate",title:"Close Date"},"Close Date"),a().createElement("dd",{className:"slds-item_detail slds-text-color_weak slds-truncate",title:"Jan 15, 2016"},"Jan 15, 2016"))),a().createElement(i,null))))}]}},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 r=1/0;for(i=0;i<e.length;i++){l=e[i][0],a=e[i][1],n=e[i][2];for(var c=!0,d=0;d<l.length;d++)(!1&n||r>=n)&&Object.keys(s.O).every(function(e){return s.O[e](l[d])})?l.splice(d--,1):(c=!1,n<r&&(r=n));if(c){e.splice(i--,1);var o=a();void 0!==o&&(t=o)}}return t}n=n||0;for(var i=e.length;i>0&&e[i-1][2]>n;i--)e[i]=e[i-1];e[i]=[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=2072,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2072: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(t){return 0===e[t]};var t=function(t,l){var a,n,r=l[0],c=l[1],d=l[2],o=0;if(r.some(function(t){return 0!==e[t]})){for(a in c)s.o(c,a)&&(s.m[a]=c[a]);if(d)var i=d(s)}for(t&&t(l);o<r.length;o++)n=r[o],s.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return s.O(i)},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(2276)});a=s.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/popovers/panels/example.jsx.js"]=a}();