npm - @salesforce-ux/design-system - Versions diffs - 2.29.0 → 2.29.1 - Mend

@salesforce-ux/design-system 2.29.0 → 2.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (754) hide show

package/__internal/chunked/showcase/ui/components/docked-composer/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},7472:function(e,t,s){s.r(t),s.d(t,{ComposerOverflowMenu:function(){return U},Context:function(){return Y},DockedComposerPanel:function(){return H},Footer:function(){return V},default:function(){return J},examples:function(){return Z},states:function(){return W}});var l=s(1594),a=s.n(l),n=s(2937),i=s(6955),o=s(4760),r=s(1766),d=s(1412),c=s(7412),m=s.n(c),u=s(8347),b=s(5159),_=s(3964),p=s(6185),E=(s(5786),s(538)),N=s(2711),h=s(5526),f=s(942),v=s.n(f),g=s(806);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=s){var l,a,n,i,o=[],r=!0,d=!1;try{if(n=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;r=!1}else for(;!(r=(l=n.call(s)).done)&&(o.push(l.value),o.length!==t);r=!0);}catch(e){d=!0,a=e}finally{try{if(!r&&null!=s.return&&(i=s.return(),Object(i)!==i))return}finally{if(d)throw a}}return o}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return y(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s\|\|"Set"===s?Array.from(e):"Arguments"===s\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(s)?y(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var s=0,l=Array(t);s<t;s++)l[s]=e[s];return l}var C=function(e){return a().createElement(N.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:v()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};C.propTypes={children:m().node.isRequired,errorId:m().string,hasError:m().bool,inlineMessage:m().string,labelContent:m().string,labelId:m().string};var I=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:v()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},w=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:m().object.isRequired,id:m().string};var A=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};A.propTypes={listboxData:m().object.isRequired,id:m().string};var k=function(e){var t=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],s=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],n=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],i=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":s,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.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}),results:a().createElement(w,{listboxData:_.kz,id:s}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:n,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.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}),results:a().createElement(A,{listboxData:_.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},S=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},T=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().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"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().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"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},L=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},B=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},z=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},O=function(e){return a().createElement("div",{className:v()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().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):a().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))},P=s(7705),D=s(3106),F="dialog-heading-id-1",M="dialog-content-id-1",q=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],V=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-text-align_right"},a().createElement("button",{className:"slds-button slds-button_brand"},"Action"))},R=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},a().createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},a().createElement("ul",{className:"slds-grid","aria-label":"Insert content"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),a().createElement(i.A,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),a().createElement("button",{className:"slds-button slds-button_brand"},"Send"))},H=function(e){return a().createElement("section",{className:v()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:F,"aria-describedby":e.nestedDialog?null:M},a().createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},a().createElement("div",{className:"slds-media slds-media_center slds-no-space"},a().createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a().createElement("span",{className:"slds-icon_container"},a().createElement(u.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),a().createElement("div",{className:"slds-media__body"},e.dialogClosed?a().createElement("span",{className:"slds-assistive-text"},"Minimized"):null,a().createElement("h2",{className:"slds-truncate",id:F,title:e.header\|\|"Header"},e.header\|\|"Header"))),a().createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),a().createElement("div",{className:v()("slds-docked-composer__body",e.bodyClassName),id:M},e.children),e.footer?a().createElement("footer",{className:v()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},U=function(e){return a().createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},a().createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),a().createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",a().createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),a().createElement(o.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},a().createElement(o.MenuList,{className:"slds-dropdown_length-with-icon-7"},g.Ay.times(q.length,function(e){return a().createElement(o.MenuItem,{key:e,title:q[e].title},a().createElement("span",{className:"slds-icon_container slds-icon-standard-"+q[e].entity+" slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:q[e].entity}),a().createElement("span",{className:"slds-assistive-text"},q[e].entity)),q[e].title)}))))},G=function(e){return a().createElement(P.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},a().createElement(P.Oh,null,a().createElement(P.q9,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},Y=function(e){return a().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)},J=[{id:"default",label:"Default",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],W=[{id:"single-composer-open",label:"Open",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open slds-has-focus",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-has-focus",dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:a().createElement(r.Backdrop,null,a().createElement(r.Modal,{className:"slds-docked-composer-modal","aria-labelledby":F,"aria-describedby":M,closeButton:!1},a().createElement(r.ModalContent,{id:"modal-content-id"},a().createElement(H,{footer:a().createElement(V,null),nestedDialog:!0},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(U,null),a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],Z=[{id:"task",label:"Log a Task",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log new task"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")))),a().createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Edit Phone Number"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation"))))),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),a().createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},a().createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),a().createElement("ul",{className:"slds-has-dividers_around-space"},a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),a().createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",a().createElement("span",{className:"slds-col_bump-left"},"Yesterday")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),a().createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",a().createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),a().createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",a().createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log a call"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:a().createElement(R,null)},a().createElement("div",{className:"slds-email-composer"},a().createElement(P.H_,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},a().createElement(D.IK,null,a().createElement(D.j9,null,a().createElement(D.$P,{label:"jrogers@cloudhub.com",tabIndex:"0"},a().createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},a().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),a().createElement(P.H_,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),a().createElement(P.H_,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:a().createElement(G,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),a().createElement(N.ZS,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},a().createElement(h.A,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),a().createElement(C,null,a().createElement(I,null,a().createElement(k,null),a().createElement(S,{tabIndexSetting:"-1"}),a().createElement(T,null),a().createElement(L,null),a().createElement(j,null),a().createElement(B,null),a().createElement(z,null)),a().createElement(O,{placeholder:"Compose Email..."})))))}]}},s={};function l(e){var a=s[e];if(void 0!==a)return a.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,l.amdO={},e=[],l.O=function(t,s,a,n){if(!s){var i=1/0;for(c=0;c<e.length;c++){s=e[c][0],a=e[c][1],n=e[c][2];for(var o=!0,r=0;r<s.length;r++)(!1&n\|\|i>=n)&&Object.keys(l.O).every(function(e){return l.O[e](s[r])})?s.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n\|\|0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[s,a,n]},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 s in t)l.o(t,s)&&!l.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},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=6263,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,6263: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,s){var a,n,i=s[0],o=s[1],r=s[2],d=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 c=r(l)}for(t&&t(s);d<i.length;d++)n=i[d],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(c)},s=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(7472)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=a}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},7472:function(e,t,s){s.r(t),s.d(t,{ComposerOverflowMenu:function(){return U},Context:function(){return Y},DockedComposerPanel:function(){return H},Footer:function(){return V},default:function(){return J},examples:function(){return Z},states:function(){return W}});var l=s(1594),a=s.n(l),n=s(2937),i=s(6955),o=s(4760),r=s(1766),d=s(1412),c=s(4187),m=s.n(c),u=s(8347),b=s(5159),_=s(3964),p=s(6185),E=(s(5786),s(538)),N=s(2711),h=s(5526),f=s(942),v=s.n(f),g=s(806);function x(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=s){var l,a,n,i,o=[],r=!0,d=!1;try{if(n=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;r=!1}else for(;!(r=(l=n.call(s)).done)&&(o.push(l.value),o.length!==t);r=!0);}catch(e){d=!0,a=e}finally{try{if(!r&&null!=s.return&&(i=s.return(),Object(i)!==i))return}finally{if(d)throw a}}return o}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return y(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s\|\|"Set"===s?Array.from(e):"Arguments"===s\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(s)?y(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var s=0,l=Array(t);s<t;s++)l[s]=e[s];return l}var C=function(e){return a().createElement(N.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},a().createElement("div",{className:v()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};C.propTypes={children:m().node.isRequired,errorId:m().string,hasError:m().bool,inlineMessage:m().string,labelContent:m().string,labelId:m().string};var I=function(e){return a().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:v()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},w=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:3,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};w.propTypes={listboxData:m().object.isRequired,id:m().string};var A=function(e){var t=e.listboxData,s=e.id;return a().createElement(p.Ay,{id:s,snapshot:t,type:"plain",count:6,hideIcons:!0,className:"slds-dropdown_fluid slds-dropdown_left"})};A.propTypes={listboxData:m().object.isRequired,id:m().string};var k=function(e){var t=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],s=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],n=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0],i=x((0,l.useState)(g.Ay.uniqueId("example-unique-id-")),1)[0];return a().createElement("div",{className:"slds-grid slds-rich-text-editor__spacing-wrapper",role:"group","aria-label":"Format font family & size"},a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:t,"aria-controls":s,label:"Choose a Font",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_x-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.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}),results:a().createElement(w,{listboxData:_.kz,id:s}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Font"})),a().createElement("div",{className:"slds-rich-text-editor__select"},a().createElement(b.Ay,{id:n,"aria-controls":i,label:"Choose a Font Size",hideLabel:!0,inputContainerClassName:"slds-rich-text-editor__select_xx-small",inputIconPosition:"right",rightInputIcon:a().createElement(E.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}),results:a().createElement(A,{listboxData:_.TU,id:i}),resultsType:"listbox",hasInteractions:!0,selectOnly:!0,value:"Size",tabIndex:"-1"})))},S=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format text"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-border-filled",symbol:"bold",tabIndex:e.tabIndexSetting,"aria-describedby":e.hasTooltip?"bold":null,disabled:e.disabledButtons,assistiveText:"Bold"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"italic",disabled:e.disabledButtons,assistiveText:"Italic"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"underline",disabled:e.disabledButtons,assistiveText:"Underline"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"strikethrough",disabled:e.disabledButtons,assistiveText:"Strike Through"})))},T=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format background & text color"},a().createElement("li",null,a().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"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_background_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Background Color"))),a().createElement("li",null,a().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"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"text_color"}),a().createElement(u.A,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),a().createElement("span",{className:"slds-assistive-text"},"Text Color"))))},L=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Format body"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextbulletedlist",disabled:e.disabledButtons,assistiveText:"Bulleted List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextnumberedlist",disabled:e.disabledButtons,assistiveText:"Numbered List"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextindent",disabled:e.disabledButtons,assistiveText:"Indent"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"richtextoutdent",disabled:e.disabledButtons,assistiveText:"Outdent"})))},j=function(e){return a().createElement(d.ButtonGroupList,{"aria-label":"Align text"},a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"left_align_text",disabled:e.disabledButtons,assistiveText:"Left Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"center_align_text",disabled:e.disabledButtons,assistiveText:"Center Align Text"})),a().createElement("li",null,a().createElement(i.A,{tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"right_align_text",disabled:e.disabledButtons,assistiveText:"Right Align Text"})))},B=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Insert content"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"emoji",disabled:e.disabledButtons,assistiveText:"Add Emoji"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"image",disabled:e.disabledButtons,assistiveText:"Add Image"})),a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"link",disabled:e.disabledButtons,assistiveText:"Add Link"})))},z=function(e){return a().createElement(d.ButtonGroupList,{role:e.overflow?"presentation":null,"aria-label":e.overflow?null:"Remove Formatting"},a().createElement("li",{role:e.overflow?"presentation":null},a().createElement(i.A,{role:e.overflow?"menuitem":null,tabIndex:"-1",className:"slds-button_icon-border-filled",symbol:"remove_formatting",disabled:e.disabledButtons,assistiveText:"Remove Formatting"})))},O=function(e){return a().createElement("div",{className:v()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?a().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):a().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))},P=s(7705),D=s(3106),F="dialog-heading-id-1",M="dialog-content-id-1",q=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],V=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-text-align_right"},a().createElement("button",{className:"slds-button slds-button_brand"},"Action"))},R=function(e){return a().createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},a().createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},a().createElement("ul",{className:"slds-grid","aria-label":"Insert content"},a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),a().createElement("li",null,a().createElement(i.A,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),a().createElement(i.A,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),a().createElement("button",{className:"slds-button slds-button_brand"},"Send"))},H=function(e){return a().createElement("section",{className:v()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:F,"aria-describedby":e.nestedDialog?null:M},a().createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},a().createElement("div",{className:"slds-media slds-media_center slds-no-space"},a().createElement("div",{className:"slds-media__figure slds-m-right_x-small"},a().createElement("span",{className:"slds-icon_container"},a().createElement(u.A,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),a().createElement("div",{className:"slds-media__body"},e.dialogClosed?a().createElement("span",{className:"slds-assistive-text"},"Minimized"):null,a().createElement("h2",{className:"slds-truncate",id:F,title:e.header\|\|"Header"},e.header\|\|"Header"))),a().createElement("div",{className:"slds-col_bump-left slds-shrink-none"},a().createElement(i.A,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),a().createElement(i.A,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),a().createElement("div",{className:v()("slds-docked-composer__body",e.bodyClassName),id:M},e.children),e.footer?a().createElement("footer",{className:v()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},U=function(e){return a().createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},a().createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},a().createElement(u.A,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),a().createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",a().createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),a().createElement(o.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},a().createElement(o.MenuList,{className:"slds-dropdown_length-with-icon-7"},g.Ay.times(q.length,function(e){return a().createElement(o.MenuItem,{key:e,title:q[e].title},a().createElement("span",{className:"slds-icon_container slds-icon-standard-"+q[e].entity+" slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:q[e].entity}),a().createElement("span",{className:"slds-assistive-text"},q[e].entity)),q[e].title)}))))},G=function(e){return a().createElement(P.NC,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},a().createElement(P.Oh,null,a().createElement(P.q9,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},Y=function(e){return a().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)},J=[{id:"default",label:"Default",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],W=[{id:"single-composer-open",label:"Open",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open slds-has-focus",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-has-focus",dialogClosed:!0,footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:a().createElement(r.Backdrop,null,a().createElement(r.Modal,{className:"slds-docked-composer-modal","aria-labelledby":F,"aria-describedby":M,closeButton:!1},a().createElement(r.ModalContent,{id:"modal-content-id"},a().createElement(H,{footer:a().createElement(V,null),nestedDialog:!0},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(U,null),a().createElement(H,{className:"slds-is-open",footer:a().createElement(V,null)},a().createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",a().createElement("br",null)," This area consumes the feature")))}],Z=[{id:"task",label:"Log a Task",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log new task"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),a().createElement("div",{className:"slds-form-element slds-size_1-of-2"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:a().createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")))),a().createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Edit Phone Number"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[a().createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:g.Ay.uniqueId("follow-up-")},"Follow-Up Later"),a().createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:g.Ay.uniqueId("call-again-")},"Call Again")]},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-docked-composer__lead"},a().createElement("div",{className:"slds-media"},a().createElement("div",{className:"slds-media__figure"},a().createElement("span",{className:"slds-avatar slds-avatar_medium"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),a().createElement("div",{className:"slds-media__body"},a().createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation"))))),a().createElement("div",{className:"slds-docked-composer__toolbar"},a().createElement(i.A,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),a().createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),a().createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},a().createElement("div",{className:"slds-text-align_center slds-align-middle"},a().createElement("span",{className:"slds-avatar slds-avatar_large"},a().createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),a().createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),a().createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},a().createElement("li",{className:"slds-item"},"VP of Sales"),a().createElement("li",{className:"slds-item "},"Acme Corporation")),a().createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),a().createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},a().createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),a().createElement("ul",{className:"slds-has-dividers_around-space"},a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),a().createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",a().createElement("span",{className:"slds-col_bump-left"},"Yesterday")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),a().createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",a().createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),a().createElement("li",{className:"slds-item slds-theme_shade slds-grid"},a().createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},a().createElement(u.A,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),a().createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",a().createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:a().createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},a().createElement("fieldset",{className:"slds-form-element slds-form_compound"},a().createElement("legend",{className:"slds-assistive-text"},"Log a call"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement("div",{className:"slds-form-element slds-size_1-of-1"},a().createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),a().createElement("div",{className:"slds-form-element__control"},a().createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),a().createElement(P.H_,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:a().createElement("div",{className:"slds-docked_container"},a().createElement(H,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:a().createElement(R,null)},a().createElement("div",{className:"slds-email-composer"},a().createElement(P.H_,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:a().createElement(G,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},a().createElement(D.IK,null,a().createElement(D.j9,null,a().createElement(D.$P,{label:"jrogers@cloudhub.com",tabIndex:"0"},a().createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},a().createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),a().createElement(P.H_,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:a().createElement(G,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),a().createElement(P.H_,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:a().createElement(G,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),a().createElement(N.ZS,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},a().createElement(h.A,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),a().createElement(C,null,a().createElement(I,null,a().createElement(k,null),a().createElement(S,{tabIndexSetting:"-1"}),a().createElement(T,null),a().createElement(L,null),a().createElement(j,null),a().createElement(B,null),a().createElement(z,null)),a().createElement(O,{placeholder:"Compose Email..."})))))}]}},s={};function l(e){var a=s[e];if(void 0!==a)return a.exports;var n=s[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,l.amdO={},e=[],l.O=function(t,s,a,n){if(!s){var i=1/0;for(c=0;c<e.length;c++){s=e[c][0],a=e[c][1],n=e[c][2];for(var o=!0,r=0;r<s.length;r++)(!1&n\|\|i>=n)&&Object.keys(l.O).every(function(e){return l.O[e](s[r])})?s.splice(r--,1):(o=!1,n<i&&(i=n));if(o){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n\|\|0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[s,a,n]},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 s in t)l.o(t,s)&&!l.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},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=6263,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,6263: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,s){var a,n,i=s[0],o=s[1],r=s[2],d=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 c=r(l)}for(t&&t(s);d<i.length;d++)n=i[d],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(c)},s=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(7472)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=a}();

package/__internal/chunked/showcase/ui/components/drop-zone/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},8310:function(e,t,n){n.r(t),n.d(t,{Demo:function(){return E},DemoComponent:function(){return h},DropZone:function(){return f},DropZoneContainer:function(){return v},DropZoneInsertionPoint:function(){return b},DropZoneLabel:function(){return _},examples:function(){return y}});var l=n(1594),a=n.n(l),r=n(942),o=n.n(r),s=n(538),c=n(7852),i=n(6955),d=n(9623),m=n(3011),u=n(~~7412~~),p=n.n(u),E=function(e){return a().createElement("div",{className:"demo-only",style:{paddingTop:"2rem"}},e.children)};E.propTypes={children:p().node};var h=function(e){return a().createElement("div",{className:"demo-only demo-component",style:{width:"100%",height:"10rem"}},e.children)};h.propTypes={children:p().node};var f=function(e){return a().createElement("div",{className:o()("slds-drop-zone",{"slds-drop-zone_drag":e.isDragging})},e.children)};f.propTypes={isDragging:p().bool,children:p().node};var b=function(e){return a().createElement("div",{className:"slds-drop-zone_drag__slot"})},v=function(e){return a().createElement("div",{className:o()("slds-drop-zone__container",{"slds-is-hovered":e.isHovered}),tabIndex:"-1"},a().createElement(_,{isContainer:!0,headerText:"Component Name"}),e.children,e.hasActions&&a().createElement("div",{className:"slds-drop-zone__actions"},a().createElement(d.ButtonGroup,null,a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"move",assistiveText:"Move",title:"Move"}),a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"close",assistiveText:"Close",title:"Close"}))))};v.propTypes={hasActions:p().bool,isHovered:p().bool,children:p().node};var g=function(e){return a().createElement(s.UtilityIcon,{symbol:e.isContainer?"connected_apps":"builder",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-current-color",title:!1,assistiveText:!1})};g.propTypes={isContainer:p().bool};var _=function(e){return a().createElement("div",{className:o()("slds-drop-zone__label",{"slds-drop-zone__label_container":e.isContainer})},a().createElement(c.A,{figureLeft:a().createElement(g,{isContainer:e.isContainer}),flavor:"center"},e.isContainer?a().createElement("h2",null,a().createElement("button",{className:"slds-drop-zone__label_button slds-button_reset"},a().createElement("span",{className:"slds-assistive-text"},"Edit: "),a().createElement("span",null,e.headerText))):a().createElement("h2",null,e.headerText)))};_.propTypes={isContainer:p().bool,headerText:p().string},t.default=[{id:"default",label:"Default",element:a().createElement(f,null,a().createElement(h,null))}];var y=[{id:"drag-over",label:"Drag Over",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(h,null),a().createElement(b,null),a().createElement(h,null)))},{id:"with-populated-region",label:"With Populated Region",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{isHovered:!0},a().createElement(h,null))))},{id:"with-populated-region-and-actions",label:"With Populated Region and Actions",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{hasActions:!0,isHovered:!0},a().createElement(h,null))))},{id:"with-cards",label:"With Cards",element:a().createElement(E,null,a().createElement(f,null,a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))},{id:"dragging-with-cards",label:"Dragging With Cards",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(b,null),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,a,r){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],r=e[d][2];for(var s=!0,c=0;c<n.length;c++)(!1&r\|\|o>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[c])})?n.splice(c--,1):(s=!1,r<o&&(o=r));if(s){e.splice(d--,1);var i=a();void 0!==i&&(t=i)}}return t}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,a,r]},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=7896,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,7896:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,r,o=n[0],s=n[1],c=n[2],i=0;if(o.some(function(t){return 0!==e[t]})){for(a in s)l.o(s,a)&&(l.m[a]=s[a]);if(c)var d=c(l)}for(t&&t(n);i<o.length;i++)r=o[i],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(d)},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(8310)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/drop-zone/base/example.jsx.js"]=a}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},8310:function(e,t,n){n.r(t),n.d(t,{Demo:function(){return E},DemoComponent:function(){return h},DropZone:function(){return f},DropZoneContainer:function(){return v},DropZoneInsertionPoint:function(){return b},DropZoneLabel:function(){return _},examples:function(){return y}});var l=n(1594),a=n.n(l),r=n(942),o=n.n(r),s=n(538),c=n(7852),i=n(6955),d=n(9623),m=n(3011),u=n(4187),p=n.n(u),E=function(e){return a().createElement("div",{className:"demo-only",style:{paddingTop:"2rem"}},e.children)};E.propTypes={children:p().node};var h=function(e){return a().createElement("div",{className:"demo-only demo-component",style:{width:"100%",height:"10rem"}},e.children)};h.propTypes={children:p().node};var f=function(e){return a().createElement("div",{className:o()("slds-drop-zone",{"slds-drop-zone_drag":e.isDragging})},e.children)};f.propTypes={isDragging:p().bool,children:p().node};var b=function(e){return a().createElement("div",{className:"slds-drop-zone_drag__slot"})},v=function(e){return a().createElement("div",{className:o()("slds-drop-zone__container",{"slds-is-hovered":e.isHovered}),tabIndex:"-1"},a().createElement(_,{isContainer:!0,headerText:"Component Name"}),e.children,e.hasActions&&a().createElement("div",{className:"slds-drop-zone__actions"},a().createElement(d.ButtonGroup,null,a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"move",assistiveText:"Move",title:"Move"}),a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"close",assistiveText:"Close",title:"Close"}))))};v.propTypes={hasActions:p().bool,isHovered:p().bool,children:p().node};var g=function(e){return a().createElement(s.UtilityIcon,{symbol:e.isContainer?"connected_apps":"builder",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-current-color",title:!1,assistiveText:!1})};g.propTypes={isContainer:p().bool};var _=function(e){return a().createElement("div",{className:o()("slds-drop-zone__label",{"slds-drop-zone__label_container":e.isContainer})},a().createElement(c.A,{figureLeft:a().createElement(g,{isContainer:e.isContainer}),flavor:"center"},e.isContainer?a().createElement("h2",null,a().createElement("button",{className:"slds-drop-zone__label_button slds-button_reset"},a().createElement("span",{className:"slds-assistive-text"},"Edit: "),a().createElement("span",null,e.headerText))):a().createElement("h2",null,e.headerText)))};_.propTypes={isContainer:p().bool,headerText:p().string},t.default=[{id:"default",label:"Default",element:a().createElement(f,null,a().createElement(h,null))}];var y=[{id:"drag-over",label:"Drag Over",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(h,null),a().createElement(b,null),a().createElement(h,null)))},{id:"with-populated-region",label:"With Populated Region",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{isHovered:!0},a().createElement(h,null))))},{id:"with-populated-region-and-actions",label:"With Populated Region and Actions",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{hasActions:!0,isHovered:!0},a().createElement(h,null))))},{id:"with-cards",label:"With Cards",element:a().createElement(E,null,a().createElement(f,null,a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))},{id:"dragging-with-cards",label:"Dragging With Cards",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(b,null),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,a,r){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],r=e[d][2];for(var s=!0,c=0;c<n.length;c++)(!1&r\|\|o>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[c])})?n.splice(c--,1):(s=!1,r<o&&(o=r));if(s){e.splice(d--,1);var i=a();void 0!==i&&(t=i)}}return t}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,a,r]},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=7896,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,7896:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,r,o=n[0],s=n[1],c=n[2],i=0;if(o.some(function(t){return 0!==e[t]})){for(a in s)l.o(s,a)&&(l.m[a]=s[a]);if(c)var d=c(l)}for(t&&t(n);i<o.length;i++)r=o[i],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(d)},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(8310)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/drop-zone/base/example.jsx.js"]=a}();

package/__internal/chunked/showcase/ui/components/dynamic-icons/trend/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5049:function(e,t,n){n.r(t),n.d(t,{default:function(){return p},states:function(){return v}});var r=n(1594),a=n.n(r),i=n(~~7412~~),s=n.n(i),o=n(942),l=n.n(o),c=["assistiveText"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}var d=function(e){var t=e.assistiveText,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,c);return a().createElement("span",u({},n,{className:l()("slds-icon-trend",e.className)}),a().createElement("svg",{viewBox:"0 0 16 16","aria-hidden":"true"},a().createElement("path",{className:"slds-icon-trend__arrow",d:"M.75 8H11M8 4.5L11.5 8 8 11.5"}),a().createElement("circle",{className:"slds-icon-trend__circle",cy:"8",cx:"8",r:"7.375",transform:"rotate(-28 8 8) scale(-1 1) translate(-16 0)"})),a().createElement("span",{className:"slds-assistive-text"},t))};d.propTypes={title:s().string.isRequired,assistiveText:s().string.isRequired};var f=d,p=[{id:"default",label:"Trend – default",element:a().createElement(f,{"data-slds-trend":"neutral",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],v=[{id:"down",label:"Trend - Down",element:a().createElement(f,{"data-slds-trend":"down",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"up",label:"Trend - Up",element:a().createElement(f,{"data-slds-trend":"up",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Trend - Static (no animation)",element:a().createElement(f,{"data-slds-trend":"up",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"paused",label:"Trend - Paused",element:a().createElement(f,{"data-slds-trend":"up",className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})}]}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,a,i){if(!n){var s=1/0;for(u=0;u<e.length;u++){n=e[u][0],a=e[u][1],i=e[u][2];for(var o=!0,l=0;l<n.length;l++)(!1&i\|\|s>=i)&&Object.keys(r.O).every(function(e){return r.O[e](n[l])})?n.splice(l--,1):(o=!1,i<s&&(s=i));if(o){e.splice(u--,1);var c=a();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,a,i]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=166,function(){var e={166:0,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,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,i,s=n[0],o=n[1],l=n[2],c=0;if(s.some(function(t){return 0!==e[t]})){for(a in o)r.o(o,a)&&(r.m[a]=o[a]);if(l)var u=l(r)}for(t&&t(n);c<s.length;c++)i=s[c],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.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))}(),r.nc=void 0;var a=r.O(void 0,[6790],function(){return r(5049)});a=r.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/dynamic-icons/trend/example.jsx.js"]=a}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5049:function(e,t,n){n.r(t),n.d(t,{default:function(){return p},states:function(){return v}});var r=n(1594),a=n.n(r),i=n(4187),s=n.n(i),o=n(942),l=n.n(o),c=["assistiveText"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}var d=function(e){var t=e.assistiveText,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,c);return a().createElement("span",u({},n,{className:l()("slds-icon-trend",e.className)}),a().createElement("svg",{viewBox:"0 0 16 16","aria-hidden":"true"},a().createElement("path",{className:"slds-icon-trend__arrow",d:"M.75 8H11M8 4.5L11.5 8 8 11.5"}),a().createElement("circle",{className:"slds-icon-trend__circle",cy:"8",cx:"8",r:"7.375",transform:"rotate(-28 8 8) scale(-1 1) translate(-16 0)"})),a().createElement("span",{className:"slds-assistive-text"},t))};d.propTypes={title:s().string.isRequired,assistiveText:s().string.isRequired};var f=d,p=[{id:"default",label:"Trend – default",element:a().createElement(f,{"data-slds-trend":"neutral",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],v=[{id:"down",label:"Trend - Down",element:a().createElement(f,{"data-slds-trend":"down",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"up",label:"Trend - Up",element:a().createElement(f,{"data-slds-trend":"up",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Trend - Static (no animation)",element:a().createElement(f,{"data-slds-trend":"up",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"paused",label:"Trend - Paused",element:a().createElement(f,{"data-slds-trend":"up",className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})}]}},n={};function r(e){var a=n[e];if(void 0!==a)return a.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,a,i){if(!n){var s=1/0;for(u=0;u<e.length;u++){n=e[u][0],a=e[u][1],i=e[u][2];for(var o=!0,l=0;l<n.length;l++)(!1&i\|\|s>=i)&&Object.keys(r.O).every(function(e){return r.O[e](n[l])})?n.splice(l--,1):(o=!1,i<s&&(s=i));if(o){e.splice(u--,1);var c=a();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,a,i]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=166,function(){var e={166:0,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,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,i,s=n[0],o=n[1],l=n[2],c=0;if(s.some(function(t){return 0!==e[t]})){for(a in o)r.o(o,a)&&(r.m[a]=o[a]);if(l)var u=l(r)}for(t&&t(n);c<s.length;c++)i=s[c],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.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))}(),r.nc=void 0;var a=r.O(void 0,[6790],function(){return r(5049)});a=r.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/dynamic-icons/trend/example.jsx.js"]=a}();

package/__internal/chunked/showcase/ui/components/dynamic-menu/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- 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(~~7412~~),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}();
1	+ 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}();

package/__internal/chunked/showcase/ui/components/expression/filters/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={298:function(e,t,n){n.d(t,{FilterObject:function(){return u},FilterObjectListItem:function(){return c},Filters:function(){return i}});var r=n(1594),l=n.n(r),s=n(6955),o=(n(8347),n(942)),a=n.n(o),i=(n(3375),function(e){return l().createElement("div",{className:a()("slds-filters",e.className)},e.children)}),c=function(e){return l().createElement("li",{className:"slds-item slds-hint-parent"},e.children)},u=function(e){var t;return e.errorMessage&&(t="error-filter-01"),l().createElement("li",{className:"slds-item slds-hint-parent"},l().createElement("div",{className:a()("slds-filters__item slds-grid slds-grid_vertical-align-center",e.className)},l().createElement("button",{className:"slds-button_reset slds-grow slds-has-blur-focus","aria-describedby":t,disabled:e.disabled},l().createElement("span",{className:"slds-assistive-text"},"Edit filter:"),e.type&&e.operator&&l().createElement("span",{className:"slds-show"},l().createElement("span",null,l().createElement("strong",null,e.operator+" ")),l().createElement("span",{className:"slds-text-body_small"},e.type)),e.type&&!e.operator?l().createElement("span",{className:"slds-show slds-text-body_small"},e.type):null,l().createElement("span",{className:"slds-show"},e.children)),e.removable?l().createElement(s.A,{className:"slds-button_icon slds-button_icon-small",iconClassName:"slds-button__icon_hint",symbol:"delete",assistiveText:e.type?"Remove filter: "+e.type+" "+e.children:"Remove filter: "+e.children,title:"Remove "+e.children}):null),e.errorMessage?l().createElement("p",{id:t,className:"slds-text-color_error slds-m-top_xx-small"},e.errorMessage):null)}},1594:function(e){e.exports=React},9146:function(e,t,n){n.r(t),n.d(t,{ExpressionNarrow:function(){return b},ExpressionNarrowFooter:function(){return p},ExpressionNarrowGroup:function(){return f},examples:function(){return v}});var r=n(1594),l=n.n(r),s=n(9555),o=n(8347),a=n(6955),i=n(9825),c=n(298),u=n(~~7412~~),d=n.n(u),m=function(e){return l().createElement("div",{className:"demo-only",style:{maxWidth:"320px",overflow:"hidden"}},e.children)};m.propTypes={children:d().node};var p=function(e){return l().createElement("div",{className:"slds-m-top_small"},l().createElement(i.Button,{isNeutral:!0},l().createElement(o.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Condition"),e.hasGroup&&l().createElement(i.Button,{isNeutral:!0},l().createElement(o.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Group"))};p.propTypes={hasGroup:d().bool};var f=function(e){return l().createElement("div",{className:"slds-filters__group"},l().createElement("div",{className:"slds-grid slds-grid_align-spread"},l().createElement("span",null,l().createElement("strong",null,"AND")),l().createElement("span",{className:"slds-assistive-text"},"Condition Group 1"),l().createElement(a.A,{className:"slds-button_icon slds-button_icon-small",iconClassName:"slds-button__icon_hint",symbol:"delete",assistiveText:"Remove Group",title:"Remove Group"})),l().createElement(s.ZN,{isInFilter:!0,optionSelected:e.optionSelected}),l().createElement("ol",null,l().createElement(c.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"')),l().createElement(p,null))};f.propTypes={optionSelected:d().string};var b=function(e){return l().createElement(m,null,l().createElement(c.Filters,null,l().createElement("h2",{className:"slds-text-heading_small"},"Conditions"),l().createElement("div",{className:"slds-m-vertical_small"},l().createElement(s.ZN,{isInFilter:!0,optionSelected:e.optionSelected})),l().createElement("ol",{className:"slds-list_vertical slds-list_vertical-space"},l().createElement(c.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"'),e.children),l().createElement(p,{hasGroup:!0})))};b.propTypes={optionSelected:d().string,children:d().node},t.default=l().createElement(b,null);var v=[{id:"with-narrow-expression-group",label:"With Narrow Expression Group",element:l().createElement(b,null,l().createElement(c.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"),l().createElement(c.FilterObjectListItem,null,l().createElement(f,null)))},{id:"with-option-selected",label:"With Option Selected",element:l().createElement(b,{optionSelected:"all"},l().createElement(c.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"))}]}},n={};function r(e){var l=n[e];if(void 0!==l)return l.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,l,s){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],l=e[u][1],s=e[u][2];for(var a=!0,i=0;i<n.length;i++)(!1&s\|\|o>=s)&&Object.keys(r.O).every(function(e){return r.O[e](n[i])})?n.splice(i--,1):(a=!1,s<o&&(o=s));if(a){e.splice(u--,1);var c=l();void 0!==c&&(t=c)}}return t}s=s\|\|0;for(var u=e.length;u>0&&e[u-1][2]>s;u--)e[u]=e[u-1];e[u]=[n,l,s]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4812,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,4812:0,4924:0,6484:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,s,o=n[0],a=n[1],i=n[2],c=0;if(o.some(function(t){return 0!==e[t]})){for(l in a)r.o(a,l)&&(r.m[l]=a[l]);if(i)var u=i(r)}for(t&&t(n);c<o.length;c++)s=o[c],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.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))}(),r.nc=void 0;var l=r.O(void 0,[6790],function(){return r(9146)});l=r.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/expression/filters/example.jsx.js"]=l}();
1	+ var SLDS;!function(){"use strict";var e,t={298:function(e,t,n){n.d(t,{FilterObject:function(){return u},FilterObjectListItem:function(){return c},Filters:function(){return i}});var r=n(1594),l=n.n(r),s=n(6955),o=(n(8347),n(942)),a=n.n(o),i=(n(3375),function(e){return l().createElement("div",{className:a()("slds-filters",e.className)},e.children)}),c=function(e){return l().createElement("li",{className:"slds-item slds-hint-parent"},e.children)},u=function(e){var t;return e.errorMessage&&(t="error-filter-01"),l().createElement("li",{className:"slds-item slds-hint-parent"},l().createElement("div",{className:a()("slds-filters__item slds-grid slds-grid_vertical-align-center",e.className)},l().createElement("button",{className:"slds-button_reset slds-grow slds-has-blur-focus","aria-describedby":t,disabled:e.disabled},l().createElement("span",{className:"slds-assistive-text"},"Edit filter:"),e.type&&e.operator&&l().createElement("span",{className:"slds-show"},l().createElement("span",null,l().createElement("strong",null,e.operator+" ")),l().createElement("span",{className:"slds-text-body_small"},e.type)),e.type&&!e.operator?l().createElement("span",{className:"slds-show slds-text-body_small"},e.type):null,l().createElement("span",{className:"slds-show"},e.children)),e.removable?l().createElement(s.A,{className:"slds-button_icon slds-button_icon-small",iconClassName:"slds-button__icon_hint",symbol:"delete",assistiveText:e.type?"Remove filter: "+e.type+" "+e.children:"Remove filter: "+e.children,title:"Remove "+e.children}):null),e.errorMessage?l().createElement("p",{id:t,className:"slds-text-color_error slds-m-top_xx-small"},e.errorMessage):null)}},1594:function(e){e.exports=React},9146:function(e,t,n){n.r(t),n.d(t,{ExpressionNarrow:function(){return b},ExpressionNarrowFooter:function(){return p},ExpressionNarrowGroup:function(){return f},examples:function(){return v}});var r=n(1594),l=n.n(r),s=n(9555),o=n(8347),a=n(6955),i=n(9825),c=n(298),u=n(4187),d=n.n(u),m=function(e){return l().createElement("div",{className:"demo-only",style:{maxWidth:"320px",overflow:"hidden"}},e.children)};m.propTypes={children:d().node};var p=function(e){return l().createElement("div",{className:"slds-m-top_small"},l().createElement(i.Button,{isNeutral:!0},l().createElement(o.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Condition"),e.hasGroup&&l().createElement(i.Button,{isNeutral:!0},l().createElement(o.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"add"}),"Add Group"))};p.propTypes={hasGroup:d().bool};var f=function(e){return l().createElement("div",{className:"slds-filters__group"},l().createElement("div",{className:"slds-grid slds-grid_align-spread"},l().createElement("span",null,l().createElement("strong",null,"AND")),l().createElement("span",{className:"slds-assistive-text"},"Condition Group 1"),l().createElement(a.A,{className:"slds-button_icon slds-button_icon-small",iconClassName:"slds-button__icon_hint",symbol:"delete",assistiveText:"Remove Group",title:"Remove Group"})),l().createElement(s.ZN,{isInFilter:!0,optionSelected:e.optionSelected}),l().createElement("ol",null,l().createElement(c.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"')),l().createElement(p,null))};f.propTypes={optionSelected:d().string};var b=function(e){return l().createElement(m,null,l().createElement(c.Filters,null,l().createElement("h2",{className:"slds-text-heading_small"},"Conditions"),l().createElement("div",{className:"slds-m-vertical_small"},l().createElement(s.ZN,{isInFilter:!0,optionSelected:e.optionSelected})),l().createElement("ol",{className:"slds-list_vertical slds-list_vertical-space"},l().createElement(c.FilterObject,{type:"Amount",removable:!0,removeSymbol:"delete"},'greater than "1000"'),e.children),l().createElement(p,{hasGroup:!0})))};b.propTypes={optionSelected:d().string,children:d().node},t.default=l().createElement(b,null);var v=[{id:"with-narrow-expression-group",label:"With Narrow Expression Group",element:l().createElement(b,null,l().createElement(c.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"),l().createElement(c.FilterObjectListItem,null,l().createElement(f,null)))},{id:"with-option-selected",label:"With Option Selected",element:l().createElement(b,{optionSelected:"all"},l().createElement(c.FilterObject,{operator:"AND",type:"Status",removable:!0},"equals Red"))}]}},n={};function r(e){var l=n[e];if(void 0!==l)return l.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,l,s){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],l=e[u][1],s=e[u][2];for(var a=!0,i=0;i<n.length;i++)(!1&s\|\|o>=s)&&Object.keys(r.O).every(function(e){return r.O[e](n[i])})?n.splice(i--,1):(a=!1,s<o&&(o=s));if(a){e.splice(u--,1);var c=l();void 0!==c&&(t=c)}}return t}s=s\|\|0;for(var u=e.length;u>0&&e[u-1][2]>s;u--)e[u]=e[u-1];e[u]=[n,l,s]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4812,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,4812:0,4924:0,6484:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,s,o=n[0],a=n[1],i=n[2],c=0;if(o.some(function(t){return 0!==e[t]})){for(l in a)r.o(a,l)&&(r.m[l]=a[l]);if(i)var u=i(r)}for(t&&t(n);c<o.length;c++)s=o[c],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.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))}(),r.nc=void 0;var l=r.O(void 0,[6790],function(){return r(9146)});l=r.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/expression/filters/example.jsx.js"]=l}();

package/__internal/chunked/showcase/ui/components/expression/formula/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},1818:function(e,t,r){r.r(t),r.d(t,{Formula:function(){return A},default:function(){return q}});var n=r(1594),l=r.n(n),o=r(~~7412~~),i=r.n(o),a=r(9555),s=r(9825),c=(r(1412),r(6955)),d=(r(8347),r(5159)),u=r(3964),b=r(6185),m=r(5786),p=r(538),f=r(2711),h=r(5526),y=r(942),x=r.n(y),_=r(806);function v(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,l,o,i,a=[],s=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return g(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r\|\|"Set"===r?Array.from(e):"Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var I=function(e){return l().createElement(f.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},l().createElement("div",{className:x()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};I.propTypes={children:i().node.isRequired,errorId:i().string,hasError:i().bool,inlineMessage:i().string,labelContent:i().string,labelId:i().string};var E=function(e){return l().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:x()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},S=function(e){var t=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],r=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],o=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],i=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],a=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0];return l().createElement(l().Fragment,null,l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(d.D5,{id:_.Ay.uniqueId("combobox-id-"),"aria-controls":t,comboboxID:o,autocomplete:!0,results:l().createElement(b.WF,{id:t,snapshot:u.SW,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:l().createElement(m.s,{id:_.Ay.uniqueId("combobox-id-"),listboxId:_.Ay.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter resources by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:o}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a resource",hideLabel:!0,label:"Insert a Resource",rightInputIcon:l().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})})),l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(d.D5,{id:_.Ay.uniqueId("combobox-id-"),"aria-controls":r,comboboxID:i,autocomplete:!0,results:l().createElement(b.WF,{id:r,snapshot:u.SW,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:l().createElement(m.s,{id:_.Ay.uniqueId("combobox-id-"),listboxId:_.Ay.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter functions by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:i}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a function",hideLabel:!0,label:"Insert a function",rightInputIcon:l().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})})),l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(f.ZS,{hasHiddenLabel:!0,labelContent:"Insert operator",inputId:a},l().createElement(h.A,{id:a,placeholder:"Insert operator"}))),l().createElement("div",{className:"slds-rich-text-editor__col"},l().createElement(c.A,{symbol:"help",assistiveText:"Help",title:"Help",size:"medium"})))};i().object.isRequired,i().string;i().object.isRequired,i().string;var w=function(e){return l().createElement("div",{className:x()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?l().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):l().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))},A=function(e){return l().createElement("div",{className:"slds-expression"},l().createElement(a.ZN,{optionSelected:e.optionSelected}),l().createElement("div",{className:"slds-expression_formula__rte"},l().createElement(I,{label:"Formula"},l().createElement(E,null,l().createElement(S,null)),l().createElement(w,{label:"Compose formula",placeholder:"Compose formula..."}))),l().createElement("div",{className:"slds-m-top_small"},l().createElement(s.Button,{isNeutral:!0},"Check Syntax")))};A.propTypes={optionSelected:i().string};var q=l().createElement(A,{optionSelected:"formula"})}},r={};function n(e){var l=r[e];if(void 0!==l)return l.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.m=t,n.amdO={},e=[],n.O=function(t,r,l,o){if(!r){var i=1/0;for(d=0;d<e.length;d++){r=e[d][0],l=e[d][1],o=e[d][2];for(var a=!0,s=0;s<r.length;s++)(!1&o\|\|i>=o)&&Object.keys(n.O).every(function(e){return n.O[e](r[s])})?r.splice(s--,1):(a=!1,o<i&&(i=o));if(a){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}o=o\|\|0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[r,l,o]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=7417,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,7417:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,r){var l,o,i=r[0],a=r[1],s=r[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(l in a)n.o(a,l)&&(n.m[l]=a[l]);if(s)var d=s(n)}for(t&&t(r);c<i.length;c++)o=i[c],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(d)},r=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}(),n.nc=void 0;var l=n.O(void 0,[6790],function(){return n(1818)});l=n.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/expression/formula/example.jsx.js"]=l}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},1818:function(e,t,r){r.r(t),r.d(t,{Formula:function(){return A},default:function(){return q}});var n=r(1594),l=r.n(n),o=r(4187),i=r.n(o),a=r(9555),s=r(9825),c=(r(1412),r(6955)),d=(r(8347),r(5159)),u=r(3964),b=r(6185),m=r(5786),p=r(538),f=r(2711),h=r(5526),y=r(942),x=r.n(y),_=r(806);function v(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=r){var n,l,o,i,a=[],s=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw l}}return a}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return g(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r\|\|"Set"===r?Array.from(e):"Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var I=function(e){return l().createElement(f.ZS,{labelId:e.labelId,labelContent:e.label,inlineMessage:e.inlineMessage,hasError:e.hasError,errorId:e.errorId,hasFauxLabel:!0},l().createElement("div",{className:x()("slds-rich-text-editor slds-grid slds-grid_vertical slds-nowrap",e.isToolbarOnly&&"slds-rich-text-editor_toolbar-only",e.className),"aria-label":e.disabledLabel},e.children))};I.propTypes={children:i().node.isRequired,errorId:i().string,hasError:i().bool,inlineMessage:i().string,labelContent:i().string,labelId:i().string};var E=function(e){return l().createElement("div",{role:"toolbar","aria-label":e.disabledLabel,className:x()("slds-rich-text-editor__toolbar slds-shrink-none",e.isToolbarOnly&&"slds-rich-text-editor__toolbar_detached",e.className)},e.children)},S=function(e){var t=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],r=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],o=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],i=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0],a=v((0,n.useState)(_.Ay.uniqueId("example-unique-id-")),1)[0];return l().createElement(l().Fragment,null,l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(d.D5,{id:_.Ay.uniqueId("combobox-id-"),"aria-controls":t,comboboxID:o,autocomplete:!0,results:l().createElement(b.WF,{id:t,snapshot:u.SW,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:l().createElement(m.s,{id:_.Ay.uniqueId("combobox-id-"),listboxId:_.Ay.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter resources by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:o}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a resource",hideLabel:!0,label:"Insert a Resource",rightInputIcon:l().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})})),l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(d.D5,{id:_.Ay.uniqueId("combobox-id-"),"aria-controls":r,comboboxID:i,autocomplete:!0,results:l().createElement(b.WF,{id:r,snapshot:u.SW,type:"entity",count:2,hasUniqueId:!0}),resultsType:"listbox",addon:l().createElement(m.s,{id:_.Ay.uniqueId("combobox-id-"),listboxId:_.Ay.uniqueId("objectswitcher-listbox-id-"),value:"Apex",label:"Filter functions by:",filteredSymbol:"apex",addonPosition:"start",comboboxAriaControls:i}),addonPosition:"start",comboboxPosition:"end",inputIconPosition:"right",placeholder:"Insert a function",hideLabel:!0,label:"Insert a function",rightInputIcon:l().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})})),l().createElement("div",{className:"slds-rich-text-editor__col slds-rich-text-editor__col_grow"},l().createElement(f.ZS,{hasHiddenLabel:!0,labelContent:"Insert operator",inputId:a},l().createElement(h.A,{id:a,placeholder:"Insert operator"}))),l().createElement("div",{className:"slds-rich-text-editor__col"},l().createElement(c.A,{symbol:"help",assistiveText:"Help",title:"Help",size:"medium"})))};i().object.isRequired,i().string;i().object.isRequired,i().string;var w=function(e){return l().createElement("div",{className:x()(e.text?"slds-rich-text-editor__output":"slds-rich-text-editor__textarea","slds-grid")},e.text?l().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):l().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))},A=function(e){return l().createElement("div",{className:"slds-expression"},l().createElement(a.ZN,{optionSelected:e.optionSelected}),l().createElement("div",{className:"slds-expression_formula__rte"},l().createElement(I,{label:"Formula"},l().createElement(E,null,l().createElement(S,null)),l().createElement(w,{label:"Compose formula",placeholder:"Compose formula..."}))),l().createElement("div",{className:"slds-m-top_small"},l().createElement(s.Button,{isNeutral:!0},"Check Syntax")))};A.propTypes={optionSelected:i().string};var q=l().createElement(A,{optionSelected:"formula"})}},r={};function n(e){var l=r[e];if(void 0!==l)return l.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.m=t,n.amdO={},e=[],n.O=function(t,r,l,o){if(!r){var i=1/0;for(d=0;d<e.length;d++){r=e[d][0],l=e[d][1],o=e[d][2];for(var a=!0,s=0;s<r.length;s++)(!1&o\|\|i>=o)&&Object.keys(n.O).every(function(e){return n.O[e](r[s])})?r.splice(s--,1):(a=!1,o<i&&(i=o));if(a){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}o=o\|\|0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[r,l,o]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=7417,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,7417:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,r){var l,o,i=r[0],a=r[1],s=r[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(l in a)n.o(a,l)&&(n.m[l]=a[l]);if(s)var d=s(n)}for(t&&t(r);c<i.length;c++)o=i[c],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(d)},r=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}(),n.nc=void 0;var l=n.O(void 0,[6790],function(){return n(1818)});l=n.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/expression/formula/example.jsx.js"]=l}();

package/__internal/chunked/showcase/ui/components/form-element/compound/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3504:function(e,t,n){n.r(t),n.d(t,{default:function(){return m},examples:function(){return f},states:function(){return p}});var l=n(1594),a=n.n(l),i=n(6869),o=n(~~7412~~),r=n.n(o),s=n(2711),c=n(5526),d=function(e){var t=e.hasTooltip,n=e.isRequired;return a().createElement(a().Fragment,null,a().createElement(s.LB,{hasCompoundFields:!0,hasTooltip:t,isRequired:n,isDeprecated:!0,label:"Location"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-10"},a().createElement(c.A,{id:"input-10"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-11"},a().createElement(c.A,{id:"input-11"}))))),a().createElement(s.LB,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-12"},a().createElement(c.A,{id:"input-12"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-13"},a().createElement(c.A,{id:"input-13"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-14"},a().createElement(c.A,{id:"input-14",defaultValue:"MT"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-15"},a().createElement(c.A,{id:"input-15"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-16"},a().createElement(c.A,{id:"input-16",defaultValue:"Canada"}))))))};d.propTypes={hasTooltip:r().bool,isRequired:r().bool};var u="Compound",m=[{id:"compound-default",label:"".concat(u," - Default"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location"},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-01"},a().createElement(c.A,{id:"input-01"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-02"},a().createElement(c.A,{id:"input-02"})))))}],p=[{id:"required",label:"".concat(u," - Required"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-03"},a().createElement(c.A,{id:"input-03"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-04"},a().createElement(c.A,{id:"input-04"})))))},{id:"help-text",label:"".concat(u," - Help text icon with tooltip"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",hasTooltip:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-05"},a().createElement(c.A,{id:"input-05"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-06"},a().createElement(c.A,{id:"input-06"})))))},{id:"has-error",label:"".concat(u," - Error"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-07",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},a().createElement(c.A,{id:"input-07",required:!0,"aria-describedby":"error-message-unique-id"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-08"},a().createElement(c.A,{id:"input-08"})))))},{id:"compound-field-required",label:"".concat(u," - Form Layout (Required)"),context:"".concat(u),element:a().createElement(d,null)},{id:"compound-field-required-tooltip-help",label:"".concat(u," - Form Layout (Required with Tooltip Help)"),context:"".concat(u),element:a().createElement(d,null)}],f=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",context:"Deprecated",element:a().createElement(s.LB,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},a().createElement(c.A,{id:"location-longitude-01",defaultValue:"10.283"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-02"},a().createElement(c.A,{id:"location-latitude-02",defaultValue:"54.293"})))))},{id:"compound-field",label:"".concat(u," - Form Layout"),context:"".concat(u),element:a().createElement(d,null)}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.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,a,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],i=e[d][2];for(var r=!0,s=0;s<n.length;s++)(!1&i\|\|o>=i)&&Object.keys(l.O).every(function(e){return l.O[e](n[s])})?n.splice(s--,1):(r=!1,i<o&&(o=i));if(r){e.splice(d--,1);var c=a();void 0!==c&&(t=c)}}return t}i=i\|\|0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,a,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=4177,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4177:0,4268:0,4583:0,4723:0,4924: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,i,o=n[0],r=n[1],s=n[2],c=0;if(o.some(function(t){return 0!==e[t]})){for(a in r)l.o(r,a)&&(l.m[a]=r[a]);if(s)var d=s(l)}for(t&&t(n);c<o.length;c++)i=o[c],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},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(3504)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/form-element/compound/example.jsx.js"]=a}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3504:function(e,t,n){n.r(t),n.d(t,{default:function(){return m},examples:function(){return f},states:function(){return p}});var l=n(1594),a=n.n(l),i=n(6869),o=n(4187),r=n.n(o),s=n(2711),c=n(5526),d=function(e){var t=e.hasTooltip,n=e.isRequired;return a().createElement(a().Fragment,null,a().createElement(s.LB,{hasCompoundFields:!0,hasTooltip:t,isRequired:n,isDeprecated:!0,label:"Location"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-10"},a().createElement(c.A,{id:"input-10"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-11"},a().createElement(c.A,{id:"input-11"}))))),a().createElement(s.LB,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-12"},a().createElement(c.A,{id:"input-12"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-13"},a().createElement(c.A,{id:"input-13"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-14"},a().createElement(c.A,{id:"input-14",defaultValue:"MT"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-15"},a().createElement(c.A,{id:"input-15"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-16"},a().createElement(c.A,{id:"input-16",defaultValue:"Canada"}))))))};d.propTypes={hasTooltip:r().bool,isRequired:r().bool};var u="Compound",m=[{id:"compound-default",label:"".concat(u," - Default"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location"},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-01"},a().createElement(c.A,{id:"input-01"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-02"},a().createElement(c.A,{id:"input-02"})))))}],p=[{id:"required",label:"".concat(u," - Required"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-03"},a().createElement(c.A,{id:"input-03"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-04"},a().createElement(c.A,{id:"input-04"})))))},{id:"help-text",label:"".concat(u," - Help text icon with tooltip"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",hasTooltip:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-05"},a().createElement(c.A,{id:"input-05"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-06"},a().createElement(c.A,{id:"input-06"})))))},{id:"has-error",label:"".concat(u," - Error"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-07",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},a().createElement(c.A,{id:"input-07",required:!0,"aria-describedby":"error-message-unique-id"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-08"},a().createElement(c.A,{id:"input-08"})))))},{id:"compound-field-required",label:"".concat(u," - Form Layout (Required)"),context:"".concat(u),element:a().createElement(d,null)},{id:"compound-field-required-tooltip-help",label:"".concat(u," - Form Layout (Required with Tooltip Help)"),context:"".concat(u),element:a().createElement(d,null)}],f=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",context:"Deprecated",element:a().createElement(s.LB,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},a().createElement(c.A,{id:"location-longitude-01",defaultValue:"10.283"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-02"},a().createElement(c.A,{id:"location-latitude-02",defaultValue:"54.293"})))))},{id:"compound-field",label:"".concat(u," - Form Layout"),context:"".concat(u),element:a().createElement(d,null)}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.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,a,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],i=e[d][2];for(var r=!0,s=0;s<n.length;s++)(!1&i\|\|o>=i)&&Object.keys(l.O).every(function(e){return l.O[e](n[s])})?n.splice(s--,1):(r=!1,i<o&&(o=i));if(r){e.splice(d--,1);var c=a();void 0!==c&&(t=c)}}return t}i=i\|\|0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,a,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=4177,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4177:0,4268:0,4583:0,4723:0,4924: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,i,o=n[0],r=n[1],s=n[2],c=0;if(o.some(function(t){return 0!==e[t]})){for(a in r)l.o(r,a)&&(l.m[a]=r[a]);if(s)var d=s(l)}for(t&&t(n);c<o.length;c++)i=o[c],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},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(3504)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/form-element/compound/example.jsx.js"]=a}();