npm - @salesforce-ux/design-system - Versions diffs - 2.17.2 → 2.17.3 - Mend

@salesforce-ux/design-system 2.17.2 → 2.17.3

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 (963) hide show

package/__internal/chunked/showcase/ui/components/data-tables/inline-edit/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/inline-edit/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],c=t[1],d=t[2],m=0,u=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&u.push(n[r][0]),n[r]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(s&&s(t);u.length;)u.shift()();return i.push.apply(i,d\|\|[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],l=!0,o=1;o<a.length;o++){var c=a[o];0!==n[c]&&(l=!1)}l&&(i.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={54:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var s=c;return i.push([681,0]),a()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},681:function(e,t,a){"use strict";a.r(t),a.d(t,"InlineEditTableFocusedCell",(function(){return f})),a.d(t,"states",(function(){return x}));var l=a(0),n=a.n(l),i=a(6),r=a(3),o=a(1),c=a.n(o);function d(){return(d=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var s=function(e){return n.a.createElement("div",d({className:"demo-only"},e),e.children)};s.propTypes={children:c.a.node};var m=function(e){var t=Object(l.useContext)(r.d).isActionableMode;return n.a.createElement(r.p,{isSelected:e.isSelected},n.a.createElement(r.t,{hasFocus:"error"===e.focusedCell,isEditable:!0,isErrorCell:!0,type:"advanced"},n.a.createElement(r.f,{hasError:e.showRowError,index:e.index})),n.a.createElement(r.t,{hasFocus:"selectRow"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"selectRow"!==e.focusableCell?null:"0",type:"advanced"},n.a.createElement(r.n,{checked:e.isSelected,index:e.index,inputTabIndex:t?"0":"-1"})),n.a.createElement(r.m,{hasFocus:"recordName"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"recordName"!==e.focusableCell?null:"0"},n.a.createElement(r.e,{buttonText:"Edit Name of "+e.recordName,cellLink:!0,cellText:e.recordName,index:e.index})),n.a.createElement(r.t,{hasError:e.showCellError,hasFocus:"accountName"===e.focusedCell,isEditable:!0,isEdited:e.showEditedCell,isEditing:e.showEdit,isLocked:e.isLocked,tabIndex:t\|\|"accountName"!==e.focusableCell?null:"0",type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Account Name of "+e.recordName,cellText:e.accountName,hasError:e.showEditError,index:e.index,isLocked:e.isLocked,isRequired:e.showEditRequired,showEdit:e.showEdit})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Close Date of "+e.recordName,cellText:e.closeDate,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Stage of "+e.recordName,cellText:e.stage,index:e.index})),n.a.createElement(r.t,{isEditable:!0,isLocked:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Confidence of "+e.recordName,cellText:e.confidence,index:e.index,isLocked:!0})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Amount of "+e.recordName,cellText:e.amount,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Contact of "+e.recordName,cellText:e.contact,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.k,{isEditable:!0,rowName:e.recordName})))};m.displayName="InlineEditTr",m.propTypes={accountName:c.a.string.isRequired,amount:c.a.string.isRequired,closeDate:c.a.string.isRequired,confidence:c.a.string.isRequired,contact:c.a.string.isRequired,focusableCell:c.a.string,focusedCell:c.a.string,index:c.a.number.isRequired,isLocked:c.a.bool,recordName:c.a.string.isRequired,isSelected:c.a.bool,showCellError:Object(i.b)("showRowError",c.a.bool),showEdit:c.a.bool,showEditError:c.a.bool,showEditRequired:c.a.bool,showEditedCell:c.a.bool,showRowError:c.a.bool,stage:c.a.string.isRequired};var u=a(42),E=a(73);function b(){return(b=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var p=i.d.uniqueId("dialog-heading-id-"),h=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],y=[{recordName:"Acme - 1,200 Widgets",accountName:"Acme",closeDate:"4/10/15",stage:"Value Proposition",confidence:"30%",amount:"$25,000,000",contact:"jrogers@acme.com"},{recordName:"Acme - 200 Widgets",accountName:"Acme",closeDate:"1/31/15",stage:"Prospecting",confidence:"60%",amount:"$5,000,000",contact:"bob@acme.com"},{recordName:"salesforce.com - 1,000 Widgets",accountName:"salesforce.com",closeDate:"1/31/15 3:45PM",stage:"Id. Decision Makers",confidence:"70%",amount:"$25,000",contact:"nathan@salesforce.com"}],f=function(){return n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"recordName":null,index:t+1,isSelected:!1,key:t},e))}))))))},x=(t.default=n.a.createElement(r.h,null,n.a.createElement(r.s,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example default inline edit table with cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusableCell:"recordName",index:t+1,isSelected:!1,key:t},e))}))))),[{id:"with-link",label:"Cell focused - Link (Actionable mode)",element:n.a.createElement(f,null),script:"\n document.getElementById('link-01').focus()\n "},{id:"checkbox",label:"Cell focused - Checkbox (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with checkbox cell focused"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"selectRow":null,index:t+1,isSelected:!1,key:t},e))})))))),script:"\n document.getElementById('checkbox-01').focus()\n "},{id:"focused",label:"Cell focused (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusableCell:0===t?"accountName":null,focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t},e))})))))},{id:"edit",label:"Cell edit (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edit"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"required",label:"Cell edit — Required (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with required cell edit"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditRequired:!0},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"error",label:"Cell edit — Error (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditError:!0,showEditRequired:!0},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"edited",label:"Cell edited (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEditedCell:0===t},e))}))))))},{id:"row-selected-with-edited-cell",label:"Row Selected with an Edited Cell",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited in selected row"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showEditedCell:0===t},e))}))))))},{id:"row-error",label:"Error - Row level on save (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))})))))),script:"\n document.getElementById('button-01').focus()\n "},{id:"row-error-and-selected",label:"Error - Row level on save (Actionable mode) with entire row selected",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save in selected row"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showCellError:0===t,showRowError:0===t},e))}))))))},{id:"row-error-focused",label:"Error indicator - Focused (Actionable mode)",element:n.a.createElement(s,{style:{marginTop:"100px",marginLeft:"10px"}},n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with error indicator focused"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"error":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))}))))),n.a.createElement(u.a,{className:"slds-popover_error slds-nubbin_bottom-left",closeButton:!0,header:n.a.createElement(E.FeedbackHeader,{headingId:p,symbol:"error",title:"Resolve error"}),headingId:p,inverse:!0,style:{position:"absolute",top:"-56px"}},n.a.createElement("p",null,"Company encountered an error")))),script:"\n document.getElementById('error-01').focus()\n "},{id:"header-cell-focused",label:"Header cell focused (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,{accountName:y[t].accountName,amount:y[t].amount,closeDate:y[t].closeDate,confidence:y[t].confidence,contact:y[t].contact,index:t+1,isSelected:!1,key:t,recordName:y[t].recordName,stage:y[t].stage})})))))},{id:"header-cell-marked",label:"Header cell marked (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell marked"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,{accountName:y[t].accountName,amount:y[t].amount,closeDate:y[t].closeDate,confidence:y[t].confidence,contact:y[t].contact,index:t+1,isSelected:!1,key:t,recordName:y[t].recordName,stage:y[t].stage})})))))}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/inline-edit/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],c=t[1],d=t[2],m=0,u=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&u.push(n[r][0]),n[r]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(s&&s(t);u.length;)u.shift()();return i.push.apply(i,d\|\|[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],l=!0,o=1;o<a.length;o++){var c=a[o];0!==n[c]&&(l=!1)}l&&(i.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={54:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var s=c;return i.push([682,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},682:function(e,t,a){"use strict";a.r(t),a.d(t,"InlineEditTableFocusedCell",(function(){return f})),a.d(t,"states",(function(){return x}));var l=a(0),n=a.n(l),i=a(6),r=a(3),o=a(1),c=a.n(o);function d(){return(d=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var s=function(e){return n.a.createElement("div",d({className:"demo-only"},e),e.children)};s.propTypes={children:c.a.node};var m=function(e){var t=Object(l.useContext)(r.d).isActionableMode;return n.a.createElement(r.p,{isSelected:e.isSelected},n.a.createElement(r.t,{hasFocus:"error"===e.focusedCell,isEditable:!0,isErrorCell:!0,type:"advanced"},n.a.createElement(r.f,{hasError:e.showRowError,index:e.index})),n.a.createElement(r.t,{hasFocus:"selectRow"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"selectRow"!==e.focusableCell?null:"0",type:"advanced"},n.a.createElement(r.n,{checked:e.isSelected,index:e.index,inputTabIndex:t?"0":"-1"})),n.a.createElement(r.m,{hasFocus:"recordName"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"recordName"!==e.focusableCell?null:"0"},n.a.createElement(r.e,{buttonText:"Edit Name of "+e.recordName,cellLink:!0,cellText:e.recordName,index:e.index})),n.a.createElement(r.t,{hasError:e.showCellError,hasFocus:"accountName"===e.focusedCell,isEditable:!0,isEdited:e.showEditedCell,isEditing:e.showEdit,isLocked:e.isLocked,tabIndex:t\|\|"accountName"!==e.focusableCell?null:"0",type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Account Name of "+e.recordName,cellText:e.accountName,hasError:e.showEditError,index:e.index,isLocked:e.isLocked,isRequired:e.showEditRequired,showEdit:e.showEdit})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Close Date of "+e.recordName,cellText:e.closeDate,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Stage of "+e.recordName,cellText:e.stage,index:e.index})),n.a.createElement(r.t,{isEditable:!0,isLocked:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Confidence of "+e.recordName,cellText:e.confidence,index:e.index,isLocked:!0})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Amount of "+e.recordName,cellText:e.amount,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.e,{buttonText:"Edit Contact of "+e.recordName,cellText:e.contact,index:e.index})),n.a.createElement(r.t,{isEditable:!0,type:"advanced"},n.a.createElement(r.k,{isEditable:!0,rowName:e.recordName})))};m.displayName="InlineEditTr",m.propTypes={accountName:c.a.string.isRequired,amount:c.a.string.isRequired,closeDate:c.a.string.isRequired,confidence:c.a.string.isRequired,contact:c.a.string.isRequired,focusableCell:c.a.string,focusedCell:c.a.string,index:c.a.number.isRequired,isLocked:c.a.bool,recordName:c.a.string.isRequired,isSelected:c.a.bool,showCellError:Object(i.b)("showRowError",c.a.bool),showEdit:c.a.bool,showEditError:c.a.bool,showEditRequired:c.a.bool,showEditedCell:c.a.bool,showRowError:c.a.bool,stage:c.a.string.isRequired};var u=a(43),E=a(74);function b(){return(b=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}var p=i.d.uniqueId("dialog-heading-id-"),h=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],y=[{recordName:"Acme - 1,200 Widgets",accountName:"Acme",closeDate:"4/10/15",stage:"Value Proposition",confidence:"30%",amount:"$25,000,000",contact:"jrogers@acme.com"},{recordName:"Acme - 200 Widgets",accountName:"Acme",closeDate:"1/31/15",stage:"Prospecting",confidence:"60%",amount:"$5,000,000",contact:"bob@acme.com"},{recordName:"salesforce.com - 1,000 Widgets",accountName:"salesforce.com",closeDate:"1/31/15 3:45PM",stage:"Id. Decision Makers",confidence:"70%",amount:"$25,000",contact:"nathan@salesforce.com"}],f=function(){return n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"recordName":null,index:t+1,isSelected:!1,key:t},e))}))))))},x=(t.default=n.a.createElement(r.h,null,n.a.createElement(r.s,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example default inline edit table with cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusableCell:"recordName",index:t+1,isSelected:!1,key:t},e))}))))),[{id:"with-link",label:"Cell focused - Link (Actionable mode)",element:n.a.createElement(f,null),script:"\n document.getElementById('link-01').focus()\n "},{id:"checkbox",label:"Cell focused - Checkbox (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with checkbox cell focused"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"selectRow":null,index:t+1,isSelected:!1,key:t},e))})))))),script:"\n document.getElementById('checkbox-01').focus()\n "},{id:"focused",label:"Cell focused (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusableCell:0===t?"accountName":null,focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t},e))})))))},{id:"edit",label:"Cell edit (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edit"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"required",label:"Cell edit — Required (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with required cell edit"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditRequired:!0},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"error",label:"Cell edit — Error (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditError:!0,showEditRequired:!0},e))})))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"edited",label:"Cell edited (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({index:t+1,isSelected:!1,key:t,showEditedCell:0===t},e))}))))))},{id:"row-selected-with-edited-cell",label:"Row Selected with an Edited Cell",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited in selected row"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showEditedCell:0===t},e))}))))))},{id:"row-error",label:"Error - Row level on save (Actionable mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))})))))),script:"\n document.getElementById('button-01').focus()\n "},{id:"row-error-and-selected",label:"Error - Row level on save (Actionable mode) with entire row selected",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save in selected row"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showCellError:0===t,showRowError:0===t},e))}))))))},{id:"row-error-focused",label:"Error indicator - Focused (Actionable mode)",element:n.a.createElement(s,{style:{marginTop:"100px",marginLeft:"10px"}},n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with error indicator focused"},n.a.createElement(r.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,b({focusedCell:0===t?"error":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))}))))),n.a.createElement(u.a,{className:"slds-popover_error slds-nubbin_bottom-left",closeButton:!0,header:n.a.createElement(E.FeedbackHeader,{headingId:p,symbol:"error",title:"Resolve error"}),headingId:p,inverse:!0,style:{position:"absolute",top:"-56px"}},n.a.createElement("p",null,"Company encountered an error")))),script:"\n document.getElementById('error-01').focus()\n "},{id:"header-cell-focused",label:"Header cell focused (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell focused"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,{accountName:y[t].accountName,amount:y[t].amount,closeDate:y[t].closeDate,confidence:y[t].confidence,contact:y[t].contact,index:t+1,isSelected:!1,key:t,recordName:y[t].recordName,stage:y[t].stage})})))))},{id:"header-cell-marked",label:"Header cell marked (Navigation mode)",element:n.a.createElement(r.h,null,n.a.createElement(r.s,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell marked"},n.a.createElement(r.a,{columns:h,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n.a.createElement(r.o,null,y.map((function(e,t){return n.a.createElement(m,{accountName:y[t].accountName,amount:y[t].amount,closeDate:y[t].closeDate,confidence:y[t].confidence,contact:y[t].contact,index:t+1,isSelected:!1,key:t,recordName:y[t].recordName,stage:y[t].stage})})))))}])}});

package/__internal/chunked/showcase/ui/components/data-tables/responsive/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],s=t[1],u=t[2],m=0,d=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&d.push(n[r][0]),n[r]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);for(i&&i(t);d.length;)d.shift()();return c.push.apply(c,u\|\|[]),a()}function a(){for(var e,t=0;t<c.length;t++){for(var a=c[t],l=!0,o=1;o<a.length;o++){var s=a[o];0!==n[s]&&(l=!1)}l&&(c.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={55:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},c=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=o.push.bind(o);o.push=t,o=o.slice();for(var u=0;u<o.length;u++)t(o[u]);var i=s;return c.push([~~683~~,0]),a()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~683~~:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p}));var l=a(0),n=a.n(l),c=a(1),r=a.n(c),o=a(4),s=a(25),u=a(3),i=function(e){return n.a.createElement(u.r,null,n.a.createElement(u.c,null,n.a.createElement("span",{className:"slds-assistive-text",id:"check-group-header"},"Choose a row to select"),n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Opportunity Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Account Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Close Date"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Stage"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Confidence"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Amount"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Contact"})),n.a.createElement(u.c,{columnName:"Actions",isAssistiveText:!0}))};i.propTypes={checked:r.a.bool};var m=function(e){return n.a.createElement(u.p,null,n.a.createElement(u.t,{"data-label":"Select Row",type:"base"},n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index)})),n.a.createElement(u.m,{"data-label":"Opportunity Name",type:"base"},n.a.createElement(u.j,{cellText:e.title})),n.a.createElement(u.t,{"data-label":"Account Name",type:"base"},n.a.createElement(u.j,{cellText:"Cloudhub"})),n.a.createElement(u.t,{"data-label":"Close Date",type:"base"},n.a.createElement(u.j,{cellText:"4/14/2015"})),n.a.createElement(u.t,{"data-label":"Prospecting",type:"base"},n.a.createElement(u.j,{cellText:"Prospecting"})),n.a.createElement(u.t,{"data-label":"Confidence",type:"base"},n.a.createElement(u.j,{cellText:"20%"})),n.a.createElement(u.t,{"data-label":"Amount",type:"base"},n.a.createElement(u.j,{cellText:"$25k"})),n.a.createElement(u.t,{"data-label":"Contact",type:"base"},n.a.createElement(u.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(u.j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),n.a.createElement(u.t,{"data-label":"Actions",isShrunken:!0,type:"base"},n.a.createElement(o.b,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};m.propTypes={checked:r.a.bool,index:r.a.string,title:r.a.string};var d=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},b=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},p=(t.default=n.a.createElement(b,null),[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:n.a.createElement(b,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:n.a.createElement(d,null)}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],s=t[1],u=t[2],m=0,d=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&d.push(n[r][0]),n[r]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);for(i&&i(t);d.length;)d.shift()();return c.push.apply(c,u\|\|[]),a()}function a(){for(var e,t=0;t<c.length;t++){for(var a=c[t],l=!0,o=1;o<a.length;o++){var s=a[o];0!==n[s]&&(l=!1)}l&&(c.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={55:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},c=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=o.push.bind(o);o.push=t,o=o.slice();for(var u=0;u<o.length;u++)t(o[u]);var i=s;return c.push([684,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},684:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p}));var l=a(0),n=a.n(l),c=a(1),r=a.n(c),o=a(4),s=a(26),u=a(3),i=function(e){return n.a.createElement(u.r,null,n.a.createElement(u.c,null,n.a.createElement("span",{className:"slds-assistive-text",id:"check-group-header"},"Choose a row to select"),n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Opportunity Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Account Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Close Date"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Stage"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Confidence"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Amount"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Contact"})),n.a.createElement(u.c,{columnName:"Actions",isAssistiveText:!0}))};i.propTypes={checked:r.a.bool};var m=function(e){return n.a.createElement(u.p,null,n.a.createElement(u.t,{"data-label":"Select Row",type:"base"},n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index)})),n.a.createElement(u.m,{"data-label":"Opportunity Name",type:"base"},n.a.createElement(u.j,{cellText:e.title})),n.a.createElement(u.t,{"data-label":"Account Name",type:"base"},n.a.createElement(u.j,{cellText:"Cloudhub"})),n.a.createElement(u.t,{"data-label":"Close Date",type:"base"},n.a.createElement(u.j,{cellText:"4/14/2015"})),n.a.createElement(u.t,{"data-label":"Prospecting",type:"base"},n.a.createElement(u.j,{cellText:"Prospecting"})),n.a.createElement(u.t,{"data-label":"Confidence",type:"base"},n.a.createElement(u.j,{cellText:"20%"})),n.a.createElement(u.t,{"data-label":"Amount",type:"base"},n.a.createElement(u.j,{cellText:"$25k"})),n.a.createElement(u.t,{"data-label":"Contact",type:"base"},n.a.createElement(u.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(u.j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),n.a.createElement(u.t,{"data-label":"Actions",isShrunken:!0,type:"base"},n.a.createElement(o.b,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};m.propTypes={checked:r.a.bool,index:r.a.string,title:r.a.string};var d=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},b=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},p=(t.default=n.a.createElement(b,null),[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:n.a.createElement(b,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:n.a.createElement(d,null)}])}});

package/__internal/chunked/showcase/ui/components/datepickers/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={56:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([33,0]),r()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={56:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([34,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM}});

package/__internal/chunked/showcase/ui/components/datepickers/range/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],u=t[2],s=0,m=[];s<i.length;s++)r=i[s],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&m.push(l[r][0]),l[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(o&&o(t);m.length;)m.shift()();return d.push.apply(d,u\|\|[]),a()}function a(){for(var e,t=0;t<d.length;t++){for(var a=d[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==l[c]&&(n=!1)}n&&(d.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={57:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},d=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var o=c;return d.push([~~549~~,0]),a()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~549~~:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return c})),a.d(t,"examples",(function(){return u}));var n=a(0),l=a.n(n),d=a(33),r="height: 25rem;",i=function(e){return l.a.createElement("div",{className:"slds-form slds-form_compound"},l.a.createElement("fieldset",{className:"slds-form-element"},l.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),l.a.createElement("div",{className:"slds-form-element__control"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default")}))}];var c=[{id:"start-date",label:"Start date selected",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-start_selected")}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020"}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected_diff_week"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-today_in_range"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-adjacent_month"),defaultValue:"06/28/2020"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020"}))}],u=[{id:"table_default",label:"Default in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default")})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-start_selected")})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020"})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected_diff_week"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-today_in_range"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-adjacent_month"),defaultValue:"06/28/2020"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020"})))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],u=t[2],s=0,m=[];s<i.length;s++)r=i[s],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&m.push(l[r][0]),l[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(o&&o(t);m.length;)m.shift()();return d.push.apply(d,u\|\|[]),a()}function a(){for(var e,t=0;t<d.length;t++){for(var a=d[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==l[c]&&(n=!1)}n&&(d.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={57:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},d=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var o=c;return d.push([550,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},550:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return c})),a.d(t,"examples",(function(){return u}));var n=a(0),l=a.n(n),d=a(34),r="height: 25rem;",i=function(e){return l.a.createElement("div",{className:"slds-form slds-form_compound"},l.a.createElement("fieldset",{className:"slds-form-element"},l.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),l.a.createElement("div",{className:"slds-form-element__control"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default")}))}];var c=[{id:"start-date",label:"Start date selected",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-start_selected")}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020"}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected_diff_week"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-today_in_range"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-adjacent_month"),defaultValue:"06/28/2020"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020"}))}],u=[{id:"table_default",label:"Default in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default")})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-start_selected")})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020"})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected_diff_week"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-today_in_range"),defaultValue:"06/24/2021"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020"})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-adjacent_month"),defaultValue:"06/28/2020"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020"})))}]}});

package/__internal/chunked/showcase/ui/components/datetime-picker/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datetime-picker/base/example.jsx.js"]=function(e){function t(t){for(var a,l,s=t[0],i=t[1],d=t[2],u=0,m=[];u<s.length;u++)l=s[u],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&m.push(n[l][0]),n[l]=0;for(a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a]);for(c&&c(t);m.length;)m.shift()();return o.push.apply(o,d\|\|[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],a=!0,s=1;s<r.length;s++){var i=r[s];0!==n[i]&&(a=!1)}a&&(o.splice(t--,1),e=l(l.s=r[0]))}return e}var a={},n={58:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function l(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=a,l.d=function(e,t,r){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(r,a,function(t){return e[t]}.bind(null,a));return 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.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=s.push.bind(s);s.push=t,s=s.slice();for(var d=0;d<s.length;d++)t(s[d]);var c=i;return o.push([~~600~~,0]),r()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~600~~:function(e,t,r){"use strict";r.r(t),r.d(t,"examples",(function(){return g})),r.d(t,"states",(function(){return w}));var a=r(0),n=r.n(a),o=r(1),l=r.n(o),s=r(2),i=r.n(s),d=r(6),c=r(17),u=r(19),m=r(21),p=r(8),b=r(33),f=r(4),h=r(5),y=r(11);function _(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)return;var a,n,o=[],l=!0,s=!1;try{for(r=r.call(e);!(l=(a=r.next()).done)&&(o.push(a.value),!t\|\|o.length!==t);l=!0);}catch(e){s=!0,n=e}finally{try{l\|\|null==r.return\|\|r.return()}finally{if(s)throw n}}return o}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return v(e,t)}(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 v(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var S=function(e){var t=e.dropdown,r=e.dropdownIsOpen,o=e.hasFocus,l=e.hasError,s=e.isOpen,m=e.isRequired,b=e.isDisabled,v=e.listboxData,S=e.dateDefaultValue,g=e.showRequiredIndicator,w=Object(a.useRef)(),D=_(Object(a.useState)(""),2),O=D[0],x=D[1],E=_(Object(a.useState)(""),2),I=E[0],j=E[1],q=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0],k=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0],R=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0];Object(a.useEffect)((function(){w.current&&("id"in w.current&&w.current.id&&x(w.current.id),"ariaChecked"in w.current&&w.current.ariaChecked&&j(w.current.textContent))}),[]);var T={"slds-is-open":r};return n.a.createElement("div",{className:"slds-form"},n.a.createElement("fieldset",{className:i()("slds-form-element slds-form-element_compound",{"slds-has-error":l})},n.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},m&&n.a.createElement("abbr",{className:"slds-required",title:"required"},"*"," "),"Date and Time"),n.a.createElement("div",{className:"slds-form-element__control"},n.a.createElement("div",{className:"slds-form-element__group"},n.a.createElement("div",{className:"slds-form-element__row"},n.a.createElement(h.b,{formElementClassName:i()("slds-dropdown-trigger slds-dropdown-trigger_click",T),labelContent:"Date",inputId:q,hasRightIcon:!0,dropdown:t,hasError:l,isRequired:m,showRequiredIndicator:g},n.a.createElement(y.a,{id:q,placeholder:"Select a date…",defaultValue:S,"aria-describedby":l&&q+"-error",required:m,disabled:b}),n.a.createElement(f.b,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:b})),n.a.createElement(c.b,{id:k,"aria-controls":R,"aria-activedescendant":O,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",hasError:l,isDisabled:b,rightInputIcon:n.a.createElement(p.UtilityIcon,{symbol:"clock",className:i()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":l,"slds-is-disabled":b}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:n.a.createElement(u.e,{className:"slds-dropdown_fluid slds-dropdown_left",id:R,snapshot:v,type:"plain",count:6,focusedRef:w}),resultsType:"listbox",hasInteractions:!0,hasFocus:o,isOpen:s,value:I})))),l&&n.a.createElement("div",{className:"slds-form-element__help",id:q+"-error"},"Complete this field.")))};S.propTypes={dropdown:l.a.node,dropdownIsOpen:l.a.bool,hasFocus:l.a.bool,isOpen:l.a.bool,isRequired:l.a.bool,hasError:l.a.bool,listboxIsOpen:l.a.bool,listboxData:l.a.object.isRequired,dateDefaultValue:l.a.string,showRequiredIndicator:l.a.bool,isDisabled:l.a.bool},S.defaultProps={dropdown:n.a.createElement(b.DatePicker,{todayActive:!0}),dropdownIsOpen:!0,showRequiredIndicator:!1,isDisabled:!1},t.default=n.a.createElement(S,{listboxData:m.t});var g=[{id:"small-width-container",label:"Small Width Container",demoStyles:"height: auto; width: 200px; border: 1px dashed #ddd;",storybookStyles:!0,element:n.a.createElement(S,{dropdownIsOpen:!1,listboxData:m.t})}],w=[{id:"date-selection",label:"Date selected",element:n.a.createElement(S,{dropdown:n.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"}),dateDefaultValue:"06/24/2021",listboxData:m.t})},{id:"time-selection",label:"Time selected",demoStyles:"height: 20rem;",storybookStyles:!0,element:n.a.createElement(S,{dropdown:n.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00am"}),dropdownIsOpen:!1,dateDefaultValue:"06/24/2021",isOpen:!0,hasFocus:!0,listboxData:m.v})},{id:"required",label:"Date and Time - required",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,isRequired:!0,listboxData:m.t})},{id:"error",label:"Date and Time - error",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,hasError:!0,listboxData:m.t})},{id:"required-error",label:"Date and Time - required and has error",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,isRequired:!0,hasError:!0,listboxData:m.t})},{id:"disabled",label:"Date and Time - disabled",demoStyles:"height: 10rem;",storybookStyles:!0,element:n.a.createElement(S,{dropdownIsOpen:!1,listboxData:m.t,isDisabled:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datetime-picker/base/example.jsx.js"]=function(e){function t(t){for(var a,l,s=t[0],i=t[1],d=t[2],u=0,m=[];u<s.length;u++)l=s[u],Object.prototype.hasOwnProperty.call(n,l)&&n[l]&&m.push(n[l][0]),n[l]=0;for(a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a]);for(c&&c(t);m.length;)m.shift()();return o.push.apply(o,d\|\|[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],a=!0,s=1;s<r.length;s++){var i=r[s];0!==n[i]&&(a=!1)}a&&(o.splice(t--,1),e=l(l.s=r[0]))}return e}var a={},n={58:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function l(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=a,l.d=function(e,t,r){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(r,a,function(t){return e[t]}.bind(null,a));return 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.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=s.push.bind(s);s.push=t,s=s.slice();for(var d=0;d<s.length;d++)t(s[d]);var c=i;return o.push([601,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},601:function(e,t,r){"use strict";r.r(t),r.d(t,"examples",(function(){return g})),r.d(t,"states",(function(){return w}));var a=r(0),n=r.n(a),o=r(1),l=r.n(o),s=r(2),i=r.n(s),d=r(6),c=r(18),u=r(20),m=r(22),p=r(8),b=r(34),f=r(4),h=r(5),y=r(12);function _(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)return;var a,n,o=[],l=!0,s=!1;try{for(r=r.call(e);!(l=(a=r.next()).done)&&(o.push(a.value),!t\|\|o.length!==t);l=!0);}catch(e){s=!0,n=e}finally{try{l\|\|null==r.return\|\|r.return()}finally{if(s)throw n}}return o}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r\|\|"Set"===r)return Array.from(e);if("Arguments"===r\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(r))return v(e,t)}(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 v(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var S=function(e){var t=e.dropdown,r=e.dropdownIsOpen,o=e.hasFocus,l=e.hasError,s=e.isOpen,m=e.isRequired,b=e.isDisabled,v=e.listboxData,S=e.dateDefaultValue,g=e.showRequiredIndicator,w=Object(a.useRef)(),D=_(Object(a.useState)(""),2),O=D[0],x=D[1],E=_(Object(a.useState)(""),2),I=E[0],j=E[1],q=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0],k=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0],R=_(Object(a.useState)(d.d.uniqueId("example-unique-id-")),1)[0];Object(a.useEffect)((function(){w.current&&("id"in w.current&&w.current.id&&x(w.current.id),"ariaChecked"in w.current&&w.current.ariaChecked&&j(w.current.textContent))}),[]);var T={"slds-is-open":r};return n.a.createElement("div",{className:"slds-form"},n.a.createElement("fieldset",{className:i()("slds-form-element slds-form-element_compound",{"slds-has-error":l})},n.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},m&&n.a.createElement("abbr",{className:"slds-required",title:"required"},"*"," "),"Date and Time"),n.a.createElement("div",{className:"slds-form-element__control"},n.a.createElement("div",{className:"slds-form-element__group"},n.a.createElement("div",{className:"slds-form-element__row"},n.a.createElement(h.b,{formElementClassName:i()("slds-dropdown-trigger slds-dropdown-trigger_click",T),labelContent:"Date",inputId:q,hasRightIcon:!0,dropdown:t,hasError:l,isRequired:m,showRequiredIndicator:g},n.a.createElement(y.a,{id:q,placeholder:"Select a date…",defaultValue:S,"aria-describedby":l&&q+"-error",required:m,disabled:b}),n.a.createElement(f.b,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:b})),n.a.createElement(c.b,{id:k,"aria-controls":R,"aria-activedescendant":O,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",hasError:l,isDisabled:b,rightInputIcon:n.a.createElement(p.UtilityIcon,{symbol:"clock",className:i()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":l,"slds-is-disabled":b}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:n.a.createElement(u.e,{className:"slds-dropdown_fluid slds-dropdown_left",id:R,snapshot:v,type:"plain",count:6,focusedRef:w}),resultsType:"listbox",hasInteractions:!0,hasFocus:o,isOpen:s,value:I})))),l&&n.a.createElement("div",{className:"slds-form-element__help",id:q+"-error"},"Complete this field.")))};S.propTypes={dropdown:l.a.node,dropdownIsOpen:l.a.bool,hasFocus:l.a.bool,isOpen:l.a.bool,isRequired:l.a.bool,hasError:l.a.bool,listboxIsOpen:l.a.bool,listboxData:l.a.object.isRequired,dateDefaultValue:l.a.string,showRequiredIndicator:l.a.bool,isDisabled:l.a.bool},S.defaultProps={dropdown:n.a.createElement(b.DatePicker,{todayActive:!0}),dropdownIsOpen:!0,showRequiredIndicator:!1,isDisabled:!1},t.default=n.a.createElement(S,{listboxData:m.t});var g=[{id:"small-width-container",label:"Small Width Container",demoStyles:"height: auto; width: 200px; border: 1px dashed #ddd;",storybookStyles:!0,element:n.a.createElement(S,{dropdownIsOpen:!1,listboxData:m.t})}],w=[{id:"date-selection",label:"Date selected",element:n.a.createElement(S,{dropdown:n.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"}),dateDefaultValue:"06/24/2021",listboxData:m.t})},{id:"time-selection",label:"Time selected",demoStyles:"height: 20rem;",storybookStyles:!0,element:n.a.createElement(S,{dropdown:n.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00am"}),dropdownIsOpen:!1,dateDefaultValue:"06/24/2021",isOpen:!0,hasFocus:!0,listboxData:m.v})},{id:"required",label:"Date and Time - required",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,isRequired:!0,listboxData:m.t})},{id:"error",label:"Date and Time - error",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,hasError:!0,listboxData:m.t})},{id:"required-error",label:"Date and Time - required and has error",demoStyles:"height: 20rem;",element:n.a.createElement(S,{dropdownIsOpen:!1,isRequired:!0,hasError:!0,listboxData:m.t})},{id:"disabled",label:"Date and Time - disabled",demoStyles:"height: 10rem;",storybookStyles:!0,element:n.a.createElement(S,{dropdownIsOpen:!1,listboxData:m.t,isDisabled:!0})}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=function(e){function a(a){for(var l,o,d=a[0],c=a[1],i=a[2],r=0,u=[];r<d.length;r++)o=d[r],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(m&&m(a);u.length;)u.shift()();return n.push.apply(n,i\|\|[]),s()}function s(){for(var e,a=0;a<n.length;a++){for(var s=n[a],l=!0,d=1;d<s.length;d++){var c=s[d];0!==t[c]&&(l=!1)}l&&(n.splice(a--,1),e=o(o.s=s[0]))}return e}var l={},t={59:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},n=[];function o(a){if(l[a])return l[a].exports;var s=l[a]={i:a,l:!1,exports:{}};return e[a].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=l,o.d=function(e,a,s){o.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:s})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,a){if(1&a&&(e=o(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)o.d(s,l,function(a){return e[a]}.bind(null,l));return s},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,"a",a),a},o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},o.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=d.push.bind(d);d.push=a,d=d.slice();for(var i=0;i<d.length;i++)a(d[i]);var m=c;return n.push([582,0]),s()}({0:function(e,a){e.exports=React},15:function(e,a){e.exports=ReactDOM},582:function(e,a,s){"use strict";s.r(a),s.d(a,"Footer",(function(){return g})),s.d(a,"DockedComposerPanel",(function(){return v})),s.d(a,"ComposerOverflowMenu",(function(){return x})),s.d(a,"Context",(function(){return C})),s.d(a,"states",(function(){return k})),s.d(a,"examples",(function(){return w}));var l=s(0),t=s.n(l),n=s(50),o=s(4),d=s(13),c=s(22),i=s(14),m=s(5),r=s(11),u=s(26),p=s(16),b=s(9),_=s(2),E=s.n(_),N=s(6),h=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],g=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-text-align_right"},t.a.createElement("button",{className:"slds-button slds-button_brand"},"Action"))},f=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},t.a.createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},t.a.createElement("ul",{className:"slds-grid","aria-label":"Insert content"},t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),t.a.createElement("button",{className:"slds-button slds-button_brand"},"Send"))},v=function(e){return t.a.createElement("section",{className:E()("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:"dialog-heading-id-1","aria-describedby":e.nestedDialog?null:"dialog-content-id-1"},t.a.createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},t.a.createElement("div",{className:"slds-media slds-media_center slds-no-space"},t.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},t.a.createElement("span",{className:"slds-icon_container"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),t.a.createElement("div",{className:"slds-media__body"},e.dialogClosed?t.a.createElement("span",{className:"slds-assistive-text"},"Minimized"):null,t.a.createElement("h2",{className:"slds-truncate",id:"dialog-heading-id-1",title:e.header\|\|"Header"},e.header\|\|"Header"))),t.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},t.a.createElement(o.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),t.a.createElement("div",{className:E()("slds-docked-composer__body",e.bodyClassName),id:"dialog-content-id-1"},e.children),e.footer?t.a.createElement("footer",{className:E()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},x=function(e){return t.a.createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},t.a.createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},t.a.createElement(b.a,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),t.a.createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",t.a.createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),t.a.createElement(d.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},t.a.createElement(d.MenuList,{className:"slds-dropdown_length-with-icon-7"},N.d.times(h.length,(function(e){return t.a.createElement(d.MenuItem,{key:e,title:h[e].title},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-"+h[e].entity+" slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:h[e].entity}),t.a.createElement("span",{className:"slds-assistive-text"},h[e].entity)),h[e].title)})))))},y=function(e){return t.a.createElement(u.c,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},t.a.createElement(u.d,null,t.a.createElement(u.b,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},C=function(e){return t.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)};a.default=t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")));var k=[{id:"single-composer-open",label:"Open",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open slds-has-focus",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-has-focus",dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:t.a.createElement(c.Backdrop,null,t.a.createElement(c.Modal,{className:"slds-docked-composer-modal","aria-labelledby":"dialog-heading-id-1","aria-describedby":"dialog-content-id-1",closeButton:!1},t.a.createElement(c.ModalContent,{id:"modal-content-id"},t.a.createElement(v,{footer:t.a.createElement(g,null),nestedDialog:!0},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(x,null),t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}],w=[{id:"task",label:"Log a Task",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log new task"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")))),t.a.createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.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:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Edit Phone Number"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation"))))),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.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:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),t.a.createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},t.a.createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),t.a.createElement("ul",{className:"slds-has-dividers_around-space"},t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),t.a.createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",t.a.createElement("span",{className:"slds-col_bump-left"},"Yesterday")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),t.a.createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",t.a.createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),t.a.createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",t.a.createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log a call"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:t.a.createElement(f,null)},t.a.createElement("div",{className:"slds-email-composer"},t.a.createElement(u.a,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},t.a.createElement(p.b,null,t.a.createElement(p.c,null,t.a.createElement(p.a,{label:"jrogers@cloudhub.com",tabIndex:"0"},t.a.createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},t.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),t.a.createElement(u.a,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),t.a.createElement(u.a,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:t.a.createElement(y,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),t.a.createElement(m.b,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},t.a.createElement(r.a,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),t.a.createElement(i.a,null,t.a.createElement(i.l,null,t.a.createElement(i.f,null),t.a.createElement(i.g,{tabIndexSetting:"-1"}),t.a.createElement(i.e,null),t.a.createElement(i.d,null),t.a.createElement(i.b,null),t.a.createElement(i.i,null),t.a.createElement(i.c,null)),t.a.createElement(i.k,{placeholder:"Compose Email..."})))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=function(e){function a(a){for(var l,o,d=a[0],c=a[1],i=a[2],r=0,u=[];r<d.length;r++)o=d[r],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(m&&m(a);u.length;)u.shift()();return n.push.apply(n,i\|\|[]),s()}function s(){for(var e,a=0;a<n.length;a++){for(var s=n[a],l=!0,d=1;d<s.length;d++){var c=s[d];0!==t[c]&&(l=!1)}l&&(n.splice(a--,1),e=o(o.s=s[0]))}return e}var l={},t={59:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},n=[];function o(a){if(l[a])return l[a].exports;var s=l[a]={i:a,l:!1,exports:{}};return e[a].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=l,o.d=function(e,a,s){o.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:s})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,a){if(1&a&&(e=o(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)o.d(s,l,function(a){return e[a]}.bind(null,l));return s},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,"a",a),a},o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},o.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=d.push.bind(d);d.push=a,d=d.slice();for(var i=0;i<d.length;i++)a(d[i]);var m=c;return n.push([583,0]),s()}({0:function(e,a){e.exports=React},16:function(e,a){e.exports=ReactDOM},583:function(e,a,s){"use strict";s.r(a),s.d(a,"Footer",(function(){return g})),s.d(a,"DockedComposerPanel",(function(){return v})),s.d(a,"ComposerOverflowMenu",(function(){return x})),s.d(a,"Context",(function(){return C})),s.d(a,"states",(function(){return k})),s.d(a,"examples",(function(){return w}));var l=s(0),t=s.n(l),n=s(51),o=s(4),d=s(14),c=s(23),i=s(15),m=s(5),r=s(12),u=s(27),p=s(17),b=s(9),_=s(2),E=s.n(_),N=s(6),h=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],g=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-text-align_right"},t.a.createElement("button",{className:"slds-button slds-button_brand"},"Action"))},f=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},t.a.createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},t.a.createElement("ul",{className:"slds-grid","aria-label":"Insert content"},t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),t.a.createElement("button",{className:"slds-button slds-button_brand"},"Send"))},v=function(e){return t.a.createElement("section",{className:E()("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:"dialog-heading-id-1","aria-describedby":e.nestedDialog?null:"dialog-content-id-1"},t.a.createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},t.a.createElement("div",{className:"slds-media slds-media_center slds-no-space"},t.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},t.a.createElement("span",{className:"slds-icon_container"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),t.a.createElement("div",{className:"slds-media__body"},e.dialogClosed?t.a.createElement("span",{className:"slds-assistive-text"},"Minimized"):null,t.a.createElement("h2",{className:"slds-truncate",id:"dialog-heading-id-1",title:e.header\|\|"Header"},e.header\|\|"Header"))),t.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},t.a.createElement(o.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),t.a.createElement("div",{className:E()("slds-docked-composer__body",e.bodyClassName),id:"dialog-content-id-1"},e.children),e.footer?t.a.createElement("footer",{className:E()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},x=function(e){return t.a.createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},t.a.createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},t.a.createElement(b.a,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),t.a.createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",t.a.createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),t.a.createElement(d.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},t.a.createElement(d.MenuList,{className:"slds-dropdown_length-with-icon-7"},N.d.times(h.length,(function(e){return t.a.createElement(d.MenuItem,{key:e,title:h[e].title},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-"+h[e].entity+" slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:h[e].entity}),t.a.createElement("span",{className:"slds-assistive-text"},h[e].entity)),h[e].title)})))))},y=function(e){return t.a.createElement(u.c,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},t.a.createElement(u.d,null,t.a.createElement(u.b,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},C=function(e){return t.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)};a.default=t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")));var k=[{id:"single-composer-open",label:"Open",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open slds-has-focus",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-has-focus",dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:t.a.createElement(c.Backdrop,null,t.a.createElement(c.Modal,{className:"slds-docked-composer-modal","aria-labelledby":"dialog-heading-id-1","aria-describedby":"dialog-content-id-1",closeButton:!1},t.a.createElement(c.ModalContent,{id:"modal-content-id"},t.a.createElement(v,{footer:t.a.createElement(g,null),nestedDialog:!0},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(x,null),t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}],w=[{id:"task",label:"Log a Task",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log new task"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")))),t.a.createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.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:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Edit Phone Number"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation"))))),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.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:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),t.a.createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},t.a.createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),t.a.createElement("ul",{className:"slds-has-dividers_around-space"},t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),t.a.createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",t.a.createElement("span",{className:"slds-col_bump-left"},"Yesterday")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),t.a.createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",t.a.createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),t.a.createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",t.a.createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log a call"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{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:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:t.a.createElement(f,null)},t.a.createElement("div",{className:"slds-email-composer"},t.a.createElement(u.a,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},t.a.createElement(p.b,null,t.a.createElement(p.c,null,t.a.createElement(p.a,{label:"jrogers@cloudhub.com",tabIndex:"0"},t.a.createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},t.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),t.a.createElement(u.a,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),t.a.createElement(u.a,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:t.a.createElement(y,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),t.a.createElement(m.b,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},t.a.createElement(r.a,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),t.a.createElement(i.a,null,t.a.createElement(i.l,null,t.a.createElement(i.f,null),t.a.createElement(i.g,{tabIndexSetting:"-1"}),t.a.createElement(i.e,null),t.a.createElement(i.d,null),t.a.createElement(i.b,null),t.a.createElement(i.i,null),t.a.createElement(i.c,null)),t.a.createElement(i.k,{placeholder:"Compose Email..."})))))}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-form-footer/base/example.jsx.js"]=function(e){function t(t){for(var o,a,l=t[0],u=t[1],c=t[2],d=0,b=[];d<l.length;d++)a=l[d],Object.prototype.hasOwnProperty.call(n,a)&&n[a]&&b.push(n[a][0]),n[a]=0;for(o in u)Object.prototype.hasOwnProperty.call(u,o)&&(e[o]=u[o]);for(i&&i(t);b.length;)b.shift()();return s.push.apply(s,c\|\|[]),r()}function r(){for(var e,t=0;t<s.length;t++){for(var r=s[t],o=!0,l=1;l<r.length;l++){var u=r[l];0!==n[u]&&(o=!1)}o&&(s.splice(t--,1),e=a(a.s=r[0]))}return e}var o={},n={60:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function a(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=o,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(r,o,function(t){return e[t]}.bind(null,o));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var i=u;return s.push([~~602~~,0]),r()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~602~~:function(e,t,r){"use strict";r.r(t),r.d(t,"Context",(function(){return c})),r.d(t,"states",(function(){return i}));var o=r(0),n=r.n(o),s=r(4),a=r(42),l=r(73),u=r(6).d.uniqueId("dialog-heading-id-"),c=function(e){return n.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"180px"}},e.children)};t.default=n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"));var i=[{id:"docked-form-footer-with-error",label:"With error(s)",element:n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement(s.b,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"))},{id:"docked-form-footer-with-popover",label:"With error popover",element:n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement(s.b,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"),n.a.createElement(a.a,{className:"slds-popover_error slds-nubbin_bottom-left",headingId:u,header:n.a.createElement(l.FeedbackHeader,{headingId:u,title:"Resolve error",symbol:"error"}),closeButton:!0,inverse:!0,style:{position:"absolute",bottom:"56px",left:"50%",marginLeft:"62px",transform:"translateX(-50%)"}},n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore."," ",n.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},title:"Learn More"},"Learn More"))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-form-footer/base/example.jsx.js"]=function(e){function t(t){for(var o,a,l=t[0],u=t[1],c=t[2],d=0,b=[];d<l.length;d++)a=l[d],Object.prototype.hasOwnProperty.call(n,a)&&n[a]&&b.push(n[a][0]),n[a]=0;for(o in u)Object.prototype.hasOwnProperty.call(u,o)&&(e[o]=u[o]);for(i&&i(t);b.length;)b.shift()();return s.push.apply(s,c\|\|[]),r()}function r(){for(var e,t=0;t<s.length;t++){for(var r=s[t],o=!0,l=1;l<r.length;l++){var u=r[l];0!==n[u]&&(o=!1)}o&&(s.splice(t--,1),e=a(a.s=r[0]))}return e}var o={},n={60:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function a(t){if(o[t])return o[t].exports;var r=o[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=o,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(r,o,function(t){return e[t]}.bind(null,o));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var i=u;return s.push([603,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},603:function(e,t,r){"use strict";r.r(t),r.d(t,"Context",(function(){return c})),r.d(t,"states",(function(){return i}));var o=r(0),n=r.n(o),s=r(4),a=r(43),l=r(74),u=r(6).d.uniqueId("dialog-heading-id-"),c=function(e){return n.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"180px"}},e.children)};t.default=n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"));var i=[{id:"docked-form-footer-with-error",label:"With error(s)",element:n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement(s.b,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"))},{id:"docked-form-footer-with-popover",label:"With error popover",element:n.a.createElement("div",{className:"slds-docked-form-footer"},n.a.createElement(s.b,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n.a.createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n.a.createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"),n.a.createElement(a.a,{className:"slds-popover_error slds-nubbin_bottom-left",headingId:u,header:n.a.createElement(l.FeedbackHeader,{headingId:u,title:"Resolve error",symbol:"error"}),closeButton:!0,inverse:!0,style:{position:"absolute",bottom:"56px",left:"50%",marginLeft:"62px",transform:"translateX(-50%)"}},n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore."," ",n.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},title:"Learn More"},"Learn More"))))}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-utility-bar/base/example.jsx.js"]=function(e){function t(t){for(var l,i,r=t[0],o=t[1],c=t[2],d=0,u=[];d<r.length;d++)i=r[d],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(l in o)Object.prototype.hasOwnProperty.call(o,l)&&(e[l]=o[l]);for(m&&m(t);u.length;)u.shift()();return s.push.apply(s,c\|\|[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],l=!0,r=1;r<a.length;r++){var o=a[r];0!==n[o]&&(l=!1)}l&&(s.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={61:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},s=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(a,l,function(t){return e[t]}.bind(null,l));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],o=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var m=o;return s.push([~~644~~,0]),a()}({0:function(e,t){e.exports=React},~~644~~:function(e,t,a){"use strict";a.r(t),a.d(t,"UtilityPanel",(function(){return m})),a.d(t,"UtilityBarItem",(function(){return d})),a.d(t,"UtilityBar",(function(){return u})),a.d(t,"Context",(function(){return b})),a.d(t,"states",(function(){return f}));var l=a(0),n=a.n(l),s=a(9),i=a(4),r=a(2),o=a.n(r),c="\n height: 540px;\n overflow: hidden;\n\n .slds-utility-bar_container {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .slds-utility-bar,\n .slds-utility-panel {\n position: absolute;\n }\n",m=function(e){return n.a.createElement("div",{className:o()("slds-utility-panel slds-grid slds-grid_vertical",e.className),role:"dialog","aria-labelledby":"panel-heading-01"},n.a.createElement("div",{className:"slds-utility-panel__header slds-grid slds-shrink-none"},n.a.createElement("div",{className:"slds-media slds-media_center"},n.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},n.a.createElement("span",{className:"slds-icon_container"},n.a.createElement(s.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:"call"}))),n.a.createElement("div",{className:"slds-media__body"},n.a.createElement("h2",{id:"panel-heading-01"},e.header\|\|"Header"))),n.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},n.a.createElement(i.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Close Panel",title:"Close Panel"}))),n.a.createElement("div",{className:"slds-utility-panel__body"},e.children))},d=function(e){return n.a.createElement("li",{className:o()("slds-utility-bar__item",{"slds-has-notification":e.notification,"slds-utility-bar__item_pop-out":e.hasPopOut},e.className)},n.a.createElement("button",{className:o()("slds-button slds-utility-bar__action",{"slds-is-active":e.active}),"aria-pressed":!!e.active},e.notification?n.a.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},n.a.createElement("span",{className:"slds-assistive-text"},"●")):null,n.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:e.symbol}),n.a.createElement("span",{className:"slds-utility-bar__text"},e.children),e.hasPopOut&&n.a.createElement("span",{className:"slds-assistive-text"},": is popped out in new window")))},u=function(e){return n.a.createElement("footer",{className:"slds-utility-bar_container","aria-label":"Utility Bar"},n.a.createElement("h2",{className:"slds-assistive-text"},"Utility Bar"),n.a.createElement("ul",{className:o()("slds-utility-bar",e.className)},e.children),e.panel)},p=n.a.createElement(m,{className:"slds-is-open",header:"Call"},n.a.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body")),b=function(e){return n.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"540px"}},e.children)},y=n.a.createElement(u,{panel:n.a.createElement(m,{header:"Call"},n.a.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body"))},n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")));t.default=y;var f=[{id:"default",label:"Default",demoStyles:c,element:y},{id:"open",label:"Panel Open",demoStyles:c,element:n.a.createElement(u,{panel:p},n.a.createElement(d,{symbol:"call",active:!0},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))},{id:"notification",label:"Item has notification",demoStyles:c,element:n.a.createElement(u,null,n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel",notification:!0},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))},{id:"pop-out",label:"Item has popout",demoStyles:c,element:n.a.createElement(u,null,n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{hasPopOut:!0,active:!0,symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-utility-bar/base/example.jsx.js"]=function(e){function t(t){for(var l,i,r=t[0],o=t[1],c=t[2],d=0,u=[];d<r.length;d++)i=r[d],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(l in o)Object.prototype.hasOwnProperty.call(o,l)&&(e[l]=o[l]);for(m&&m(t);u.length;)u.shift()();return s.push.apply(s,c\|\|[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],l=!0,r=1;r<a.length;r++){var o=a[r];0!==n[o]&&(l=!1)}l&&(s.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={61:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},s=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(a,l,function(t){return e[t]}.bind(null,l));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],o=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var m=o;return s.push([645,0]),a()}({0:function(e,t){e.exports=React},645:function(e,t,a){"use strict";a.r(t),a.d(t,"UtilityPanel",(function(){return m})),a.d(t,"UtilityBarItem",(function(){return d})),a.d(t,"UtilityBar",(function(){return u})),a.d(t,"Context",(function(){return b})),a.d(t,"states",(function(){return f}));var l=a(0),n=a.n(l),s=a(9),i=a(4),r=a(2),o=a.n(r),c="\n height: 540px;\n overflow: hidden;\n\n .slds-utility-bar_container {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n .slds-utility-bar,\n .slds-utility-panel {\n position: absolute;\n }\n",m=function(e){return n.a.createElement("div",{className:o()("slds-utility-panel slds-grid slds-grid_vertical",e.className),role:"dialog","aria-labelledby":"panel-heading-01"},n.a.createElement("div",{className:"slds-utility-panel__header slds-grid slds-shrink-none"},n.a.createElement("div",{className:"slds-media slds-media_center"},n.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},n.a.createElement("span",{className:"slds-icon_container"},n.a.createElement(s.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:"call"}))),n.a.createElement("div",{className:"slds-media__body"},n.a.createElement("h2",{id:"panel-heading-01"},e.header\|\|"Header"))),n.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},n.a.createElement(i.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Close Panel",title:"Close Panel"}))),n.a.createElement("div",{className:"slds-utility-panel__body"},e.children))},d=function(e){return n.a.createElement("li",{className:o()("slds-utility-bar__item",{"slds-has-notification":e.notification,"slds-utility-bar__item_pop-out":e.hasPopOut},e.className)},n.a.createElement("button",{className:o()("slds-button slds-utility-bar__action",{"slds-is-active":e.active}),"aria-pressed":!!e.active},e.notification?n.a.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},n.a.createElement("span",{className:"slds-assistive-text"},"●")):null,n.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:e.symbol}),n.a.createElement("span",{className:"slds-utility-bar__text"},e.children),e.hasPopOut&&n.a.createElement("span",{className:"slds-assistive-text"},": is popped out in new window")))},u=function(e){return n.a.createElement("footer",{className:"slds-utility-bar_container","aria-label":"Utility Bar"},n.a.createElement("h2",{className:"slds-assistive-text"},"Utility Bar"),n.a.createElement("ul",{className:o()("slds-utility-bar",e.className)},e.children),e.panel)},p=n.a.createElement(m,{className:"slds-is-open",header:"Call"},n.a.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body")),b=function(e){return n.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"540px"}},e.children)},y=n.a.createElement(u,{panel:n.a.createElement(m,{header:"Call"},n.a.createElement("div",{className:"slds-align_absolute-center"},"Utility Panel Body"))},n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")));t.default=y;var f=[{id:"default",label:"Default",demoStyles:c,element:y},{id:"open",label:"Panel Open",demoStyles:c,element:n.a.createElement(u,{panel:p},n.a.createElement(d,{symbol:"call",active:!0},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))},{id:"notification",label:"Item has notification",demoStyles:c,element:n.a.createElement(u,null,n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel",notification:!0},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))},{id:"pop-out",label:"Item has popout",demoStyles:c,element:n.a.createElement(u,null,n.a.createElement(d,{symbol:"call"},"Call"),n.a.createElement(d,{hasPopOut:!0,active:!0,symbol:"clock"},"History"),n.a.createElement(d,{symbol:"note"},"Notes"),n.a.createElement(d,{symbol:"omni_channel"},n.a.createElement("span",{className:"slds-m-bottom_xxx-small"},"Online"),n.a.createElement("span",null,"Omni-Channel")))}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/drop-zone/base/example.jsx.js"]=function(e){function t(t){for(var a,s,o=t[0],c=t[1],i=t[2],m=0,u=[];m<o.length;m++)s=o[m],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&u.push(l[s][0]),l[s]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(d&&d(t);u.length;)u.shift()();return r.push.apply(r,i\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,o=1;o<n.length;o++){var c=n[o];0!==l[c]&&(a=!1)}a&&(r.splice(t--,1),e=s(s.s=n[0]))}return e}var a={},l={62:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function s(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=e,s.c=a,s.d=function(e,t,n){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)s.d(n,a,function(t){return e[t]}.bind(null,a));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var i=0;i<o.length;i++)t(o[i]);var d=c;return r.push([~~630~~,0]),n()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~630~~:function(e,t,n){"use strict";n.r(t),n.d(t,"Demo",(function(){return E})),n.d(t,"DemoComponent",(function(){return h})),n.d(t,"DropZone",(function(){return b})),n.d(t,"DropZoneInsertionPoint",(function(){return f})),n.d(t,"DropZoneContainer",(function(){return v})),n.d(t,"DropZoneLabel",(function(){return _})),n.d(t,"examples",(function(){return y}));var a=n(0),l=n.n(a),r=n(2),s=n.n(r),o=n(8),c=n(60),i=n(4),d=n(96),m=n(10),u=n(1),p=n.n(u),E=function(e){return l.a.createElement("div",{className:"demo-only",style:{paddingTop:"2rem"}},e.children)};E.propTypes={children:p.a.node};var h=function(e){return l.a.createElement("div",{className:"demo-only demo-component",style:{width:"100%",height:"10rem"}},e.children)};h.propTypes={children:p.a.node};var b=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone",{"slds-drop-zone_drag":e.isDragging})},e.children)};b.propTypes={isDragging:p.a.bool,children:p.a.node};var f=function(e){return l.a.createElement("div",{className:"slds-drop-zone_drag__slot"})},v=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone__container",{"slds-is-hovered":e.isHovered}),tabIndex:"-1"},l.a.createElement(_,{isContainer:!0,headerText:"Component Name"}),e.children,e.hasActions&&l.a.createElement("div",{className:"slds-drop-zone__actions"},l.a.createElement(d.ButtonGroup,null,l.a.createElement(i.b,{className:"slds-button_icon-x-small",theme:"brand",symbol:"move",assistiveText:"Move",title:"Move"}),l.a.createElement(i.b,{className:"slds-button_icon-x-small",theme:"brand",symbol:"close",assistiveText:"Close",title:"Close"}))))};v.propTypes={hasActions:p.a.bool,isHovered:p.a.bool,children:p.a.node};var g=function(e){return l.a.createElement(o.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.a.bool};var _=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone__label",{"slds-drop-zone__label_container":e.isContainer})},l.a.createElement(c.a,{figureLeft:l.a.createElement(g,{isContainer:e.isContainer}),flavor:"center"},e.isContainer?l.a.createElement("h2",null,l.a.createElement("button",{className:"slds-drop-zone__label_button slds-button_reset"},l.a.createElement("span",{className:"slds-assistive-text"},"Edit: "),l.a.createElement("span",null,e.headerText))):l.a.createElement("h2",null,e.headerText)))};_.propTypes={isContainer:p.a.bool,headerText:p.a.string},t.default=l.a.createElement(b,null,l.a.createElement(h,null));var y=[{id:"drag-over",label:"Drag Over",element:l.a.createElement(E,null,l.a.createElement(b,{isDragging:!0},l.a.createElement(_,{headerText:"Content"}),l.a.createElement(h,null),l.a.createElement(f,null),l.a.createElement(h,null)))},{id:"with-populated-region",label:"With Populated Region",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(h,null),l.a.createElement(v,{isHovered:!0},l.a.createElement(h,null))))},{id:"with-populated-region-and-actions",label:"With Populated Region and Actions",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(h,null),l.a.createElement(v,{hasActions:!0,isHovered:!0},l.a.createElement(h,null))))},{id:"with-cards",label:"With Cards",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-bottom_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-top_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts"))))))},{id:"dragging-with-cards",label:"Dragging With Cards",element:l.a.createElement(E,null,l.a.createElement(b,{isDragging:!0},l.a.createElement(_,{headerText:"Content"}),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-bottom_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),l.a.createElement(f,null),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-top_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts"))))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/drop-zone/base/example.jsx.js"]=function(e){function t(t){for(var a,s,o=t[0],c=t[1],i=t[2],m=0,u=[];m<o.length;m++)s=o[m],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&u.push(l[s][0]),l[s]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(d&&d(t);u.length;)u.shift()();return r.push.apply(r,i\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,o=1;o<n.length;o++){var c=n[o];0!==l[c]&&(a=!1)}a&&(r.splice(t--,1),e=s(s.s=n[0]))}return e}var a={},l={62:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function s(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=e,s.c=a,s.d=function(e,t,n){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)s.d(n,a,function(t){return e[t]}.bind(null,a));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var i=0;i<o.length;i++)t(o[i]);var d=c;return r.push([631,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},631:function(e,t,n){"use strict";n.r(t),n.d(t,"Demo",(function(){return E})),n.d(t,"DemoComponent",(function(){return h})),n.d(t,"DropZone",(function(){return b})),n.d(t,"DropZoneInsertionPoint",(function(){return f})),n.d(t,"DropZoneContainer",(function(){return v})),n.d(t,"DropZoneLabel",(function(){return _})),n.d(t,"examples",(function(){return y}));var a=n(0),l=n.n(a),r=n(2),s=n.n(r),o=n(8),c=n(61),i=n(4),d=n(97),m=n(11),u=n(1),p=n.n(u),E=function(e){return l.a.createElement("div",{className:"demo-only",style:{paddingTop:"2rem"}},e.children)};E.propTypes={children:p.a.node};var h=function(e){return l.a.createElement("div",{className:"demo-only demo-component",style:{width:"100%",height:"10rem"}},e.children)};h.propTypes={children:p.a.node};var b=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone",{"slds-drop-zone_drag":e.isDragging})},e.children)};b.propTypes={isDragging:p.a.bool,children:p.a.node};var f=function(e){return l.a.createElement("div",{className:"slds-drop-zone_drag__slot"})},v=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone__container",{"slds-is-hovered":e.isHovered}),tabIndex:"-1"},l.a.createElement(_,{isContainer:!0,headerText:"Component Name"}),e.children,e.hasActions&&l.a.createElement("div",{className:"slds-drop-zone__actions"},l.a.createElement(d.ButtonGroup,null,l.a.createElement(i.b,{className:"slds-button_icon-x-small",theme:"brand",symbol:"move",assistiveText:"Move",title:"Move"}),l.a.createElement(i.b,{className:"slds-button_icon-x-small",theme:"brand",symbol:"close",assistiveText:"Close",title:"Close"}))))};v.propTypes={hasActions:p.a.bool,isHovered:p.a.bool,children:p.a.node};var g=function(e){return l.a.createElement(o.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.a.bool};var _=function(e){return l.a.createElement("div",{className:s()("slds-drop-zone__label",{"slds-drop-zone__label_container":e.isContainer})},l.a.createElement(c.a,{figureLeft:l.a.createElement(g,{isContainer:e.isContainer}),flavor:"center"},e.isContainer?l.a.createElement("h2",null,l.a.createElement("button",{className:"slds-drop-zone__label_button slds-button_reset"},l.a.createElement("span",{className:"slds-assistive-text"},"Edit: "),l.a.createElement("span",null,e.headerText))):l.a.createElement("h2",null,e.headerText)))};_.propTypes={isContainer:p.a.bool,headerText:p.a.string},t.default=l.a.createElement(b,null,l.a.createElement(h,null));var y=[{id:"drag-over",label:"Drag Over",element:l.a.createElement(E,null,l.a.createElement(b,{isDragging:!0},l.a.createElement(_,{headerText:"Content"}),l.a.createElement(h,null),l.a.createElement(f,null),l.a.createElement(h,null)))},{id:"with-populated-region",label:"With Populated Region",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(h,null),l.a.createElement(v,{isHovered:!0},l.a.createElement(h,null))))},{id:"with-populated-region-and-actions",label:"With Populated Region and Actions",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(h,null),l.a.createElement(v,{hasActions:!0,isHovered:!0},l.a.createElement(h,null))))},{id:"with-cards",label:"With Cards",element:l.a.createElement(E,null,l.a.createElement(b,null,l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-bottom_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-top_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts"))))))},{id:"dragging-with-cards",label:"Dragging With Cards",element:l.a.createElement(E,null,l.a.createElement(b,{isDragging:!0},l.a.createElement(_,{headerText:"Content"}),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-bottom_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),l.a.createElement(f,null),l.a.createElement(v,{hasActions:!0},l.a.createElement(m.d,{className:"slds-m-top_small"},l.a.createElement(m.c,{title:"Accounts",showIcon:!0,symbol:"account"}),l.a.createElement(m.a,{hasPadding:!0},"Card Body"),l.a.createElement(m.b,{linkTabIndex:"-1"},"View All ",l.a.createElement("span",{className:"slds-assistive-text"},"Accounts"))))))}]}});

package/__internal/chunked/showcase/ui/components/dueling-picklist/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dueling-picklist/base/example.jsx.js"]=function(e){function t(t){for(var i,r,o=t[0],d=t[1],c=t[2],u=0,p=[];u<o.length;u++)r=o[u],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&p.push(n[r][0]),n[r]=0;for(i in d)Object.prototype.hasOwnProperty.call(d,i)&&(e[i]=d[i]);for(s&&s(t);p.length;)p.shift()();return a.push.apply(a,c\|\|[]),l()}function l(){for(var e,t=0;t<a.length;t++){for(var l=a[t],i=!0,o=1;o<l.length;o++){var d=l[o];0!==n[d]&&(i=!1)}i&&(a.splice(t--,1),e=r(r.s=l[0]))}return e}var i={},n={63:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function r(t){if(i[t])return i[t].exports;var l=i[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,r),l.l=!0,l.exports}r.m=e,r.c=i,r.d=function(e,t,l){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(l,i,function(t){return e[t]}.bind(null,i));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var s=d;return a.push([~~574~~,0]),l()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~574~~:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return r}));var i=l(0),n=l.n(i),a=l(29);t.default=n.a.createElement(a.i,{dataSet:a.a});var r=[{id:"locked-item-dueling-picklist",label:"Locked",element:n.a.createElement(a.i,{dataSet:a.f})},{id:"disabled-dueling-picklist",label:"Disabled",element:n.a.createElement(a.i,{dataSet:a.c,disabled:!0})},{id:"multi-select-selected-item",label:"Selected Item",element:n.a.createElement(a.i,{dataSet:a.l})},{id:"multi-select-multi-selected-items",label:"Multiple Selected Items",element:n.a.createElement(a.i,{dataSet:a.k})},{id:"multi-select-grabbed",label:"Grabbed",element:n.a.createElement(a.i,{dataSet:a.e})},{id:"multi-select-moved-in",label:"Moved in list",element:n.a.createElement(a.i,{dataSet:a.h})},{id:"multi-select-dropped",label:"Dropped",element:n.a.createElement(a.i,{dataSet:a.d})},{id:"multi-select-moved-to",label:"Moved to list",element:n.a.createElement(a.i,{dataSet:a.g})},{id:"no-reordering-dueling-picklist",label:"No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0})},{id:"responsive-no-reordering-dueling-picklist",label:"Responsive No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0,isResponsive:!0})},{id:"view-mode-dueling-picklist",label:"View Mode",element:n.a.createElement(a.j,null)},{id:"required-dueling-picklist",label:"Required",element:n.a.createElement(a.i,{dataSet:a.a,isRequired:!0})},{id:"with-tooltip",label:"With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,hasTooltip:!0,showTooltip:!0}))},{id:"required-dueling-picklist-with-tooltip",label:"Required With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,isRequired:!0,hasTooltip:!0,showTooltip:!0}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dueling-picklist/base/example.jsx.js"]=function(e){function t(t){for(var i,r,o=t[0],d=t[1],c=t[2],u=0,p=[];u<o.length;u++)r=o[u],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&p.push(n[r][0]),n[r]=0;for(i in d)Object.prototype.hasOwnProperty.call(d,i)&&(e[i]=d[i]);for(s&&s(t);p.length;)p.shift()();return a.push.apply(a,c\|\|[]),l()}function l(){for(var e,t=0;t<a.length;t++){for(var l=a[t],i=!0,o=1;o<l.length;o++){var d=l[o];0!==n[d]&&(i=!1)}i&&(a.splice(t--,1),e=r(r.s=l[0]))}return e}var i={},n={63:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function r(t){if(i[t])return i[t].exports;var l=i[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,r),l.l=!0,l.exports}r.m=e,r.c=i,r.d=function(e,t,l){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(l,i,function(t){return e[t]}.bind(null,i));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var s=d;return a.push([575,0]),l()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},575:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return r}));var i=l(0),n=l.n(i),a=l(30);t.default=n.a.createElement(a.i,{dataSet:a.a});var r=[{id:"locked-item-dueling-picklist",label:"Locked",element:n.a.createElement(a.i,{dataSet:a.f})},{id:"disabled-dueling-picklist",label:"Disabled",element:n.a.createElement(a.i,{dataSet:a.c,disabled:!0})},{id:"multi-select-selected-item",label:"Selected Item",element:n.a.createElement(a.i,{dataSet:a.l})},{id:"multi-select-multi-selected-items",label:"Multiple Selected Items",element:n.a.createElement(a.i,{dataSet:a.k})},{id:"multi-select-grabbed",label:"Grabbed",element:n.a.createElement(a.i,{dataSet:a.e})},{id:"multi-select-moved-in",label:"Moved in list",element:n.a.createElement(a.i,{dataSet:a.h})},{id:"multi-select-dropped",label:"Dropped",element:n.a.createElement(a.i,{dataSet:a.d})},{id:"multi-select-moved-to",label:"Moved to list",element:n.a.createElement(a.i,{dataSet:a.g})},{id:"no-reordering-dueling-picklist",label:"No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0})},{id:"responsive-no-reordering-dueling-picklist",label:"Responsive No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0,isResponsive:!0})},{id:"view-mode-dueling-picklist",label:"View Mode",element:n.a.createElement(a.j,null)},{id:"required-dueling-picklist",label:"Required",element:n.a.createElement(a.i,{dataSet:a.a,isRequired:!0})},{id:"with-tooltip",label:"With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,hasTooltip:!0,showTooltip:!0}))},{id:"required-dueling-picklist-with-tooltip",label:"Required With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,isRequired:!0,hasTooltip:!0,showTooltip:!0}))}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dynamic-icons/ellie/example.jsx.js"]=function(e){function t(t){for(var r,o,l=t[0],s=t[1],c=t[2],f=0,p=[];f<l.length;f++)o=l[f],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&p.push(a[o][0]),a[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(u&&u(t);p.length;)p.shift()();return i.push.apply(i,c\|\|[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,l=1;l<n.length;l++){var s=n[l];0!==a[s]&&(r=!1)}r&&(i.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={64:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var u=s;return i.push([~~575~~,0]),n()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},~~575~~:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return o}));var r=n(0),a=n.n(r),i=n(~~124~~);t.default=[{id:"default",label:"Ellie – default",element:a.a.createElement(i.a,{className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}];var o=[{id:"paused",label:"Ellie – Paused",element:a.a.createElement(i.a,{className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Ellie – Static (no animation)",element:a.a.createElement(i.a,{title:"Description of the icon",assistiveText:"Text alternative"})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dynamic-icons/ellie/example.jsx.js"]=function(e){function t(t){for(var r,o,l=t[0],s=t[1],c=t[2],f=0,p=[];f<l.length;f++)o=l[f],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&p.push(a[o][0]),a[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(u&&u(t);p.length;)p.shift()();return i.push.apply(i,c\|\|[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,l=1;l<n.length;l++){var s=n[l];0!==a[s]&&(r=!1)}r&&(i.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={64:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var u=s;return i.push([576,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},576:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return o}));var r=n(0),a=n.n(r),i=n(125);t.default=[{id:"default",label:"Ellie – default",element:a.a.createElement(i.a,{className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}];var o=[{id:"paused",label:"Ellie – Paused",element:a.a.createElement(i.a,{className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Ellie – Static (no animation)",element:a.a.createElement(i.a,{title:"Description of the icon",assistiveText:"Text alternative"})}]}});

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

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dynamic-icons/global-action-help/example.jsx.js"]=function(e){function t(t){for(var r,o,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)o=c[p],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&f.push(a[o][0]),a[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(u&&u(t);f.length;)f.shift()();return l.push.apply(l,i\|\|[]),n()}function n(){for(var e,t=0;t<l.length;t++){for(var n=l[t],r=!0,c=1;c<n.length;c++){var s=n[c];0!==a[s]&&(r=!1)}r&&(l.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={66:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},l=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var u=s;return l.push([~~686~~,0]),n()}({0:function(e,t){e.exports=React},~~686~~:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),l=function(){return a.a.createElement("button",{className:"slds-button slds-button_icon slds-icon-help"},a.a.createElement("svg",{className:"slds-button__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -12 78.5 110","aria-labelledby":"title",role:"presentation"},a.a.createElement("defs",null,a.a.createElement("mask",{id:"questionMark",x:"0",y:"0",width:"78.5",height:"110"},a.a.createElement("path",{d:"M46.8,70.4H37a2.7,2.7,0,0,1-2.7-2.7V64.8A19.6,19.6,0,0,1,47.4,46.4a14.6,14.6,0,0,0,6.2-4.1c9.8-11.7.8-25.8-10.9-26.2a15.7,15.7,0,0,0-11.5,4.4,13.7,13.7,0,0,0-4.5,8.6,2.8,2.8,0,0,1-2.9,2.1H14a2.8,2.8,0,0,1-2.9-3.1A31.8,31.8,0,0,1,20.5,8.8,32,32,0,0,1,43.3,0a31.3,31.3,0,0,1,9.6,60.7A4.4,4.4,0,0,0,50,64.6v2.9a3,3,0,0,1-3.1,2.9Zm3.1,20.5a3,3,0,0,1-2.9,3H37.2A3,3,0,0,1,34.3,91V81.2a3,3,0,0,1,2.9-2.9H47a3,3,0,0,1,2.9,2.9Z",transform:"translate(-2.5 0)",fill:"#aab4be"}))),a.a.createElement("title",{id:"title"},"help"),a.a.createElement("g",null,a.a.createElement("circle",{cy:"45",cx:"45",r:"60"}),a.a.createElement("circle",{className:"slds-icon-help_hover",cy:"45",cx:"45",r:"60"}),a.a.createElement("circle",{className:"slds-icon-help_focus",cy:"45",cx:"45",r:"60"}))),a.a.createElement("span",{className:"slds-assistive-text"},"help"))};t.default=[{id:"default",label:"Global Action Help - Default",element:a.a.createElement(l,null)}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dynamic-icons/global-action-help/example.jsx.js"]=function(e){function t(t){for(var r,o,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)o=c[p],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&f.push(a[o][0]),a[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(u&&u(t);f.length;)f.shift()();return l.push.apply(l,i\|\|[]),n()}function n(){for(var e,t=0;t<l.length;t++){for(var n=l[t],r=!0,c=1;c<n.length;c++){var s=n[c];0!==a[s]&&(r=!1)}r&&(l.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={66:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},l=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var u=s;return l.push([687,0]),n()}({0:function(e,t){e.exports=React},687:function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),l=function(){return a.a.createElement("button",{className:"slds-button slds-button_icon slds-icon-help"},a.a.createElement("svg",{className:"slds-button__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -12 78.5 110","aria-labelledby":"title",role:"presentation"},a.a.createElement("defs",null,a.a.createElement("mask",{id:"questionMark",x:"0",y:"0",width:"78.5",height:"110"},a.a.createElement("path",{d:"M46.8,70.4H37a2.7,2.7,0,0,1-2.7-2.7V64.8A19.6,19.6,0,0,1,47.4,46.4a14.6,14.6,0,0,0,6.2-4.1c9.8-11.7.8-25.8-10.9-26.2a15.7,15.7,0,0,0-11.5,4.4,13.7,13.7,0,0,0-4.5,8.6,2.8,2.8,0,0,1-2.9,2.1H14a2.8,2.8,0,0,1-2.9-3.1A31.8,31.8,0,0,1,20.5,8.8,32,32,0,0,1,43.3,0a31.3,31.3,0,0,1,9.6,60.7A4.4,4.4,0,0,0,50,64.6v2.9a3,3,0,0,1-3.1,2.9Zm3.1,20.5a3,3,0,0,1-2.9,3H37.2A3,3,0,0,1,34.3,91V81.2a3,3,0,0,1,2.9-2.9H47a3,3,0,0,1,2.9,2.9Z",transform:"translate(-2.5 0)",fill:"#aab4be"}))),a.a.createElement("title",{id:"title"},"help"),a.a.createElement("g",null,a.a.createElement("circle",{cy:"45",cx:"45",r:"60"}),a.a.createElement("circle",{className:"slds-icon-help_hover",cy:"45",cx:"45",r:"60"}),a.a.createElement("circle",{className:"slds-icon-help_focus",cy:"45",cx:"45",r:"60"}))),a.a.createElement("span",{className:"slds-assistive-text"},"help"))};t.default=[{id:"default",label:"Global Action Help - Default",element:a.a.createElement(l,null)}]}});