@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/app-launcher/base/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3308:function(e,t,l){l.d(t,{ButtonIconStateful:function(){return o}});var s=l(1594),n=l.n(s),a=l(4187),r=l.n(a),i=l(6955),o=function(e){return n().createElement(i.A,{"aria-pressed":e["aria-pressed"],assistiveText:e.assistiveText,disabled:e.disabled,selected:e.selected,symbol:e.symbol,theme:e.theme,title:e.title})};o.propTypes={title:r().string.isRequired,symbol:r().string.isRequired,assistiveText:r().string.isRequired,"aria-pressed":r().string,disabled:r().bool,selected:r().bool,theme:r().string},o.defaultProps={"aria-pressed":!1,disabled:!1,selected:!1,theme:null}},7050:function(e,t,l){l.r(t),l.d(t,{AppLauncherModal:function(){return f},AppLauncherTile:function(){return g},Context:function(){return b},appTiles:function(){return y},appTilesDropped:function(){return C},appTilesGrabbed:function(){return S},appTilesMoved:function(){return T},appTilesSearch:function(){return _},itemTiles:function(){return h},searchItemTiles:function(){return v},states:function(){return N}});var s=l(1594),n=l.n(s),a=l(8347),r=l(1766),i=l(9930),o=l(2937),c=l(3308),d=l(4216),u=l(942),m=l.n(u),p="height: 800px;",b=function(e){return n().createElement("div",{style:{height:"800px"}},e.children)},f=function(e){return n().createElement(r.Modal,{className:"slds-modal_large slds-app-launcher","aria-labelledby":"header43"},n().createElement(r.ModalHeader,{className:"slds-grid slds-grid_align-spread slds-grid_vertical-align-center"},n().createElement("h2",{id:"header43",className:"slds-text-heading_medium"},"App launcher"),n().createElement("div",{className:"slds-app-launcher__header-search"},n().createElement("div",{className:"slds-form-element"},n().createElement("label",{htmlFor:"app-launcher-search",className:"slds-form-element__label slds-assistive-text"},"Find an app"),n().createElement("div",{className:"slds-form-element__control slds-input-has-icon slds-input-has-icon_left"},n().createElement(a.A,{className:"slds-input__icon",sprite:"utility",symbol:"search"}),n().createElement("input",{type:"search",className:"slds-input",id:"app-launcher-search",placeholder:"Find an app",defaultValue:e.searchTerm})))),n().createElement("button",{className:"slds-button slds-button_neutral"},"App Exchange")),n().createElement(r.ModalContent,{className:"slds-app-launcher__content slds-p-around_medium"},n().createElement(i.Section,{className:"slds-is-open"},n().createElement(i.SectionTitle,null,n().createElement(i.SectionTitleAction,{isOpen:!0,referenceId:"appsContent"},"All Apps")),n().createElement(i.SectionContent,{isOpen:!0,referenceId:"appsContent"},n().createElement("div",{className:"slds-assistive-text",id:"drag-live-region","aria-live":"assertive"},e.dragDropLiveRegion),n().createElement("ul",{className:"slds-grid slds-grid_pull-padded slds-wrap"},e.appTiles.map(function(e,t){return n().createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3",key:t},n().createElement(g,{figureClass:e.figureClass,grabbed:e.grabbed,objectInitials:e.initials,label:e.label,description:e.description,hasTooltip:e.hasTooltip,tooltipText:e.tooltipText,index:t}))})))),n().createElement("hr",null),n().createElement(i.Section,{className:"slds-is-open"},n().createElement(i.SectionTitle,null,n().createElement(i.SectionTitleAction,{isOpen:!0,referenceId:"itemsContent"},"All Items")),n().createElement(i.SectionContent,{isOpen:!0,referenceId:"itemsContent"},n().createElement("ul",{className:"slds-grid slds-wrap"},e.itemTiles.map(function(e,t){return n().createElement("li",{className:"slds-col_padded slds-p-vertical_xx-small slds-size_1-of-5",key:t},n().createElement("a",{href:"#",className:"slds-truncate",title:e.label,onClick:function(e){return e.preventDefault()}},e.label))}))))))},g=function(e){return n().createElement("div",{draggable:!0,className:m()("slds-app-launcher__tile slds-text-link_reset slds-is-draggable",e.className,{"slds-is-grabbed":e.grabbed})},n().createElement("div",{className:"slds-app-launcher__tile-figure"},n().createElement(o.Avatar,{className:"slds-avatar_large"},n().createElement("abbr",{className:m()("slds-avatar__initials",e.figureClass),title:e.label},e.objectInitials)),n().createElement("div",{className:"slds-m-top_xxx-small"},n().createElement(c.ButtonIconStateful,{"aria-pressed":e.grabbed?"true":"false",assistiveText:"Reorder",selected:e.grabbed,symbol:"rows",title:"Reorder"}))),n().createElement("div",{className:"slds-app-launcher__tile-body"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.label),n().createElement("p",null,e.description," ",e.hasTooltip&&n().createElement("button",{"aria-describedby":"help-".concat(e.index),className:"slds-button slds-button_reset slds-text-link"},"More")),n().createElement(d.Tooltip,{className:m()("slds-nubbin_top-right",{"slds-hide":!e.tooltipText}),id:"help-".concat(e.index),style:{position:"absolute",top:"80px",right:"30px"}},e.tooltipText)))},h=[{label:"Accounts",symbol:"account"},{label:"Announcements",symbol:"announcement"},{label:"Approvals",symbol:"approval"},{label:"Campaigns",symbol:"campaign"},{label:"Cases",symbol:"case"},{label:"Coaching",symbol:"coaching"},{label:"Contacts",symbol:"contact"}],v=[{label:n().createElement("span",null,n().createElement("mark",null,"Sales")," Invoices"),symbol:"account"},{label:n().createElement("span",null,n().createElement("mark",null,"Sales")," Objects"),symbol:"announcement"}],y=[{description:"The primary internal Salesforce org. Used to run our online sales business...",hasTooltip:!0,figureClass:"slds-icon-custom-27",grabbed:!1,initials:"SC",label:"Sales Cloud"},{description:"Salesforce Marketing Cloud lets businesses of any size...",hasTooltip:!0,figureClass:"slds-icon-custom-59",grabbed:!1,initials:"MC",label:"Marketing Cloud"},{description:"Community for managing employee benefits and time off.",hasTooltip:!1,figureClass:"slds-icon-custom-10",grabbed:!1,initials:"HR",label:"HR Concierge"},{description:"Manage your finances across multiple financial platforms...",hasTooltip:!0,figureClass:"slds-icon-custom-6",grabbed:!1,initials:"MM",label:"My Money"},{description:"The key to call center and contact center management is more...",hasTooltip:!0,figureClass:"slds-icon-custom-91",grabbed:!1,initials:"CC",label:"Call Center"},{description:"Areas of Focus are used to track customer support for your...",hasTooltip:!0,figureClass:"slds-icon-custom-50",grabbed:!1,initials:"CS",label:"Customer Support Community"}],_=[{description:"The primary internal Salesforce org. Used to run our...",hasTooltip:!0,figureClass:"slds-icon-custom-27",grabbed:!1,initials:"SC",label:n().createElement("span",null,n().createElement("mark",null,"Sales")," Cloud")}],E=function(e,t,l){var s=e.slice(0);return s.splice(l,0,s.splice(t,1)[0]),s},S=y.slice(0);S[0]=Object.assign({},S[0],{grabbed:!0});var T=E(y,0,2);T[2]=Object.assign({},T[2],{grabbed:!0});var C=E(y,0,3),x=n().createElement(r.Backdrop,null,n().createElement(f,{appTiles:y,dragDropLiveRegion:"",itemTiles:h}));t.default=x;var N=[{id:"default",label:"Default",demoStyles:p,storybookStyles:!0,element:x},{id:"grabbed",label:"Tile grabbed",demoStyles:p,storybookStyles:!0,element:n().createElement(r.Backdrop,null,n().createElement(f,{appTiles:S,dragDropLiveRegion:"Sales Cloud: current position 1 of 6. Use the up and down arrows to move this app",grabbed:!0,itemTiles:h}))},{id:"moved",label:"Tile moved in list",demoStyles:p,storybookStyles:!0,element:n().createElement(r.Backdrop,null,n().createElement(f,{appTiles:T,dragDropLiveRegion:"Sales Cloud: new position 3 of 6.",itemTiles:h}))},{id:"dropped",label:"Tile dropped",demoStyles:p,storybookStyles:!0,element:n().createElement(r.Backdrop,null,n().createElement(f,{appTiles:C,dragDropLiveRegion:"Sales Cloud: final position 4 of 6.",itemTiles:h}))},{id:"search",label:"Search",demoStyles:p,storybookStyles:!0,element:n().createElement(r.Backdrop,null,n().createElement(f,{appTiles:_,dragDropLiveRegion:"",itemTiles:v,searchTerm:"sales"}))},{id:"tooltip",label:"Tooltip",demoStyles:"width: 360px; height: 13rem; position: relative; padding: 0;",storybookStyles:!0,element:n().createElement(g,{figureClass:"slds-icon-custom-27",objectInitials:"SC",label:"Sales Cloud",description:"The primary internal Salesforce org. Used to run our online sales business...",hasTooltip:!0,tooltipText:"The primary internal Salesforce org. Used to run our online sales business and manage accounts.",index:"x"})}]},9930:function(e,t,l){l.d(t,{Section:function(){return o},SectionContent:function(){return c},SectionTitle:function(){return d},SectionTitleAction:function(){return u}});var s=l(1594),n=l.n(s),a=l(8347),r=l(942),i=l.n(r),o=function(e){return n().createElement("div",{className:i()("slds-section",e.className)},e.children)},c=function(e){return n().createElement("div",{hidden:!e.isOpen,className:i()("slds-section__content",e.className),id:e.referenceId},e.children)},d=function(e){return n().createElement("h3",{className:i()("slds-section__title",e.className)},e.children)},u=function(e){return n().createElement("button",{"aria-controls":e.referenceId,"aria-expanded":e.isOpen?"true":"false",className:"slds-button slds-section__title-action"},n().createElement(a.A,{className:"slds-section__title-action-icon slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"switch"}),n().createElement("span",{className:"slds-truncate",title:e.children},e.children))}}},l={};function s(e){var n=l[e];if(void 0!==n)return n.exports;var a=l[e]={exports:{}};return t[e](a,a.exports,s),a.exports}s.m=t,s.amdO={},e=[],s.O=function(t,l,n,a){if(!l){var r=1/0;for(d=0;d<e.length;d++){l=e[d][0],n=e[d][1],a=e[d][2];for(var i=!0,o=0;o<l.length;o++)(!1&a||r>=a)&&Object.keys(s.O).every(function(e){return s.O[e](l[o])})?l.splice(o--,1):(i=!1,a<r&&(r=a));if(i){e.splice(d--,1);var c=n();void 0!==c&&(t=c)}}return t}a=a||0;for(var d=e.length;d>0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[l,n,a]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var l in t)s.o(t,l)&&!s.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=3402,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3402:0,3670:0,4064:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,a,r=l[0],i=l[1],o=l[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(n in i)s.o(i,n)&&(s.m[n]=i[n]);if(o)var d=o(s)}for(t&&t(l);c<r.length;c++)a=r[c],s.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return s.O(d)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),s.nc=void 0;var n=s.O(void 0,[6790],function(){return s(7050)});n=s.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/app-launcher/base/example.jsx.js"]=n}();