@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 10.4 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/combobox/dialog/example.jsx.js"]=function(e){function t(t){for(var a,i,s=t[0],u=t[1],r=t[2],c=0,p=[];c<s.length;c++)i=s[c],n[i]&&p.push(n[i][0]),n[i]=0;for(a in u)Object.prototype.hasOwnProperty.call(u,a)&&(e[a]=u[a]);for(d&&d(t);p.length;)p.shift()();return o.push.apply(o,r||[]),l()}function l(){for(var e,t=0;t<o.length;t++){for(var l=o[t],a=!0,s=1;s<l.length;s++){var u=l[s];0!==n[u]&&(a=!1)}a&&(o.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={105:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},o=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],u=s.push.bind(s);s.push=t,s=s.slice();for(var r=0;r<s.length;r++)t(s[r]);var d=u;return o.push([174,0]),l()}({0:function(e,t){e.exports=React},174:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.ComboboxWithDialog=void 0;var a=c(l(0)),n=c(l(16)),o=l(6),i=c(l(5)),s=l(12),u=l(8),r=l(7),d=l(14);function c(e){return e&&e.__esModule?e:{default:e}}var p=t.ComboboxWithDialog=function(e){var t=i.default.uniqueId("popover-id-");return a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":t,label:"Languages",readonly:!0,inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:t,title:"Language Options",isFullWidth:!0,isHidden:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,null),a.default.createElement(u.Button,null))},a.default.createElement("div",null,"Any content can go here in this Dialog"))})};t.default=a.default.createElement(p,null);t.states=[{id:"open",label:"Open",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-01",label:"Languages",readonly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-01",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement("div",null,"Any content can go here in this Dialog"))})}],t.examples=[{id:"with-checkbox-group",label:"With Checkbox Group",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-02",label:"Languages",readonly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-02",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German"}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})},{id:"selecting-options",label:"Selecting Options",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-03",label:"Languages",readonly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-03",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German",checked:!0}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})},{id:"open-one-option-selected",label:"Open - One Option Selected ",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-04",label:"Languages",readonly:!0,isOpen:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-04",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German",checked:!0}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})},{id:"closed-one-option-selected",label:"Closed - One Option Selected",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-05",label:"Languages",readonly:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-05",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German",checked:!0}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})},{id:"open-two-or-more-options-selected",label:"Open - Two or More Options Selected",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-06",label:"Languages",readonly:!0,isOpen:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-06",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German",checked:!0}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})},{id:"closed-two-or-more-options-selected",label:"Closed - Two or More Options Selected",element:a.default.createElement(n.default,{id:i.default.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-07",label:"Languages",readonly:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.default.createElement(o.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:a.default.createElement(s.Popover,{popoverId:"popover-unique-id-07",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.default.createElement(a.default.Fragment,null,a.default.createElement(u.Button,{isNeutral:!0},"Cancel"),a.default.createElement(u.Button,{isBrand:!0},"Done"))},a.default.createElement(r.Fieldset,{label:"Select up to 2"},a.default.createElement(d.Checkbox,{label:"English"}),a.default.createElement(d.Checkbox,{label:"German",checked:!0}),a.default.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.default.createElement(d.Checkbox,{label:"Spanish"})))})}]}});