UNPKG

@salesforce-ux/design-system

Version:
1 lines 8.25 kB
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/map/base/example.jsx.js"]=function(e){function t(t){for(var r,l,s=t[0],i=t[1],c=t[2],u=0,p=[];u<s.length;u++)l=s[u],Object.prototype.hasOwnProperty.call(a,l)&&a[l]&&p.push(a[l][0]),a[l]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);for(d&&d(t);p.length;)p.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,s=1;s<n.length;s++){var i=n[s];0!==a[i]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=n[0]))}return e}var r={},a={102:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,104:0,128:0,132:0,136:0,141:0,143:0},o=[];function l(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=r,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(n,r,function(t){return e[t]}.bind(null,r));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],i=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var d=i;return o.push([706,0]),n()}({0:function(e,t){e.exports=React},706:function(e,t,n){"use strict";n.r(t),n.d(t,"Context",(function(){return O})),n.d(t,"states",(function(){return C})),n.d(t,"examples",(function(){return N}));var r=n(0),a=n.n(r),o=n(26),l=n(23),s=n(2),i=n.n(s),c=[{title:"Worldwide Corporate Headquarters",address:"The Landmark @ One Market, San Francisco, CA"},{title:"salesforce.com inc Atlanta",address:"950 East Paces Ferry Road NE, Atlanta, GA"},{title:"salesforce.com inc Bellevue",address:"929 108th Ave NE, Bellevue, WA"},{title:"salesforce.com inc Boston",address:"500 Boylston Street 19th Floor, Boston, MA"},{title:"salesforce.com inc Chicago",address:"111 West Illinois Street, Chicago, IL"},{title:"salesforce.com inc Herndon",address:"2550 Wasser Terrace, Herndon, VA"},{title:"salesforce.com inc Hillsboro",address:"2035 NE Cornelius Pass Road, Hillsboro, OR"},{title:"salesforce.com inc Indy",address:"111 Monument Circle, Indianapolis, IN"},{title:"salesforce.com inc Irvine",address:"300 Spectrum Center Drive, Irvine, CA"}];function d(e){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y(e);if(t){var a=y(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return h(this,n)}}function h(e,t){if(t&&("object"===d(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var b=function(e){return a.a.createElement("div",{className:"slds-coordinates"},a.a.createElement("div",{className:"slds-coordinates__header"},a.a.createElement("h2",{className:"slds-coordinates__title"},e.heading)),a.a.createElement("ul",{className:"slds-coordinates__list"},c.map((function(t,n){return a.a.createElement("li",{className:"slds-coordinates__item",key:n},a.a.createElement("span",{className:"slds-assistive-text","aria-live":"polite"},parseInt(e.selection,0)===n?t.title+" is currently selected":null),a.a.createElement(v,{title:t.title,address:t.address,selected:parseInt(e.selection,0)===n}))}))))},v=function(e){return a.a.createElement("button",{className:"slds-coordinates__item-action slds-button_reset slds-media","aria-pressed":e.selected},a.a.createElement("span",{className:"slds-media__figure"},a.a.createElement(o.StandardIcon,{symbol:"account"})),a.a.createElement("span",{className:"slds-media__body"},a.a.createElement("span",{className:"slds-text-link"},e.title),a.a.createElement("span",null,e.address)))},_=function(){return a.a.createElement(l.ModalFooter,null,a.a.createElement("button",{className:"slds-button slds-button_brand"},"Open in Google Maps"))},E=function(e){return a.a.createElement("div",{className:"slds-map"},!e.hideMap&&a.a.createElement("iframe",{id:"GoogleMapID",title:"Google Maps iframe",src:"https://sfdc-map.surge.sh/"}))},g=function(e){return a.a.createElement("div",{className:i()("slds-grid",e.multipleCoordinates&&"slds-has-coordinates")},a.a.createElement("div",{className:"slds-map_container"},a.a.createElement(E,{hideMap:e.hideMap})),e.multipleCoordinates&&a.a.createElement(b,{heading:e.heading,selection:e.selection}))},S=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(s,e);var t,n,r,o=m(s);function s(){return u(this,s),o.apply(this,arguments)}return t=s,(n=[{key:"render",value:function(){var e=this.props,t=e.heading,n=e.multipleCoordinates,r=e.selection,o=e.hideMap,s=e.footer;return a.a.createElement(l.Modal,{className:"slds-modal_medium","aria-labelledby":"modal-heading-id-01"},a.a.createElement(l.ModalHeader,null,a.a.createElement("h1",{id:"modal-heading-id-01",className:"slds-text-heading_medium slds-hyphenate"},t)),a.a.createElement(l.ModalContent,{id:"modal-content-id-01"},a.a.createElement(g,{multipleCoordinates:n,heading:t,selection:r,hideMap:o})),s&&a.a.createElement(_,null))}}])&&p(t.prototype,n),r&&p(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(r.Component),O=function(e){return a.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"660px"}},e.children)},C=(t.default=[{id:"default",label:"Default",element:a.a.createElement(g,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0})}],[{id:"multiple-coordinates-item-one-selection",label:"First Coordinate Selected",element:a.a.createElement(g,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"0"})},{id:"multiple-coordinates-item-two-selection",label:"Second Coordinate Selected",element:a.a.createElement(g,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"1"})}]),N=[{id:"single-coordinate",label:"In Modal - Single Coordinate - With Footer",element:a.a.createElement(a.a.Fragment,null,a.a.createElement(S,{heading:"Geo Code: 37°48'08.3\"N 122°15'55.2W",footer:!0}),a.a.createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))},{id:"multiple-coordinates",label:"In Modal - Multiple Coordinates",element:a.a.createElement(a.a.Fragment,null,a.a.createElement(S,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,footer:!0}),a.a.createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))}]}});