@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.33 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/popovers/prompt/example.jsx.js"]=function(t){function e(e){for(var s,l,a=e[0],i=e[1],p=e[2],c=0,d=[];c<a.length;c++)l=a[c],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&d.push(n[l][0]),n[l]=0;for(s in i)Object.prototype.hasOwnProperty.call(i,s)&&(t[s]=i[s]);for(m&&m(e);d.length;)d.shift()();return r.push.apply(r,p||[]),o()}function o(){for(var t,e=0;e<r.length;e++){for(var o=r[e],s=!0,a=1;a<o.length;a++){var i=o[a];0!==n[i]&&(s=!1)}s&&(r.splice(e--,1),t=l(l.s=o[0]))}return t}var s={},n={122:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function l(e){if(s[e])return s[e].exports;var o=s[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,l),o.l=!0,o.exports}l.m=t,l.c=s,l.d=function(t,e,o){l.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},l.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.t=function(t,e){if(1&e&&(t=l(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(l.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)l.d(o,s,function(e){return t[e]}.bind(null,s));return o},l.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return l.d(e,"a",e),e},l.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},l.p="/assets/scripts/bundle/";var a=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],i=a.push.bind(a);a.push=e,a=a.slice();for(var p=0;p<a.length;p++)e(a[p]);var m=i;return r.push([588,0]),o()}({0:function(t,e){t.exports=React},14:function(t,e){t.exports=ReactDOM},588:function(t,e,o){"use strict";o.r(e),o.d(e,"demoHeight",(function(){return m})),o.d(e,"Footer",(function(){return d})),o.d(e,"Icon",(function(){return u})),o.d(e,"Prompt",(function(){return b})),o.d(e,"examples",(function(){return f}));var s=o(0),n=o.n(s),r=o(8),l=o(33),a=o(6),i=o(2),p=o.n(i),m="height: 13rem;",c=a.d.uniqueId("dialog-heading-id-"),d=function(t){return n.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},t.dismissButtonLabel&&n.a.createElement("button",{className:"slds-button slds-button_neutral slds-col_bump-right"},t.dismissButtonLabel),t.actionLinkText&&n.a.createElement("span",{className:"slds-popover_prompt__action-link"},n.a.createElement("a",{href:"#",className:"slds-button"},t.actionLinkText)),t.brandButtonLabel&&n.a.createElement("button",{className:"slds-button slds-button_brand"},t.brandButtonLabel))},u=function(t){return n.a.createElement("div",{className:"slds-media__figure"},n.a.createElement("span",{className:"slds-icon_container",title:"description of icon when needed"},n.a.createElement(r.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:"prompt"}),n.a.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 n.a.createElement(l.Popover,{className:p()("slds-popover_prompt",e,t.className),bodyClassName:t.bodyClassName,headingId:c,footer:t.showFooter&&n.a.createElement(d,{dismissButtonLabel:"Dismiss",actionLinkText:"Learn More",brandButtonLabel:"Save"}),closeButton:!0},n.a.createElement("div",{className:"slds-media"},t.symbol&&n.a.createElement("div",{className:"slds-media__figure"},n.a.createElement("span",{className:"slds-icon_container",title:t.assistiveText},n.a.createElement(r.a,{className:p()("slds-icon slds-icon_small slds-icon-text-default",t.iconClassName),sprite:"utility",symbol:t.symbol}),n.a.createElement("span",{className:"slds-assistive-text"},t.assistiveText))),n.a.createElement("div",{className:"slds-media__body"},n.a.createElement("h2",{id:c,className:"slds-popover_prompt__heading"},"Prompt title"),n.a.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:n.a.createElement(b,{symbol:"prompt"})}];var f=[{context:"Prompt",id:"top-left",label:"Positioned: top left",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"top-left"})},{context:"Prompt",id:"top-center",label:"Positioned: top center",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"top"})},{context:"Prompt",id:"top-right",label:"Positioned: top right",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"top-right"})},{context:"Prompt",id:"bottom-right",label:"Positioned: bottom right",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom-right"})},{context:"Prompt",id:"bottom-center",label:"Positioned: bottom center",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom"})},{context:"Prompt",id:"bottom-left",label:"Positioned: bottom left",demoStyles:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",showFooter:!0,position:"bottom-left"})},{context:"Prompt",id:"brand-with-footer",label:"Prompt: branded with footer",demoStyles:m,storybookStyles:!0,element:n.a.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:m,storybookStyles:!0,element:n.a.createElement(b,{symbol:"prompt",position:"top",className:"slds-popover_brand slds-popover_brand-bottom",iconClassName:"slds-popover__icon"})}]}});