@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 10.2 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5976:function(e,t,n){n.r(t),n.d(t,{ComboboxWithDialog:function(){return y},examples:function(){return _},states:function(){return v}});var l=n(1594),o=n.n(l),i=n(5159),a=n(538),s=n(806),r=n(5006),c=n(9825),u=n(2711),d=n(3589),m="popover-unique-id-01",p="popover-unique-id-02",b="popover-unique-id-03",h="popover-unique-id-04",g="popover-unique-id-05",E="popover-unique-id-06",x="popover-unique-id-07",f="Dialog",y=function(){var e=s.Ay.uniqueId("popover-id-");return o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":e,label:"Languages",selectOnly:!0,inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:e,title:"Language Options",isFullWidth:!0,isHidden:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,null),o().createElement(c.Button,null))},o().createElement("div",null,"Any content can go here in this Dialog"))})};t.default=[{context:f,id:"".concat(f.toLowerCase(),"-default"),label:"".concat(f," default"),element:o().createElement(y,null)}];var v=[{context:f,id:"open",label:"Open",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":m,label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:m,title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement("div",null,"Any content can go here in this Dialog"))})}],_=[{context:f,id:"with-checkbox-group",label:"With Checkbox Group",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":p,label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:p,title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German"}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English"}),o().createElement(d.Checkbox,{label:"Spanish"})))})},{context:f,id:"selecting-options",label:"Selecting Options",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":b,label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:b,title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German",checked:!0}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),o().createElement(d.Checkbox,{label:"Spanish"})))})},{context:f,id:"open-one-option-selected",label:"Open - One Option Selected ",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":h,label:"Languages",selectOnly:!0,isOpen:!0,value:"German",inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:h,title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German",checked:!0}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English"}),o().createElement(d.Checkbox,{label:"Spanish"})))})},{context:f,id:"closed-one-option-selected",label:"Closed - One Option Selected",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":g,label:"Languages",selectOnly:!0,value:"German",inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:g,title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German",checked:!0}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English"}),o().createElement(d.Checkbox,{label:"Spanish"})))})},{context:f,id:"open-two-or-more-options-selected",label:"Open - Two or More Options Selected",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":E,label:"Languages",selectOnly:!0,isOpen:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:E,title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German",checked:!0}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),o().createElement(d.Checkbox,{label:"Spanish"})))})},{context:f,id:"closed-two-or-more-options-selected",label:"Closed - Two or More Options Selected",element:o().createElement(i.Ay,{id:s.Ay.uniqueId("combobox-id-"),"aria-controls":x,label:"Languages",selectOnly:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:o().createElement(a.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:o().createElement(r.Popover,{popoverId:x,title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:o().createElement(o().Fragment,null,o().createElement(c.Button,{isNeutral:!0},"Cancel"),o().createElement(c.Button,{isBrand:!0},"Done"))},o().createElement(u.LB,{label:"Select up to 2"},o().createElement(d.Checkbox,{label:"English"}),o().createElement(d.Checkbox,{label:"German",checked:!0}),o().createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),o().createElement(d.Checkbox,{label:"Spanish"})))})}]}},n={};function l(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,l),i.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,o,i){if(!n){var a=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],i=e[u][2];for(var s=!0,r=0;r<n.length;r++)(!1&i||a>=i)&&Object.keys(l.O).every(function(e){return l.O[e](n[r])})?n.splice(r--,1):(s=!1,i<a&&(a=i));if(s){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,o,i]},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=8408,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,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8408:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,i,a=n[0],s=n[1],r=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(o in s)l.o(s,o)&&(l.m[o]=s[o]);if(r)var u=r(l)}for(t&&t(n);c<a.length;c++)i=a[c],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(u)},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 o=l.O(void 0,[6790],function(){return l(5976)});o=l.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/combobox/dialog/example.jsx.js"]=o}();