@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 68 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/docs/ui/components/expression/docs.mdx.js"]=function(e){function t(t){for(var a,o,i=t[0],r=t[1],d=t[2],c=0,m=[];c<i.length;c++)o=i[c],n[o]&&m.push(n[o][0]),n[o]=0;for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);for(u&&u(t);m.length;)m.shift()();return s.push.apply(s,d||[]),l()}function l(){for(var e,t=0;t<s.length;t++){for(var l=s[t],a=!0,i=1;i<l.length;i++){var r=l[i];0!==n[r]&&(a=!1)}a&&(s.splice(t--,1),e=o(o.s=l[0]))}return e}var a={},n={14:0},s=[];function o(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,o),l.l=!0,l.exports}o.m=e,o.c=a,o.d=function(e,t,l){o.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},o.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],r=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var u=r;return s.push([230,0]),l()}({0:function(e,t){e.exports=React},224:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.ExpressionNarrow=t.ExpressionNarrowGroup=t.ExpressionNarrowFooter=void 0;var a=u(l(0)),n=l(40),s=u(l(4)),o=u(l(3)),i=l(14),r=l(44),d=u(l(2));function u(e){return e&&e.__esModule?e:{default:e}}var c=function(e){return a.default.createElement("div",{className:"demo-only",style:{maxWidth:"320px",overflow:"hidden"}},e.children)};c.propTypes={children:d.default.node};var m=t.ExpressionNarrowFooter=function(e){return a.default.createElement("div",{className:"slds-m-top_small"},a.default.createElement(i.Button,{isNeutral:!0},a.default.createElement(s.default,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Condition"),e.hasGroup&&a.default.createElement(i.Button,{isNeutral:!0},a.default.createElement(s.default,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Group"))};m.propTypes={hasGroup:d.default.bool};var f=t.ExpressionNarrowGroup=function(e){return a.default.createElement("div",{className:"slds-filters__group"},a.default.createElement("div",{className:"slds-grid slds-grid_align-spread"},a.default.createElement("span",null,a.default.createElement("strong",null,"AND")),a.default.createElement("span",{className:"slds-assistive-text"},"Condition Group 1"),a.default.createElement(o.default,{className:"slds-button_icon slds-button_icon-small",iconClassName:"slds-button__icon_hint",symbol:"delete",assistiveText:"Remove Group",title:"Remove Group"})),a.default.createElement(n.ExpressionOptions,{isInFilter:!0,optionSelected:e.optionSelected}),a.default.createElement("ol",null,a.default.createElement(r.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"')),a.default.createElement(m,null))};f.propTypes={optionSelected:d.default.string};var p=t.ExpressionNarrow=function(e){return a.default.createElement(c,null,a.default.createElement(r.Filters,null,a.default.createElement("h2",{className:"slds-text-heading_small"},"Conditions"),a.default.createElement("div",{className:"slds-m-vertical_small"},a.default.createElement(n.ExpressionOptions,{isInFilter:!0,optionSelected:e.optionSelected})),a.default.createElement("ol",{className:"slds-list_vertical slds-list_vertical-space"},a.default.createElement(r.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"'),e.children),a.default.createElement(m,{hasGroup:!0})))};p.propTypes={optionSelected:d.default.string,children:d.default.node},t.default=a.default.createElement(p,null);t.examples=[{id:"with-narrow-expression-group",label:"With Narrow Expression Group",element:a.default.createElement(p,null,a.default.createElement(r.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"),a.default.createElement(r.FilterObjectListItem,null,a.default.createElement(f,null)))},{id:"with-option-selected",label:"With Narrow Expression Group",element:a.default.createElement(p,{optionSelected:"all"},a.default.createElement(r.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"))}]},226:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.ButtonGroupListItem=t.ButtonGroupList=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=u(l(0)),s=u(l(2)),o=l(14),i=u(l(3)),r=l(19),d=u(l(1));function u(e){return e&&e.__esModule?e:{default:e}}var c=t.ButtonGroupList=function(e){return n.default.createElement("ul",a({},e,{className:(0,d.default)("slds-button-group-list",e.className)}),e.children)};c.propTypes={children:s.default.node};var m=t.ButtonGroupListItem=function(e){return n.default.createElement("li",null,e.children)};m.propTypes={children:s.default.node},t.default=n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Save")));t.states=[{id:"disabled",label:"Disabled",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0,disabled:!0},"Save")))},{id:"with-overflow",label:"With Overflow Menu",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Save")),n.default.createElement(m,null,n.default.createElement(r.Trigger,{className:"slds-button_last",ariaExpanded:"false"})))},{id:"with-overflow-open",label:"With Overflow Menu - Open",element:n.default.createElement("div",{className:"demo-only",style:{height:"8.75rem"}},n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Save")),n.default.createElement(m,null,n.default.createElement(r.Trigger,{className:"slds-button_last slds-is-open"},n.default.createElement(r.Menu,{className:"slds-dropdown_right"},n.default.createElement(r.MenuList,null,n.default.createElement(r.MenuItem,{tabIndex:"0"},"Overflow Item One"),n.default.createElement(r.MenuItem,null,"Overflow Item Two"),n.default.createElement(r.MenuItem,null,"Overflow Item Three")))))))},{id:"with-overflow-disabled",label:"With Overflow Menu - Disabled",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isNeutral:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{className:"slds-button_icon-border",assistiveText:"More Actions",disabled:!0,"aria-haspopup":"true",symbol:"down",title:"More Actions"}))))}],t.examples=[{id:"inverse",label:"Inverse",element:n.default.createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{className:"slds-button_icon-border-inverse",assistiveText:"More Actions","aria-haspopup":"true",symbol:"down",title:"More Actions"})))))},{id:"inverse-disabled",label:"Inverse - Disabled",element:n.default.createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0,disabled:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{className:"slds-button_icon-border-inverse",assistiveText:"More Actions","aria-haspopup":"true",symbol:"down",title:"More Actions"})))))},{id:"inverse-overflow",label:"Inverse - With Overflow Menu",element:n.default.createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{className:"slds-button_icon-border-inverse",assistiveText:"More Actions","aria-haspopup":"true",symbol:"down",title:"More Actions"})))))},{id:"inverse-overflow-disabled",label:"Inverse - With Overflow Menu - Disabled",element:n.default.createElement("div",{className:"demo-only",style:{padding:"0.5rem",background:"#16325c"}},n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Refresh")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Edit")),n.default.createElement(m,null,n.default.createElement(o.Button,{isInverse:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{className:"slds-button_icon-border-inverse",assistiveText:"More Actions",disabled:!0,"aria-haspopup":"true",symbol:"down",title:"More Actions"})))))},{id:"button-group-icon",label:"Button Icon Group",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",symbol:"chart",assistiveText:"Charts",title:"Charts","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",symbol:"filterList",assistiveText:"Filter List",title:"Filter List","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-more",hasDropdown:!0,assistiveText:"More Actions",title:"More Actions"})))},{id:"button-group-icon-disabled",label:"Button Icon Group - Disabled",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",symbol:"chart",assistiveText:"Charts",title:"Charts","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",disabled:!0,symbol:"filterList",assistiveText:"Filter List",title:"Filter List","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-more",hasDropdown:!0,assistiveText:"More Actions",title:"More Actions"})))},{id:"button-group-icon-selected",label:"Button Icon Group - Selected",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled slds-is-selected",symbol:"chart",assistiveText:"Charts",title:"Charts","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",symbol:"filterList",assistiveText:"Filter List",title:"Filter List","aria-pressed":"false"})),n.default.createElement(m,null,n.default.createElement(i.default,{className:"slds-button_icon-more",hasDropdown:!0,assistiveText:"More Actions",title:"More Actions"})))},{id:"brand-with-overflow",label:"Brand Button With Overflow Menu",element:n.default.createElement(c,null,n.default.createElement(m,null,n.default.createElement(o.Button,{isBrand:!0},"Save")),n.default.createElement(m,null,n.default.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_click slds-button_last"},n.default.createElement(i.default,{"aria-haspopup":"true",assistiveText:"More Actions",className:"slds-button_icon-brand",symbol:"down",title:"More Actions"}))))}]},227:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.RteTextarea=t.RteClearFormatting=t.RteInsertUser=t.RteInsertContent=t.RteAlignText=t.RteFormatBody=t.RteFormatColor=t.RteFormatText=t.RteFormatFont=t.FontFamilyDropdown=t.RteFormula=t.RteToolbar=t.RichTextEditor=t.Demo=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=g(l(0)),s=l(226),o=g(l(2)),i=g(l(3)),r=g(l(4)),d=l(29),u=l(59),c=l(21),m=l(20),f=l(39),p=l(8),E=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(t[l]=e[l]);return t.default=e,t}(l(57)),b=l(13),h=l(16),x=g(l(1)),v=g(l(5));function g(e){return e&&e.__esModule?e:{default:e}}var y=t.Demo=function(e){return n.default.createElement("div",a({className:(0,x.default)("demo-only",e.className),style:{minHeight:"180px"}},e),e.children)},_=t.RichTextEditor=function(e){return n.default.createElement(b.FormElement,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},n.default.createElement("div",{className:(0,x.default)("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.className)},e.children))};_.propTypes={children:o.default.node.isRequired,errorId:o.default.string,hasError:o.default.bool,inlineMessage:o.default.string,labelContent:o.default.string,labelId:o.default.string};var N=t.RteToolbar=function(e){return n.default.createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:(0,x.default)("slds-rich-text-editor__toolbar slds-shrink-none",e.className)},e.children)},w=(t.RteFormula=function(e){var t=v.default.uniqueId("listbox-id-"),l=v.default.uniqueId("listbox-id-"),a=v.default.uniqueId("primary-combobox-id-"),s=v.default.uniqueId("primary-combobox-id-"),o=v.default.uniqueId("text-input-id-");return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},n.default.createElement(m.ComboboxGroup,{id:v.default.uniqueId("combobox-id-"),"aria-controls":t,comboboxID:a,autocomplete:!0,results:n.default.createElement(c.Listbox,{id:t,snapshot:E.EntityOptions,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:n.default.createElement(f.IconObjectSwitcher,{id:v.default.uniqueId("combobox-id-"),listboxId:v.default.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter resources by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:a}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a resource",hideLabel:!0,label:"Insert a Resource",rightInputIcon:n.default.createElement(p.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})})),n.default.createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},n.default.createElement(m.ComboboxGroup,{id:v.default.uniqueId("combobox-id-"),"aria-controls":l,comboboxID:s,autocomplete:!0,results:n.default.createElement(c.Listbox,{id:l,snapshot:E.EntityOptions,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:n.default.createElement(f.IconObjectSwitcher,{id:v.default.uniqueId("combobox-id-"),listboxId:v.default.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter functions by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:s}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a function",hideLabel:!0,label:"Insert a function",rightInputIcon:n.default.createElement(p.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})})),n.default.createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},n.default.createElement(b.FormElement,{hasHiddenLabel:!0,labelContent:"Insert operator",inputId:o},n.default.createElement(h.Input,{id:o,placeholder:"Insert operator"}))),n.default.createElement("div",{className:"slds-rich-text-editor__col"},n.default.createElement(i.default,{symbol:"help",assistiveText:"Help",title:"Help",size:"medium"})))},t.FontFamilyDropdown=function(e){return n.default.createElement(u.Listbox,{className:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:"family-listbox"},n.default.createElement(u.ListboxItem,null,n.default.createElement(u.Option,{id:"listbox-option-unique-id-01",title:"Times New Roman",focused:e.focused,selected:e.selected,hideIcon:!0})),n.default.createElement(u.ListboxItem,null,n.default.createElement(u.Option,{id:"listbox-option-unique-id-02",title:"Arial",hideIcon:!0})))}),I=function(e){return n.default.createElement(u.Listbox,{className:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:"size-listbox"},n.default.createElement(u.ListboxItem,null,n.default.createElement(u.Option,{id:"listbox-option-unique-id-03",title:"12px",focused:e.focused,selected:e.selected,hideIcon:!0})),n.default.createElement(u.ListboxItem,null,n.default.createElement(u.Option,{id:"listbox-option-unique-id-04",title:"14px",hideIcon:!0})))},T=t.RteFormatFont=function(e){return n.default.createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},n.default.createElement("div",{className:"slds-rich-text-editor__select"},n.default.createElement(u.ComboboxContainer,{className:"slds-size_x-small",id:"font-family",inputIcon:"right",inputIconRightSymbol:"down",value:"Font",label:"Choose a Font",hideLabel:!0,readonly:!0,"aria-controls":"family-listbox",listbox:n.default.createElement(w,null)})),n.default.createElement("div",{className:"slds-rich-text-editor__select"},n.default.createElement(u.ComboboxContainer,{className:"slds-size_xx-small",id:"font-size",inputIcon:"right",inputIconRightSymbol:"down",value:"Size",label:"Choose a Font Size",hideLabel:!0,readonly:!0,"aria-controls":"size-listbox",tabIndex:"-1",listbox:n.default.createElement(I,null)})))},O=t.RteFormatText=function(e){return n.default.createElement(s.ButtonGroupList,{"aria-label":"Format text"},n.default.createElement("li",null,n.default.createElement(i.default,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},C=t.RteFormatColor=function(e){return n.default.createElement(s.ButtonGroupList,{"aria-label":"Format background & text color"},n.default.createElement("li",null,n.default.createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},n.default.createElement(r.default,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),n.default.createElement(r.default,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),n.default.createElement("span",{className:"slds-assistive-text"},"Background Color"))),n.default.createElement("li",null,n.default.createElement("button",{tabIndex:"-1",disabled:e.disabledButtons,className:"slds-button slds-button_icon slds-button_icon-more slds-button_icon-more-filled","aria-haspopup":"true"},n.default.createElement(r.default,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),n.default.createElement(r.default,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),n.default.createElement("span",{className:"slds-assistive-text"},"Text Color"))))},A=t.RteFormatBody=function(e){return n.default.createElement(s.ButtonGroupList,{"aria-label":"Format body"},n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},S=t.RteAlignText=function(e){return n.default.createElement(s.ButtonGroupList,{"aria-label":"Align text"},n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},F=t.RteInsertContent=function(e){return n.default.createElement(s.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},n.default.createElement("li",{role:e.overflow?"presentation":null},n.default.createElement(i.default,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),n.default.createElement("li",{role:e.overflow?"presentation":null},n.default.createElement(i.default,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),n.default.createElement("li",{role:e.overflow?"presentation":null},n.default.createElement(i.default,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},R=t.RteInsertUser=function(e){return n.default.createElement(s.ButtonGroupList,{"aria-label":"Add user"},n.default.createElement("li",null,n.default.createElement(i.default,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"adduser",disabled:e.disabledButtons,assistiveText:"Add User"})))},M=t.RteClearFormatting=function(e){return n.default.createElement(s.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},n.default.createElement("li",{role:e.overflow?"presentation":null},n.default.createElement(i.default,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},L=t.RteTextarea=function(e){return n.default.createElement("div",{className:(0,x.default)(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?n.default.createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-grow"},e.text):n.default.createElement("div",{"aria-describedby":e["aria-describedby"],"aria-label":e.labelId?null:e.label||"Compose text","aria-labelledby":e.labelId,contentEditable:e.disabled?null:"true",suppressContentEditableWarning:!0,className:"slds-rich-text-area__content slds-text-color_weak slds-grow"},e.placeholder))};t.default=n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{placeholder:"Compose text..."})));t.states=[{id:"focused",label:"Focused",element:n.default.createElement(y,null,n.default.createElement(_,{className:"slds-has-focus"},n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{placeholder:"Compose text..."})))},{id:"filled-out",label:"Filled Out",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{text:n.default.createElement(function(e){return n.default.createElement("div",null,n.default.createElement("h1",null,"Heading - h1"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, ",n.default.createElement("strong",null,"strong")," adipisicing elit, sed do ",n.default.createElement("em",null,"emphasis")," tempor incididunt ut ",n.default.createElement("u",null,"underlined")," et dolore"," ",n.default.createElement("s",null,"strikethrough")," aliqua. Ut ",n.default.createElement("sub",null,"subscript")," ad"," ",n.default.createElement("sup",null,"superscript")," veniam, ",n.default.createElement("abbr",null,"quis")," nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ",n.default.createElement("a",{href:"#"},"link")," in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.default.createElement("h2",null,"Heading - h2"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"," ",n.default.createElement("a",{href:"#"},"veryVeryLongWordWithHyperlinkExample")," tempor incididunt ut labore et dolore magna aliqua."),n.default.createElement("ul",null,n.default.createElement("li",null,"Unordered list item",n.default.createElement("ul",null,n.default.createElement("li",null,"Nested Unordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item"),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Nested Unordered list item",n.default.createElement("ul",null,n.default.createElement("li",null,"Nested Unordered list item"),n.default.createElement("li",null,"Nested Unordered list item"))))),n.default.createElement("li",null,"Unordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item"),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Unordered list item")),n.default.createElement("h3",null,"Heading - h3"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.default.createElement("ol",null,n.default.createElement("li",null,"Ordered list item",n.default.createElement("ul",null,n.default.createElement("li",null,"Nested Unordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item"),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Nested Unordered list item",n.default.createElement("ul",null,n.default.createElement("li",null,"Nested Unordered list item"),n.default.createElement("li",null,"Nested Unordered list item"))))),n.default.createElement("li",null,"Ordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item",n.default.createElement("ol",null,n.default.createElement("li",null,"Nested Ordered list item"),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Nested Ordered list item"))),n.default.createElement("li",null,"Ordered list item")),n.default.createElement("ul",null,n.default.createElement("li",null,n.default.createElement("div",null,"List Item with div")),n.default.createElement("li",null,n.default.createElement("div",null,"List Item with div"))),n.default.createElement("ol",null,n.default.createElement("li",null,n.default.createElement("div",null,"List Item with div")),n.default.createElement("li",null,n.default.createElement("div",null,"List Item with div"))),n.default.createElement("h4",null,"Heading - h4"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.default.createElement("dl",null,n.default.createElement("dt",null,"Description List - Term"),n.default.createElement("dd",null,"Description List - Description"),n.default.createElement("dt",null,"Description List - Term"),n.default.createElement("dd",null,"Description List - Description")),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.default.createElement("table",null,n.default.createElement("thead",null,n.default.createElement("tr",null,n.default.createElement("th",null,"Column"),n.default.createElement("th",null,"Column"))),n.default.createElement("tbody",null,n.default.createElement("tr",null,n.default.createElement("td",null,"Row"),n.default.createElement("td",null,"Row")),n.default.createElement("tr",null,n.default.createElement("td",null,"Row"),n.default.createElement("td",null,"Row")))),n.default.createElement("h5",null,"Heading - h5"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.default.createElement("blockquote",null,"Blockquote - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.default.createElement("h6",null,"Heading - h6"),n.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"," ",n.default.createElement("a",{href:"#"},"https://url.com/document/d/1dSOGKlCQtSG73NcSJB7qCJVyjE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/ed")," ","quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."))},null)})))},{id:"error",label:"Error",element:n.default.createElement(y,null,n.default.createElement(_,{className:"slds-has-error",inlineMessage:"This field is required",hasError:!0,errorId:"rte-error-01"},n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{placeholder:"Compose text...","aria-describedby":"rte-error-01"})))},{id:"disabled",label:"Disabled",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,{disabledButtons:!0,disabledLabel:"disabled"},n.default.createElement(O,{tabIndexSetting:"0",disabledButtons:!0}),n.default.createElement(A,{disabledButtons:!0}),n.default.createElement(M,{disabledButtons:!0})),n.default.createElement(L,{placeholder:"Compose text...",disabled:!0})))},{id:"tooltip",label:"Tooltip",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0",hasTooltip:!0}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{placeholder:"Compose text..."}),n.default.createElement(d.Tooltip,{className:"slds-nubbin_top-left",id:"bold",style:{position:"absolute",top:"48px",left:"2px"}},"Bold ",n.default.createElement("kbd",null,"cmd+b"))))}],t.examples=[{id:"bottom-toolbar",label:"Bottom toolbar",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(L,{placeholder:"Compose text..."}),n.default.createElement(N,{className:"slds-rich-text-editor__toolbar_bottom"},n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null))))},{id:"with-label",label:"With a Label",element:n.default.createElement(y,null,n.default.createElement(_,{label:"Details and Steps to Reproduce",labelId:"rich-text-editor-unique-id-01"},n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(M,null)),n.default.createElement(L,{placeholder:"Compose text...",labelId:"rich-text-editor-unique-id-01"})))},{id:"email",label:"Email",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(T,null),n.default.createElement(O,{tabIndexSetting:"-1"}),n.default.createElement(C,null),n.default.createElement(A,null),n.default.createElement(S,null),n.default.createElement(F,null),n.default.createElement(M,null)),n.default.createElement(L,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"toolbar-narrow",label:"Toolbar Narrow",element:n.default.createElement(y,{style:{width:"294px"},className:"slds-region_narrow"},n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(T,null),n.default.createElement(O,{tabIndexSetting:"-1"}),n.default.createElement(C,null),n.default.createElement(A,null),n.default.createElement(S,null),n.default.createElement(F,null),n.default.createElement(M,null)),n.default.createElement(L,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"feed",label:"Feed",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(S,null),n.default.createElement(F,null),n.default.createElement(R,null),n.default.createElement(M,null)),n.default.createElement(L,{label:"Post to feed",placeholder:"Post to feed..."})))},{id:"note",label:"Notes",element:n.default.createElement(y,null,n.default.createElement(_,null,n.default.createElement(N,null,n.default.createElement(O,{tabIndexSetting:"0"}),n.default.createElement(A,null),n.default.createElement(F,null),n.default.createElement(M,null)),n.default.createElement(L,{label:"Compose note",placeholder:"Compose Note..."})))}]},228:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Formula=void 0;var a=r(l(0)),n=r(l(2)),s=l(40),o=l(14),i=l(227);function r(e){return e&&e.__esModule?e:{default:e}}var d=t.Formula=function(e){return a.default.createElement("div",{className:"slds-expression"},a.default.createElement(s.ExpressionOptions,{optionSelected:e.optionSelected}),a.default.createElement("div",{className:"slds-expression_formula__rte"},a.default.createElement(i.RichTextEditor,{label:"Formula"},a.default.createElement(i.RteToolbar,null,a.default.createElement(i.RteFormula,null)),a.default.createElement(i.RteTextarea,{label:"Compose formula",placeholder:"Compose formula..."}))),a.default.createElement("div",{className:"slds-m-top_small"},a.default.createElement(o.Button,{isNeutral:!0},"Check Syntax")))};d.propTypes={optionSelected:n.default.string},t.default=a.default.createElement(d,{optionSelected:"formula"})},229:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.ConditionsOptions={conditionOption1:{name:"All Conditions Are Met"},conditionOption2:{name:"Any Condition Is Met"},conditionOption3:{name:"Custom Logic Is Met"},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True"}},t.ResourceOptions={resourceOption1:{name:"Resource 1"},resourceOption2:{name:"Resource 2"},resourceOption3:{name:"Resource 3"},resourceOption4:{name:"Resource 4"}},t.ResourceSelected={resourceOption1:{name:"Resource 1",selected:!0,focused:!0},resourceOption2:{name:"Resource 2"},resourceOption3:{name:"Resource 3"},resourceOption4:{name:"Resource 4"}},t.OperatorOptions={operatorOption1:{name:"Equals"},operatorOption2:{name:"Does Not Equal"},operatorOption3:{name:"Greater Than"},operatorOption4:{name:"Less Than"}},t.EntityOptions={option1:{name:"Burlington Textiles Corp of America",entityMeta:!0,entityType:"Account",entityField:"Burlington, NC"},option2:{name:"Dickenson plc",entityMeta:!0,entityType:"Account",entityField:"Lawrence, KS"},option3:{name:"Edge Communications",entityMeta:!0,entityType:"Account",entityField:"Austin, TX"},option4:{name:"Express Logistics and Transport",entityMeta:!0,entityType:"Account",entityField:"Portland, OR"},option5:{name:"GenePoint",entityMeta:!0,entityType:"Account",entityField:"Mountain View, CA"},option6:{name:"Grand Hotels & Resorts Ltd",entityMeta:!0,entityType:"Account",entityField:"Chicago, IL"},option7:{name:"Pyramid Construction Inc.",entityMeta:!0,entityType:"Account",entityField:"Paris"},option8:{name:"United Oil & Gas Corp.",entityMeta:!0,entityType:"Account",entityField:"New York, NY"}};var a=t.OptionsAll={conditionOption1:{name:"All Conditions Are Met",selected:!0,focused:!0},conditionOption2:{name:"Any Condition Is Met"},conditionOption3:{name:"Custom Logic Is Met"},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True"}},n=t.OptionsAny={conditionOption1:{name:"All Conditions Are Met"},conditionOption2:{name:"Any Condition Is Met",selected:!0,focused:!0},conditionOption3:{name:"Custom Logic Is Met"},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True"}},s=t.OptionsCustom={conditionOption1:{name:"All Conditions Are Met"},conditionOption2:{name:"Any Condition Is Met"},conditionOption3:{name:"Custom Logic Is Met",selected:!0,focused:!0},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True"}},o=t.OptionsAlways={conditionOption1:{name:"All Conditions Are Met"},conditionOption2:{name:"Any Condition Is Met"},conditionOption3:{name:"Custom Logic Is Met"},conditionOption4:{name:"Always (No Criteria)",selected:!0,focused:!0},conditionOption5:{name:"Formula Evaluates To True"}},i=t.OptionsFormula={conditionOption1:{name:"All Conditions Are Met"},conditionOption2:{name:"Any Condition Is Met"},conditionOption3:{name:"Custom Logic Is Met"},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True",selected:!0,focused:!0}},r=t.OptionsAnyInGroup={conditionOption1:{name:"All Conditions Are Met for This Group"},conditionOption2:{name:"Any Condition Is Met for This Group",selected:!0,focused:!0},conditionOption3:{name:"Custom Logic Is Met for This Group"},conditionOption4:{name:"Always (No Criteria)"},conditionOption5:{name:"Formula Evaluates To True"}};t.OptionSelected={all:{snapshot:a,value:"All Conditions Are Met"},any:{snapshot:n,value:"Any Condition Is Met"},custom:{snapshot:s,value:"Custom Logic Is Met"},always:{snapshot:o,value:"Always (No Criteria)"},formula:{snapshot:i,value:"Formula Evaluates To True"},group:{snapshot:r,value:"Any Condition Is Met in This Group"}}},230:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getContents=t.getElement=void 0;var a=l(0),n=(E(a),l(7)),s=E(n),o=E(l(9)),i=E(l(11)),r=E(l(10)),d=E(l(12)),u=l(40),c=l(228),m=l(224),f=l(44),p=E(l(4));function E(e){return e&&e.__esModule?e:{default:e}}var b=n.factories.a,h=n.factories.code,x=n.factories.em,v=n.factories.h2,g=n.factories.h3,y=n.factories.h4,_=n.factories.li,N=n.factories.ol,w=n.factories.p,I=n.factories.strong,T=n.factories.ul,O=t.getElement=function(){return(0,a.createElement)(s.default,{},(0,a.createElement)("div",{className:"lead doc"},"Expression builders help users declaratively construct logical expressions. These expressions can be used when querying for a filtered set of records, creating rules to control when something executes, or any other conditional logic."),(0,a.createElement)(r.default,{title:"Expression Builder - Base"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",resourceIsSelected:!0}))),w({},"The variants scale from lightweight e-commerce style filtering to declarative rule building, and even to advanced formula or SOQL/SQL expressions."),w({},"We also include size variants to fit a variety of use cases:"),T({},_({},"Use the narrow version for in-context expression building, enabling users to preview their results."),_({},"Use the full width version when expression building is a standalone task, perhaps in a modal.")),v({id:"Accessibility"},"Accessibility"),g({id:"Markup"},"Markup"),w({},"Each row in the expression builder is a ",h({},"<fieldset>")," and is contained in an ",h({},"<li>")," inside of a ",h({},"<ul>"),"."),w({},(0,a.createElement)(i.default,{toggleCode:!1},(0,a.createElement)("ul",null,(0,a.createElement)("li",{className:"slds-expression__row"},(0,a.createElement)("fieldset",null,(0,a.createElement)("legend",{className:"slds-expression__legend"},(0,a.createElement)("span",null,"AND"),(0,a.createElement)("span",{className:"slds-assistive-text"},"Condition N")),(0,a.createElement)("div",{className:"slds-expression__row_inputs"},"{...}")))))),w({},"The first child DOM element of the ",h({},"<fieldset>")," should be the ",h({},"<legend>"),', which includes the logic operator, such as "AND" or "OR", and assistive text describing the current rule, such as "Condition 3".'),(0,a.createElement)(i.default,{toggleCode:!1},(0,a.createElement)("legend",{className:"slds-expression__legend"},(0,a.createElement)("span",null,"AND"),(0,a.createElement)("span",{className:"slds-assistive-text"},"Condition N"))),g({id:"Focus-Management"},"Focus Management"),w({},I({},"Adding")),w({},"When clicking ",h({},"Add Condition"),":"),T({},_({},'Focus should move to the first combobox input in the new rule, labeled "Resource" or something similar')),w({},"When clicking ",h({},"Add Group"),":"),T({},_({},'Focus should move to the mode combobox in the new group, where "All Conditions Are Met For This Group" should be selected by default')),w({},I({},"Deleting")),w({},'When "deleting" the only row:'),T({},_({},"When there is only one row, the delete button is disabled until a Resource is selected."),_({},"If a Resource has been selected, then clicking the delete button resets to the ",b({href:"/components/expression/#Default"},"Default State"),", since there is a one row minimum. This includes:",N({},_({},"Clear any comboboxes or inputs that have been changed from the default"),_({},'Use JavaScript to move focus to the "Resource" combobox input of that same row.'),_({},'Disable the "Operator" and "Value" inputs, as well as the Delete button')))),w({},"When deleting the first row or a middle row:"),T({},_({},"Use JavaScript to move focus to the first combobox input in the ",x({},"next"),' row, labeled "Resource" or something similar.')),w({},"When deleting the last row:"),T({},_({},"Use JavaScript to move focus to the first combobox input in the ",x({},"previous"),' row, labeled "Resource" or something similar.')),v({id:"Default"},"Default"),w({},'By default, the expression builder starts with one condition. The default option for the mode combobox is "All Conditions Are Met". Until a Resource is selected, the Operator and Value fields, as well as the Delete button, are disabled.'),w({},"The expression builder has a one row minimum requirement. Therefore, clicking the delete button on a single row will only clear any populated values from the inputs."),(0,a.createElement)(d.default,{header:"Label Note",type:"note"},'Be sure to show labels above all inputs. By default "Take Action When" is the label for the mode combobox. However, this should be updated based on the product or persona to best match the use case. Similarly, use “Resource”, “Operator”, and “Value” as labels in each row, but, when relevant, replace “Resource” with a more specific label for your use case (e.g. “Field”).'),g({id:"Initial-State"},"Initial State"),w({},"Since the options in the Operator field and the type of component used for the Value field are dependent on the Resource selected, the Operator and Value Fields are disabled in the initial state until a Resource is selected. The Delete button is also disabled until a Resource is selected."),(0,a.createElement)(r.default,{title:"Expression Builder - Initial Disabled State"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",inputIsDisabled:!0,buttonIsDisabled:!0}))),g({id:"Resource-Selected"},"Resource Selected"),w({},"Once a resource is selected, the values for the Operator field update to correspond with the type of Resource selected. Similarly, the component used for the Value field can be an input, combobox, picklist, or lookup, depending on what Resource was chosen."),(0,a.createElement)(r.default,{title:"Expression Builder - Initial State Resource Selected"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",resourceIsSelected:!0}))),g({id:"New-Condition-Added"},"New Condition Added"),(0,a.createElement)(r.default,{title:"Expression Builder - Condition Added"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",resourceIsSelected:!0},(0,a.createElement)(u.ExpressionRow,{legendText:"AND",conditionName:"Condition 2",inputIsDisabled:!0})))),g({id:"Error-State"},"Error State"),(0,a.createElement)(r.default,{title:"Expression Builder - Error State"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",resourceIsSelected:!0},(0,a.createElement)(u.ExpressionRow,{legendText:"AND",conditionName:"Condition 2",errorMessage:"This field is required.",hasError:!0})))),v({id:"All-or-Any-Conditions"},"All or Any Conditions"),w({},'When the user selects "All Conditions Are Met" from the mode combobox and adds a second condition, the expression builder will use ',h({},"AND")," logic:"),(0,a.createElement)(r.default,{title:"Expression Builder - All Conditions"},(0,a.createElement)(o.default,null,(0,a.createElement)(u.Expression,{optionSelected:"all",resourceIsSelected:!0},(0,a.createElement)(u.ExpressionRow,{legendText:"AND",conditionName:"Condition 2",resourceIsSelected:!0})))),w({},'If the user selects "Any Condition Is Met" from the mode combobox, the expression builder will use ',h({},"OR")," logic:"),(0,a.createElement)(r.default,{title:"Expression Builde