@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.28 kB
JavaScript
var SLDS;!function(){"use strict";var t,e={1594:function(t){t.exports=React},4783:function(t,e,o){o.r(e),o.d(e,{Footer:function(){return d},Icon:function(){return u},Prompt:function(){return b},demoHeight:function(){return p},examples:function(){return f}});var n=o(1594),s=o.n(n),r=o(8347),l=o(5006),i=o(806),a=o(942),m=o.n(a),p="height: 13rem;",c=i.Ay.uniqueId("dialog-heading-id-"),d=function(t){return s().createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},t.dismissButtonLabel&&s().createElement("button",{className:"slds-button slds-button_neutral slds-col_bump-right"},t.dismissButtonLabel),t.actionLinkText&&s().createElement("span",{className:"slds-popover_prompt__action-link"},s().createElement("a",{href:"#",className:"slds-button"},t.actionLinkText)),t.brandButtonLabel&&s().createElement("button",{className:"slds-button slds-button_brand"},t.brandButtonLabel))},u=function(t){return s().createElement("div",{className:"slds-media__figure"},s().createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},s().createElement(r.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"prompt"}),s().createElement("span",{className:"slds-assistive-text"},"Description of icon")))},b=function(t){var e={"slds-popover_prompt_top":"top"===t.position,"slds-popover_prompt_top-right":"top-right"===t.position,"slds-popover_prompt_top-left":"top-left"===t.position,"slds-popover_prompt_bottom":"bottom"===t.position,"slds-popover_prompt_bottom-left":"bottom-left"===t.position,"slds-popover_prompt_bottom-right":"bottom-right"===t.position};return s().createElement(l.Popover,{className:m()("slds-popover_prompt",e,t.className),bodyClassName:t.bodyClassName,headingId:c,footer:t.showFooter&&s().createElement(d,{dismissButtonLabel:"Dismiss",actionLinkText:"Learn More",brandButtonLabel:"Save"}),closeButton:!0},s().createElement("div",{className:"slds-media"},t.symbol&&s().createElement("div",{className:"slds-media__figure"},s().createElement("span",{className:"slds-icon_container",title:t.assistiveText},s().createElement(r.A,{className:m()("slds-icon slds-icon_small slds-icon-text-default",t.iconClassName),sprite:"utility",symbol:t.symbol}),s().createElement("span",{className:"slds-assistive-text"},t.assistiveText))),s().createElement("div",{className:"slds-media__body"},s().createElement("h2",{id:c,className:"slds-popover_prompt__heading"},"Prompt title"),s().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))))};e.default=[{context:"Prompt",id:"prompt-default",label:"Prompt – default",element:s().createElement(b,{symbol:"prompt"})}];var f=[{context:"Prompt",id:"top-left",label:"Positioned: top left",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"top-left"})},{context:"Prompt",id:"top-center",label:"Positioned: top center",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"top"})},{context:"Prompt",id:"top-right",label:"Positioned: top right",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"top-right"})},{context:"Prompt",id:"bottom-right",label:"Positioned: bottom right",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom-right"})},{context:"Prompt",id:"bottom-center",label:"Positioned: bottom center",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom"})},{context:"Prompt",id:"bottom-left",label:"Positioned: bottom left",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom-left"})},{context:"Prompt",id:"brand-with-footer",label:"Prompt: branded with footer",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",position:"top",showFooter:!0,className:"slds-popover_brand",iconClassName:"slds-popover__icon"})},{context:"Prompt",id:"brand-without-footer",label:"Prompt: branded without footer",demoStyles:p,storybookStyles:!0,element:s().createElement(b,{symbol:"prompt",position:"top",className:"slds-popover_brand slds-popover_brand-bottom",iconClassName:"slds-popover__icon"})}]}},o={};function n(t){var s=o[t];if(void 0!==s)return s.exports;var r=o[t]={exports:{}};return e[t](r,r.exports,n),r.exports}n.m=e,n.amdO={},t=[],n.O=function(e,o,s,r){if(!o){var l=1/0;for(p=0;p<t.length;p++){o=t[p][0],s=t[p][1],r=t[p][2];for(var i=!0,a=0;a<o.length;a++)(!1&r||l>=r)&&Object.keys(n.O).every(function(t){return n.O[t](o[a])})?o.splice(a--,1):(i=!1,r<l&&(l=r));if(i){t.splice(p--,1);var m=s();void 0!==m&&(e=m)}}return e}r=r||0;for(var p=t.length;p>0&&t[p-1][2]>r;p--)t[p]=t[p-1];t[p]=[o,s,r]},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,{a:e}),e},n.d=function(t,e){for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.j=9605,function(){var t={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,9605:0};n.O.j=function(e){return 0===t[e]};var e=function(e,o){var s,r,l=o[0],i=o[1],a=o[2],m=0;if(l.some(function(e){return 0!==t[e]})){for(s in i)n.o(i,s)&&(n.m[s]=i[s]);if(a)var p=a(n)}for(e&&e(o);m<l.length;m++)r=l[m],n.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return n.O(p)},o=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))}(),n.nc=void 0;var s=n.O(void 0,[6790],function(){return n(4783)});s=n.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/popovers/prompt/example.jsx.js"]=s}();