@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 10.1 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,n,o={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},4774:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return F},getElement:function(){return I}});var o=n(1594),r=n.n(o),i=n(5671),a=n(6547),l=n(806),s=n(9285),c=n(8522),d=n(1766),u=n(942),m=n.n(u),f=[{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 p(e){return p="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},p(e)}function b(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,h(o.key),o)}}function h(e){var t=function(e){if("object"!=p(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function E(e,t){return E=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},E(e,t)}var S="modal-heading-id-01",g=function(e){return r().createElement("div",{className:"slds-coordinates"},r().createElement("div",{className:"slds-coordinates__header"},r().createElement("h2",{className:"slds-coordinates__title"},e.heading)),r().createElement("ul",{className:"slds-coordinates__list"},f.map(function(t,n){return r().createElement("li",{className:"slds-coordinates__item",key:n},r().createElement("span",{className:"slds-assistive-text","aria-live":"polite"},parseInt(e.selection,0)===n?t.title+" is currently selected":null),r().createElement(_,{title:t.title,address:t.address,selected:parseInt(e.selection,0)===n}))})))},_=function(e){return r().createElement("button",{className:"slds-coordinates__item-action slds-button_reset slds-media","aria-pressed":e.selected},r().createElement("span",{className:"slds-media__figure"},r().createElement(c.b$,{symbol:"account"})),r().createElement("span",{className:"slds-media__body"},r().createElement("span",{className:"slds-text-link"},e.title),r().createElement("span",null,e.address)))},O=function(){return r().createElement(d.jl,null,r().createElement("button",{className:"slds-button slds-button_brand"},"Open in Google Maps"))},C=function(e){return r().createElement("div",{className:"slds-map"},!e.hideMap&&r().createElement("iframe",{id:"GoogleMapID",title:"Google Maps iframe",src:"https://sfdc-map.surge.sh/"}))},j=function(e){return r().createElement("div",{className:m()("slds-grid",e.multipleCoordinates&&"slds-has-coordinates")},r().createElement("div",{className:"slds-map_container"},r().createElement(C,{hideMap:e.hideMap})),e.multipleCoordinates&&r().createElement(g,{heading:e.heading,selection:e.selection}))},N=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=v(t),function(e,t){if(t&&("object"==p(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)}(e,y()?Reflect.construct(t,n||[],v(e).constructor):t.apply(e,n))}(this,t,arguments)}return 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&&E(e,t)}(t,e),n=t,(o=[{key:"render",value:function(){var e=this.props,t=e.heading,n=e.multipleCoordinates,o=e.selection,i=e.hideMap,a=e.footer;return r().createElement(d.aF,{className:"slds-modal_medium","aria-labelledby":S},r().createElement(d.rQ,null,r().createElement("h1",{id:S,className:"slds-text-heading_medium slds-hyphenate"},t)),r().createElement(d.$m,{id:"modal-content-id-01"},r().createElement(j,{multipleCoordinates:n,heading:t,selection:o,hideMap:i})),a&&r().createElement(O,null))}}])&&b(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(o.Component),w=N,M=[{id:"default",label:"Default",element:r().createElement(j,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0})}],x=[{id:"multiple-coordinates-item-one-selection",label:"First Coordinate Selected",element:r().createElement(j,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"0"})},{id:"multiple-coordinates-item-two-selection",label:"Second Coordinate Selected",element:r().createElement(j,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,selection:"1"})}],P=[{id:"single-coordinate",label:"In Modal - Single Coordinate - With Footer",element:r().createElement(r().Fragment,null,r().createElement(w,{heading:"Geo Code: 37°48'08.3\"N 122°15'55.2W",footer:!0}),r().createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))},{id:"multiple-coordinates",label:"In Modal - Multiple Coordinates",element:r().createElement(r().Fragment,null,r().createElement(w,{heading:"Salesforce locations in United States (9)",multipleCoordinates:!0,footer:!0}),r().createElement("div",{className:"slds-backdrop slds-backdrop_open",role:"presentation"}))}],A=i.XB.h2,k=i.XB.h3,I=function(){return(0,o.createElement)(i.Ay,{},(0,o.createElement)("div",{className:"lead doc"},"A map component is used to find a location"),A({id:"Base"},"Base"),(0,o.createElement)(a.A,null,(0,l.NO)(M)),k({id:"Mobile"},"Mobile"),(0,o.createElement)(s.s9,{patternSpecificText:"maps will have increased header text size along with other small adjustments"}),(0,o.createElement)(a.A,{frameOnly:!0,frameTitle:"Example mobile styles for maps"},(0,l.NO)(M)),A({id:"States"},"States"),k({id:"First-Coordinate-Selected"},"First Coordinate Selected"),(0,o.createElement)(a.A,null,(0,l.NO)(x,"multiple-coordinates-item-one-selection")),k({id:"Second-Coordinate-Selected"},"Second Coordinate Selected"),(0,o.createElement)(a.A,null,(0,l.NO)(x,"multiple-coordinates-item-two-selection")),A({id:"Examples"},"Examples"),k({id:"In-Modal-Single-Coordinate-With-Footer"},"In Modal - Single Coordinate With Footer"),(0,o.createElement)(a.A,{isViewport:!0,demoStyles:"height: 660px;"},(0,l.NO)(P,"single-coordinate")),k({id:"In-Modal-Multiple-Coordinates-With-Footer"},"In Modal - Multiple Coordinates With Footer"),(0,o.createElement)(a.A,{isViewport:!0,demoStyles:"height: 660px;"},(0,l.NO)(P,"multiple-coordinates")))},F=function(){return(0,i.Qr)(I())}},5206:function(e){e.exports=ReactDOM}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={id:e,exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,i.amdO={},e=[],i.O=function(t,n,o,r){if(!n){var a=1/0;for(d=0;d<e.length;d++){n=e[d][0],o=e[d][1],r=e[d][2];for(var l=!0,s=0;s<n.length;s++)(!1&r||a>=r)&&Object.keys(i.O).every(function(e){return i.O[e](n[s])})?n.splice(s--,1):(l=!1,r<a&&(a=r));if(l){e.splice(d--,1);var c=o();void 0!==c&&(t=c)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,o,r]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var r=Object.create(null);i.r(r);var a={};t=t||[null,n({}),n([]),n(n)];for(var l=2&o&&e;("object"==typeof l||"function"==typeof l)&&!~t.indexOf(l);l=n(l))Object.getOwnPropertyNames(l).forEach(function(t){a[t]=function(){return e[t]}});return a.default=function(){return e},i.d(r,a),r},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.e=function(){return Promise.resolve()},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=2391,function(){var e={2391:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,r,a=n[0],l=n[1],s=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(o in l)i.o(l,o)&&(i.m[o]=l[o]);if(s)var d=s(i)}for(t&&t(n);c<a.length;c++)r=a[c],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(d)},n=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),i.nc=void 0;var a=i.O(void 0,[3540],function(){return i(4774)});a=i.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/map/docs.mdx.js"]=a}();