@salesforce-ux/design-system/__internal/chunked/docs/ui/components/map/docs.mdx.js

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/map/docs.mdx.js"]=function(e){function t(t){for(var o,l,i=t[0],s=t[1],c=t[2],u=0,m=[];u<i.length;u++)l=i[u],Object.prototype.hasOwnProperty.call(r,l)&&r[l]&&m.push(r[l][0]),r[l]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(d&&d(t);m.length;)m.shift()();return a.push.apply(a,c||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],o=!0,i=1;i<n.length;i++){var s=n[i];0!==r[s]&&(o=!1)}o&&(a.splice(t--,1),e=l(l.s=n[0]))}return e}var o={},r={47:0},a=[];function l(t){if(o[t])return o[t].exports;var n=o[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=o,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 o in e)l.d(n,o,function(t){return e[t]}.bind(null,o));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 i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],s=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=s;return a.push([739,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},22:function(e,t){e.exports=JSBeautify},739:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return k})),n.d(t,"getContents",(function(){return F}));var o=n(0),r=n.n(o),a=n(4),l=n(2),i=n(1),s=n(39),c=n(35),d=n(21),u=n(5),m=n.n(u),p=[{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 f(e){return(f="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 b(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function E(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,o=g(e);if(t){var r=g(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return S(this,n)}}function S(e,t){if(t&&("object"===f(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 g(e){return(g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var v=function(e){return r.a.createElement("div",{className:"slds-coordinates"},r.a.createElement("div",{className:"slds-coordinates__header"},r.a.createElement("h2",{className:"slds-coordinates__title"},e.heading)),r.a.createElement("ul",{className:"slds-coordinates__list"},p.map((function(t,n){return r.a.createElement("li",{className:"slds-coordinates__item",key:n},r.a.createElement("span",{className:"slds-assistive-text","aria-live":"polite"},parseInt(e.selection,0)===n?t.title+" is currently selected":null),r.a.createElement(_,{title:t.title,address:t.address,selected:parseInt(e.selection,0)===n}))}))))},_=function(e){return r.a.createElement("button",{className:"slds-coordinates__item-action slds-button_reset slds-media","aria-pressed":e.selected},r.a.createElement("span",{className:"slds-media__figure"},r.a.createElement(c.a,{symbol:"account"})),r.a.createElement("span",{className:"slds-media__body"},r.a.createElement("span",{className:"slds-text-link"},e.title),r.a.createElement("span",null,e.address)))},O=function(){return r.a.createElement(d.d,null,r.a.createElement("button",{className:"slds-button slds-button_brand"},"Open in Google Maps"))},j=function(e){return r.a.createElement("div",{className:"slds-map"},!e.hideMap&&r.a.createElement("iframe",{id:"GoogleMapID",title:"Google Maps iframe",src:"https://sfdc-map.surge.sh/"}))},C=function(e){return r.a.createElement("div",{className:m()("slds-grid",e.multipleCoordinates&&"slds-has-coordinates")},r.a.createElement("div",{className:"slds-map_container"},r.a.createElement(j,{hideMap:e.hideMap})),e.multipleCoordinates&&r.a.createElement(v,{heading:e.heading,selection:e.selection}))},M=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&&y(e,t)}(l,e);var t,n,o,a=E(l);function l(){return b(this,l),a.apply(this,arguments)}return t=l,(n=[{key:"render",value:function(){var e=this.props,t=e.heading,n=e.multipleCoordinates,o=e.selection,a=e.hideMap,l=e.footer;return r.a.createElement(d.b,{className:"slds-modal_medium","aria-labelledby":"modal-heading-id-01"},r.a.createElement(d.e,null,r.a.createElement("h1",{id:"modal-heading-id-01",className:"slds-text-heading_medium slds-hyphenate"},t)),r.a.createElement(d.c,{id:"modal-content-id-01"},r.a.createElement(C,{multipleCoordinates:n,heading:t,selection:o,hideMap:a})),l&&r.a.createElement(O,null))}}])&&h(t.prototype,n),o&&h(t,o),Object.defineProperty(t,"prototype",{writable:!1}),l}(o.Component),w=[{id:"default",label:"Default",element:r.a.createElement(C,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0})}],N=[{id:"multiple-coordinates-item-one-selection",label:"First Coordinate Selected",element:r.a.createElement(C,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"0"})},{id:"multiple-coordinates-item-two-selection",label:"Second Coordinate Selected",element:r.a.createElement(C,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"1"})}],x=[{id:"single-coordinate",label:"In Modal - Single Coordinate - With Footer",element:r.a.createElement(r.a.Fragment,null,r.a.createElement(M,{heading:"Geo Code: 37°48'08.3\"N 122°15'55.2W",footer:!0}),r.a.createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))},{id:"multiple-coordinates",label:"In Modal - Multiple Coordinates",element:r.a.createElement(r.a.Fragment,null,r.a.createElement(M,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,footer:!0}),r.a.createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))}],P=a.c.h2,I=a.c.h3,k=function(){return Object(o.createElement)(a.b,{},Object(o.createElement)("div",{className:"lead doc"},"A map component is used to find a location"),P({id:"Base"},"Base"),Object(o.createElement)(l.a,null,Object(i.f)(w)),I({id:"Mobile"},"Mobile"),Object(o.createElement)(s.a,{patternSpecificText:"maps will have increased header text size along with other small adjustments"}),Object(o.createElement)(l.a,{frameOnly:!0,frameTitle:"Example mobile styles for maps"},Object(i.f)(w)),P({id:"States"},"States"),I({id:"First-Coordinate-Selected"},"First Coordinate Selected"),Object(o.createElement)(l.a,null,Object(i.f)(N,"multiple-coordinates-item-one-selection")),I({id:"Second-Coordinate-Selected"},"Second Coordinate Selected"),Object(o.createElement)(l.a,null,Object(i.f)(N,"multiple-coordinates-item-two-selection")),P({id:"Examples"},"Examples"),I({id:"In-Modal-Single-Coordinate-With-Footer"},"In Modal - Single Coordinate With Footer"),Object(o.createElement)(l.a,{isViewport:!0,demoStyles:"height: 660px;"},Object(i.f)(x,"single-coordinate")),I({id:"In-Modal-Multiple-Coordinates-With-Footer"},"In Modal - Multiple Coordinates With Footer"),Object(o.createElement)(l.a,{isViewport:!0,demoStyles:"height: 660px;"},Object(i.f)(x,"multiple-coordinates")))},F=function(){return Object(a.a)(k())}}});