@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.63 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1187:function(e,t,n){n.r(t),n.d(t,{DynamicMenu:function(){return y},Footer:function(){return h},ListboxList:function(){return v},states:function(){return _}});var l=n(1594),a=n.n(l),s=n(4187),i=n.n(s),o=n(5159),r=n(6185),c=n(538),m=n(6955),u=n(5006),d=n(8347),b=n(806),f=n(3964),v=function(e){var t=e.ariaLabel,n=e.id,l=e.length,s=e.listboxData,i=void 0===s?f.o0:s,o=b.Ay.uniqueId("example-unique-id-");return a().createElement(r.Ay,{id:n||o,snapshot:i,type:"entity",count:l,hideIcons:!0,staticListbox:!0,"aria-label":t})};v.propTypes={ariaLabel:i().string,id:i().string,length:i().number,listboxData:i().object},v.defaultProps={ariaLabel:"My Favorites",length:8};var p=function(e){var t=e.listboxData,n=b.Ay.uniqueId("example-unique-id-"),l=b.Ay.uniqueId("example-unique-id-");return a().createElement(o.Ay,{inputContainerClassName:"slds-m-around_small",id:n,"aria-controls":l,autocomplete:!0,label:"Search",hideLabel:!0,placeholder:"Search Favorites",inputIconPosition:"right",rightInputIcon:a().createElement(c.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a().createElement(v,{id:l,listboxData:t}),resultsType:"listbox",hasInteractions:!0,staticListbox:!0,isOpen:!0})};p.propTypes={listboxData:i().object};var h=function(e){return a().createElement("ul",null,a().createElement("li",null,a().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},a().createElement(d.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Favorite this page")),a().createElement("li",null,a().createElement("button",{className:"slds-button slds-button_reset slds-p-vertical_xx-small slds-size_1-of-1"},a().createElement(d.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"edit"}),"Edit Favorites")))},y=function(e){return a().createElement(u.Popover,{className:"slds-nubbin_top-left slds-dynamic-menu",bodyClassName:"slds-p-horizontal_none",title:"My Favourites",footer:a().createElement(h,null),style:{position:"absolute",left:"-0.5rem",top:"48px"}},e.children)};t.default=[{id:"default",label:"Default",element:a().createElement("div",{className:"demo-only",style:{height:"13rem",position:"relative",marginLeft:"1rem"}},a().createElement(m.A,{className:"slds-button_icon-border-filled",symbol:"favorite",assistiveText:"Show Favorites",title:"Show Favorites"}),a().createElement(y,null,a().createElement("div",{className:"slds-p-vertical_x-small slds-p-horizontal_small"},a().createElement("h3",{className:"slds-dynamic-menu__header slds-m-bottom_x-small",role:"presentation"},"My Favorites"),a().createElement("p",null,"You can favorite any page!"))))}];var _=[{id:"dynamic-menu-0-items",label:"Dynamic Menu — 0 Items",element:a().createElement("div",{className:"demo-only",style:{height:"13rem",position:"relative",marginLeft:"1rem"}},a().createElement(m.A,{className:"slds-button_icon-border-filled",symbol:"favorite",assistiveText:"Show Favorites",title:"Show Favorites"}),a().createElement(y,null,a().createElement("div",{className:"slds-p-vertical_x-small slds-p-horizontal_small"},a().createElement("h3",{className:"slds-dynamic-menu__header slds-m-bottom_x-small",role:"presentation"},"My Favorites"),a().createElement("p",null,"You can favorite any page!"))))},{id:"dynamic-menu-1-item",label:"Dynamic Menu — 1 Item",element:a().createElement("div",{className:"demo-only",style:{height:"14rem",position:"relative",marginLeft:"1rem"}},a().createElement(m.A,{className:"slds-button_icon-border-filled",symbol:"favorite",assistiveText:"Show Favorites",title:"Show Favorites"}),a().createElement(y,null,a().createElement(v,{length:2,listboxData:f.o0})))},{id:"dynamic-menu-sub-10-item",label:"Dynamic Menu — Less Than 10 Items",element:a().createElement("div",{className:"demo-only",style:{height:"28rem",position:"relative",marginLeft:"1rem"}},a().createElement(m.A,{className:"slds-button_icon-border-filled",symbol:"favorite",assistiveText:"Show Favorites",title:"Show Favorites"}),a().createElement(y,null,a().createElement(v,{length:6,listboxData:f.o0})))},{id:"dynamic-menu-over-10-item",label:"Dynamic Menu — Greater Than 10 Items",element:a().createElement("div",{className:"demo-only",style:{height:"38rem",position:"relative",marginLeft:"1rem"}},a().createElement(m.A,{className:"slds-button_icon-border-filled",symbol:"favorite",assistiveText:"Show Favorites",title:"Show Favorites"}),a().createElement(y,null,a().createElement(p,{listboxData:f.o0})))}]},1594:function(e){e.exports=React}},n={};function l(e){var a=n[e];if(void 0!==a)return a.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,l),s.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,a,s){if(!n){var i=1/0;for(m=0;m<e.length;m++){n=e[m][0],a=e[m][1],s=e[m][2];for(var o=!0,r=0;r<n.length;r++)(!1&s||i>=s)&&Object.keys(l.O).every(function(e){return l.O[e](n[r])})?n.splice(r--,1):(o=!1,s<i&&(i=s));if(o){e.splice(m--,1);var c=a();void 0!==c&&(t=c)}}return t}s=s||0;for(var m=e.length;m>0&&e[m-1][2]>s;m--)e[m]=e[m-1];e[m]=[n,a,s]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=5393,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,5393:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,s,i=n[0],o=n[1],r=n[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(a in o)l.o(o,a)&&(l.m[a]=o[a]);if(r)var m=r(l)}for(t&&t(n);c<i.length;c++)s=i[c],l.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return l.O(m)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(1187)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/dynamic-menu/base/example.jsx.js"]=a}();