UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

lightningdesignsystem.com

salesforce-ux/design-system

6 lines • 1.19 MB
1
2
3
4
5
6
(this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[]).push([[0],[,function(e,t,n){e.exports=n(355)()},function(e,t,n){var a;function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)} /*! Copyright (c) 2017 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */!function(){"use strict";var l={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=r(n);if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)&&n.length){var s=o.apply(null,n);s&&e.push(s)}else if("object"===a)for(var i in n)l.call(n,i)&&n[i]&&e.push(i)}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):"object"===r(n(249))&&n(249)?void 0===(a=function(){return o}.apply(t,[]))||(e.exports=a):window.classNames=o}()},function(e,t,n){"use strict";n.d(t,"d",(function(){return E})),n.d(t,"u",(function(){return y})),n.d(t,"g",(function(){return v})),n.d(t,"l",(function(){return g})),n.d(t,"h",(function(){return _})),n.d(t,"s",(function(){return k})),n.d(t,"q",(function(){return C})),n.d(t,"r",(function(){return x})),n.d(t,"c",(function(){return N})),n.d(t,"b",(function(){return L})),n.d(t,"i",(function(){return S})),n.d(t,"a",(function(){return I})),n.d(t,"o",(function(){return T})),n.d(t,"p",(function(){return M})),n.d(t,"t",(function(){return j})),n.d(t,"m",(function(){return R})),n.d(t,"n",(function(){return A})),n.d(t,"k",(function(){return P})),n.d(t,"f",(function(){return D})),n.d(t,"j",(function(){return F})),n.d(t,"e",(function(){return q}));var a=n(0),r=n.n(a),l=n(2),o=n.n(l),s=n(1),i=n.n(s),c=n(6),u=n(4),d=n(33),m=n(27),f=n(31),p=n(9);function b(){return(b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E=r.a.createContext({isActionableMode:!1}),y="Cell content that is very long.\nIt also has a line break.\nIt has more than one line break",v=function(e){return r.a.createElement(x,null,r.a.createElement(N,null,r.a.createElement(L,{columnName:"Opportunity Name"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Account Name"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Close Date"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Stage"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Confidence"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Amount"})),r.a.createElement(N,null,r.a.createElement(L,{columnName:"Contact"})))},g=function(e){return r.a.createElement(M,null,r.a.createElement(R,{"data-label":"Opportunity Name"},r.a.createElement(F,{cellText:e.title,cellLink:!0})),r.a.createElement(j,{"data-label":"Account Name",type:"base"},r.a.createElement(F,{cellText:"Cloudhub"})),r.a.createElement(j,{"data-label":"Close Date",type:"base"},r.a.createElement(F,{cellText:"4/14/2015"})),r.a.createElement(j,{"data-label":"Prospecting",type:"base"},r.a.createElement(F,{cellText:"Prospecting"})),r.a.createElement(j,{"data-label":"Confidence",type:"base"},r.a.createElement(F,{cellText:"20%"})),r.a.createElement(j,{"data-label":"Amount",type:"base"},r.a.createElement(F,{cellText:"$25k"})),r.a.createElement(j,{"data-label":"Contact",type:"base"},r.a.createElement(F,{cellLink:!0,cellText:"jrogers@cloudhub.com"})))};g.propTypes={title:i.a.string};var _=function(e){return r.a.createElement("div",{className:"slds-table_edit_container slds-is-relative"},e.children)};_.propTypes={children:i.a.node};var k=function(e){var t=o()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return r.a.createElement("table",b({"aria-multiselectable":"multiple"===e.selectionType?"true":null,className:t,role:function(){var t=null;switch(e.type){case"advanced":t="grid";break;case"treegrid":t="treegrid"}return t}(),style:e.style},e.ariaLabelledBy&&h({},"aria-labelledby",e.ariaLabelledBy),e.ariaLabel&&h({},"aria-label",e.ariaLabel)),e.children)};k.displayName="Table",k.propTypes={ariaLabel:i.a.string,ariaLabelledBy:i.a.string,children:i.a.node,hasCellBuffer:i.a.bool,hasHiddenHeader:i.a.bool,hasNoCellFocus:i.a.bool,hasNoRowHover:i.a.bool,isBordered:i.a.bool,isColBordered:i.a.bool,isEditable:i.a.bool,isFixedLayout:i.a.bool,isResizable:i.a.bool,isResponsive:i.a.bool,isResponsiveStacked:i.a.bool,isStriped:i.a.bool,selectionType:i.a.oneOf(["multiple","single"]),style:i.a.object,type:i.a.oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:i.a.bool};var C=function(e){return r.a.createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};C.displayName="THead",C.propTypes={children:i.a.node,isHidden:i.a.bool};var x=function(e){return r.a.createElement("tr",{className:"slds-line-height_reset"},e.children)};x.displayName="THeadTr",x.propTypes={children:i.a.node};var N=function(e){var t,n=Object(a.useContext)(E).isActionableMode,l=o()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection||"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":n});return r.a.createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection||"none"),t),className:l,scope:"col",style:e.style},e.children)};N.displayName="ColumnTh",N.propTypes={"aria-label":i.a.string,children:i.a.node,hasFocus:i.a.bool,hasMenu:i.a.bool,isResizable:i.a.bool,isRightAligned:i.a.bool,isSortable:i.a.bool,sortDirection:i.a.oneOf(["ascending","descending","none"]),style:i.a.object,hasWrap:i.a.bool};var L=function(e){return r.a.createElement("div",{className:o()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};L.displayName="ColumnHeader",L.propTypes={columnName:i.a.string.isRequired,id:i.a.string,isAssistiveText:i.a.bool,isFixedCell:i.a.bool},L.defaultProps={columnName:"Column Name"};var w=function(e){var t=c.d.uniqueId("cell-resize-handle-");return r.a.createElement("div",{className:"slds-resizable"},r.a.createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),r.a.createElement("span",{className:"slds-resizable__handle"},r.a.createElement("span",{className:"slds-resizable__divider"})))};w.displayName="ResizeControl",w.propTypes={label:i.a.string.isRequired,tabIndex:i.a.oneOf(["0","-1"])};var S=function(e){var t=Object(a.useContext)(E).isActionableMode,n=t?"0":"-1",l=function(){return r.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter((function(t){return t.column===e.columnName.toLowerCase()}));if(t.length)return t[0].icon}():null,r.a.createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&r.a.createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return r.a.createElement(r.a.Fragment,null,e.isSortable?r.a.createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:n,onClick:function(e){return e.preventDefault()}},r.a.createElement("span",{className:"slds-assistive-text"},"Sort by: "),l()):r.a.createElement("div",{className:"slds-th__action"},l()),e.sortDirection&&r.a.createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&r.a.createElement(u.b,{"aria-haspopup":"true",assistiveText:"Show ".concat(e.columnName," column actions"),className:"slds-th__action-button slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"chevrondown",tabIndex:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&r.a.createElement(w,{label:e.columnName+" column width"||!1,tabIndex:n}))};S.displayName="InteractiveColumnHeader",S.propTypes={columnName:i.a.string.isRequired,columnHeaderIcons:i.a.array,hasMenu:i.a.bool,isResizable:i.a.bool,isSortable:i.a.bool,sortDirection:i.a.oneOf(["ascending","descending"])},S.defaultProps={isResizable:!0,isSortable:!0};var O=function(e){var t=Object(a.useContext)(E).isActionableMode;return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{id:"column-group-header",className:"slds-assistive-text"},"Choose a row"),r.a.createElement("div",{className:"slds-th__action slds-th__action_form"},r.a.createElement(m.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked||null,groupId:"column-group-header"})))};O.displayName="SelectAllColumnHeader",O.propTypes={checked:i.a.bool};var I=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",n=e.mainColumnWidth||null;return r.a.createElement(C,{isHidden:e.isHidden},r.a.createElement(x,null,e.hasErrorColumn?r.a.createElement(N,{style:{width:"3.75rem"}},r.a.createElement(L,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&r.a.createElement(N,{isRightAligned:!e.hasErrorColumn||null,style:{width:t}},e.hasSingleRowSelect||e.isHidden?r.a.createElement(L,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):r.a.createElement(O,{checked:e.selectAll})),e.columns.map((function(t,a){return r.a.createElement(N,{key:a,"aria-label":t,hasFocus:0===a?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null,style:{width:0===a&&e.singleColumnWidth?e.singleColumnWidth:n}},r.a.createElement(S,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null}))})),e.hasRowLevelActions&&r.a.createElement(N,{style:{width:"3.25rem"}},r.a.createElement(L,{columnName:"Actions",isAssistiveText:!0}))))};I.displayName="AdvancedDataTableHead",I.propTypes={columnHeaderIcons:i.a.array,columns:i.a.array.isRequired,hasErrorColumn:i.a.bool,hasFocus:i.a.bool,hasMenus:i.a.bool,hasNoRowSelection:i.a.bool,hasRowLevelActions:i.a.bool,hasSingleRowSelect:i.a.bool,isHidden:i.a.bool,isResizable:i.a.bool,isSortable:i.a.bool,mainColumnWidth:i.a.string,selectAll:i.a.bool,singleColumnWidth:i.a.string,sortDirection:i.a.oneOf(["ascending","descending","none"])},I.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var T=function(e){return r.a.createElement("tbody",null,e.children)};T.displayName="TBody",T.propTypes={children:i.a.node};var M=function(e){return r.a.createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:o()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};M.displayName="TBodyTr",M.propTypes={children:i.a.node,isExpanded:i.a.bool,isSelected:i.a.bool,isTopAligned:i.a.bool,level:i.a.string,positionWithinLevel:i.a.string,numberOfItemsAtLevel:i.a.string,tabIndex:i.a.oneOf(["0","-1"])};var j=function(e){var t=Object(a.useContext)(E).isActionableMode,n=o()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return r.a.createElement("td",{"aria-readonly":e.isLocked,"aria-selected":e.isEditing,"aria-describedby":function(){if(e.isEdited)return"unsaved-cell-notification"}()||null,className:n||null,"data-label":e["data-label"],role:function(){var t=null;switch(e.type){case"advanced":case"treegrid":t="gridcell"}return t}(),style:e.style,tabIndex:e.tabIndex},e.children)};j.displayName="Td",j.propTypes={children:i.a.node,"data-label":i.a.string,hasError:i.a.bool,hasFocus:i.a.bool,isEditable:i.a.bool,isEdited:i.a.bool,isEditing:i.a.bool,isErrorCell:i.a.bool,isLocked:i.a.bool,isRightAligned:i.a.bool,isShrunken:i.a.bool,style:i.a.object,tabIndex:i.a.oneOf(["0","-1"]),type:i.a.oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:i.a.bool};var R=function(e){var t=Object(a.useContext)(E).isActionableMode,n=o()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return r.a.createElement("th",{className:n||null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};R.displayName="RowTh",R.propTypes={children:i.a.node,"data-label":i.a.string,hasFocus:i.a.bool,isEditable:i.a.bool,tabIndex:i.a.oneOf(["0","-1"]),type:i.a.oneOf(["base","advanced","treegrid"]),isItemHovered:i.a.bool,hasWrap:i.a.bool};var A=function(e){return r.a.createElement(r.a.Fragment,null,e.hasSingleRowSelect?r.a.createElement(f.Radio,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"radio-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"radio-button-label-0".concat(e.index),tabIndex:e.inputTabIndex}):r.a.createElement(m.Checkbox,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),tabIndex:e.inputTabIndex}))};A.displayName="SelectRowCell",A.propTypes={checked:i.a.bool,hasSingleRowSelect:i.a.bool,index:i.a.number.isRequired,inputTabIndex:i.a.oneOf(["0","-1"])};var P=function(e){var t=e.rowName,n=Object(a.useContext)(E).isActionableMode;return r.a.createElement(u.b,{assistiveText:"More actions for ".concat(t),"aria-haspopup":"true",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",tabIndex:n?"0":"-1",title:"More actions for ".concat(t)})};P.displayName="RowActionsCell",P.propTypes={rowName:i.a.string.isRequired};var D=function(e){var t=Object(a.useContext)(E).isActionableMode;return r.a.createElement(r.a.Fragment,null,r.a.createElement(u.b,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:o()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),r.a.createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};D.displayName="ErrorCell",D.propTypes={hasError:i.a.bool,index:i.a.number.isRequired};var F=function(e){var t=e.hasWrap,n=e.cellText,l=e.cellLink,s=Object(a.useContext)(E).isActionableMode;return r.a.createElement("div",{className:o()(t?"slds-line-clamp":"slds-truncate"),title:n},l?r.a.createElement("a",{href:"#",tabIndex:s?"0":"-1",onClick:function(e){e.preventDefault()}},n):n)};F.displayName="ReadOnlyCell",F.propTypes={cellLink:i.a.bool,cellText:i.a.string.isRequired,hasWrap:i.a.bool};var q=function(e){var t=Object(a.useContext)(E).isActionableMode;return r.a.createElement(r.a.Fragment,null,r.a.createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?r.a.createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):r.a.createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),r.a.createElement(u.b,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:o()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&r.a.createElement(B,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&r.a.createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};q.displayName="EditableCell",q.propTypes={buttonText:i.a.string.isRequired,cellLink:i.a.bool,cellText:i.a.string.isRequired,hasError:Object(c.b)("showEdit",i.a.bool),index:i.a.number,isLocked:i.a.bool,isRequired:Object(c.b)("showEdit",i.a.bool),showEdit:i.a.bool};var B=function(e){return r.a.createElement(d.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},r.a.createElement("div",{className:o()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},r.a.createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?r.a.createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,r.a.createElement("span",{className:"slds-assistive-text"},"Company")),r.a.createElement("div",{className:"slds-form-element__control slds-grow"},r.a.createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?r.a.createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};B.displayName="EditPopover",B.propTypes={hasError:i.a.bool,isRequired:i.a.bool}},function(e,t,n){"use strict";n.d(t,"a",(function(){return g}));var a=n(0),r=n.n(a),l=n(1),o=n.n(l),s=n(8),i=n(2),c=n.n(i);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var d=["id","className","iconClassName","assistiveText","hasDropdown","size","variant","theme","feedback","selected","symbol","isFirst","isMiddle","isLast","isOpen","useCurrentColor","innerRef"];function m(){return(m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function f(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function E(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=v(e);if(t){var r=v(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return y(this,n)}}function y(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function v(e){return(v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var g=function(e){return r.a.createElement("div",{className:"slds-hint-parent"},e.children)},_=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(o,e);var t,n,a,l=E(o);function o(){return p(this,o),l.apply(this,arguments)}return t=o,(n=[{key:"render",value:function(){var e,t,n,a=this.props,l=a.id,o=a.className,i=a.iconClassName,u=a.assistiveText,p=a.hasDropdown,b=a.size,h=a.variant,E=a.theme,y=a.feedback,v=a.selected,g=a.symbol,_=a.isFirst,k=a.isMiddle,C=a.isLast,x=a.isOpen,N=a.useCurrentColor,L=a.innerRef,w=f(a,d);return"neutral"===E?(h="slds-button_icon-border-filled","medium"===b&&(b=null),p&&(h=null)):"inverse"===E?(h="slds-button_icon-inverse","medium"===b&&(h="slds-button_icon-border-inverse",b=null)):"brand"===E?(h="slds-button_icon-brand","medium"===b&&(b=null)):"transparent"===E&&(h="slds-button_icon-border","medium"===b&&(b=null),p&&(h=null)),r.a.createElement("button",m({onClick:function(e){e.stopPropagation()},id:l,className:c()("slds-button slds-button_icon",v&&"slds-is-selected",{"slds-button_icon-more":p&&"neutral"===E,"slds-button_icon-container-more":p&&"transparent"===E,"slds-button_icon-current-color":N},{"slds-button_icon-container":"medium"===b,"slds-button_icon-large":"large"===b,"slds-button_icon-small":"small"===b,"slds-button_icon-x-small":"x-small"===b,"slds-button_icon-xx-small":"xx-small"===b},{"slds-button_icon-error":"error"===y,"slds-button_icon-warning":"warning"===y},{"slds-button_first":_,"slds-button_middle":k,"slds-button_last":C},h,o),"aria-haspopup":p?"true":this.props["aria-haspopup"]},p&&(n=x?"true":"false",(t="aria-expanded")in(e={})?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e),{ref:L},w),r.a.createElement(s.a,{className:c()("slds-button__icon",i),sprite:"utility",symbol:g||"settings"}),p&&r.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),r.a.createElement("span",{className:"slds-assistive-text"},u||"Provide description of action"))}}])&&b(t.prototype,n),a&&b(t,a),Object.defineProperty(t,"prototype",{writable:!1}),o}(a.Component);_.propTypes={id:o.a.string,symbol:o.a.string,theme:o.a.string,assistiveText:o.a.string,useCurrentColor:o.a.bool,title:o.a.string},t.b=_},function(e,t,n){"use strict";n.d(t,"h",(function(){return b})),n.d(t,"c",(function(){return h})),n.d(t,"d",(function(){return E})),n.d(t,"e",(function(){return y})),n.d(t,"g",(function(){return v})),n.d(t,"f",(function(){return _})),n.d(t,"b",(function(){return x})),n.d(t,"a",(function(){return N}));var a=n(0),r=n.n(a),l=n(1),o=n.n(l),s=n(2),i=n.n(s),c=n(4),u=n(55),d=["isEditable","isViewMode","hasHint","hasError","isStacked","isHorizontal","isEditing","isEdited","column","role","className","children"],m=["formElementClassName","formControlClassName","isRequired","isDisabled","isEditable","isViewMode","isStacked","isHorizontal","isEditing","isEdited","hasHint","hasError","hasFauxLabel","labelId","labelClassName","labelContent","hasHiddenLabel","hasHiddenInlineMessage","inputId","hasLeftIcon","hasRightIcon","hasRightIconGroup","errorId","hasTooltip","showTooltip","inlineMessage","fieldLevelMessage","column","role","dropdown","showRequiredIndicator","children"];function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function p(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b=function(e){var t=e.isEditable,n=e.isViewMode,a=e.hasHint,l=e.hasError,o=e.isStacked,s=e.isHorizontal,c=e.isEditing,u=e.isEdited,m=e.column,b=e.role,h=e.className,E=e.children,y=p(e,d),v=i()("slds-form-element",{"slds-form-element_edit":t,"slds-form-element_readonly":n,"slds-form-element_stacked":o,"slds-form-element_horizontal":s,"slds-hint-parent":a,"slds-has-error":l,"slds-is-editing":c,"slds-is-edited":u},m&&"slds-form-element_".concat(m,"-col"),h);return r.a.createElement("div",f({className:v,role:b},y),E)};b.propTypes={children:o.a.node,role:o.a.string,isEditable:o.a.bool,isEditing:o.a.bool,isEdited:o.a.bool,isViewMode:o.a.bool,isStacked:o.a.bool,isHorizontal:o.a.bool,hasHint:o.a.bool,hasError:o.a.bool,column:o.a.number};var h=function(e){var t=e.className,n=e.children;return r.a.createElement("div",{className:i()("slds-form-element__control",t)},n)};h.propTypes={children:o.a.node,className:o.a.string};var E=function(e){var t=e.isRequired,n=e.labelContent,a=e.hasHiddenLabel,l=e.labelId,o=e.labelClassName,s=e.inputId,c=e.showRequiredIndicator;return r.a.createElement("label",{className:i()("slds-form-element__label",a&&"slds-assistive-text",o),htmlFor:s,id:l},t&&c&&r.a.createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"," "),n)};E.propTypes={labelId:o.a.string,inputId:o.a.string,labelContent:o.a.node,labelClassName:o.a.string,hasHiddenLabel:o.a.bool,isRequired:o.a.bool,showRequiredIndicator:o.a.bool},E.defaultProps={showRequiredIndicator:!0};var y=function(e){var t=e.isRequired,n=e.children,a=e.labelId,l=e.showRequiredIndicator;return r.a.createElement("span",{id:a,className:"slds-form-element__label"},t&&l&&r.a.createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"," "),n)};y.propTypes={children:o.a.node,isRequired:o.a.bool,labelId:o.a.string},y.defaultProps={showRequiredIndicator:!0};var v=function(e){var t=e.showTooltip,n=e.fieldLevelMessage;return r.a.createElement("div",{className:"slds-form-element__icon"},r.a.createElement(c.b,{"aria-describedby":t&&"help",symbol:"info",assistiveText:"Help"}),t&&r.a.createElement(u.Tooltip,{className:"slds-nubbin_bottom-left",id:"help",style:{position:"absolute",top:"-45px",left:"-15px",width:n?"220px":"170px"}},n||"Some helpful information."))};v.propTypes={showTooltip:o.a.bool,fieldLevelMessage:o.a.string};var g=function(e){var t=e.errorId,n=e.children;return r.a.createElement("div",{className:i()("slds-form-element__help",e.hasHiddenInlineMessage&&"slds-assistive-text"),id:t},n)};g.propTypes={errorId:o.a.string,hasHiddenInlineMessage:o.a.boolean,children:o.a.node};var _=function(e){var t=e.isLongform,n=e.children;return r.a.createElement("div",{className:i()("slds-form-element__static",t&&"slds-text-longform")},n)};_.propTypes={isLongform:o.a.bool,children:o.a.node};var k=function(e){var t=e.id,n=e.hasCompoundFields,a=e.hasError,l=e.isRequired,o=e.isEditing,s=e.isEdited,c=e.isStacked,u=e.isHorizontal,d=e.isAddress,m=e.isDeprecated,f=e.column,p=e.children;return r.a.createElement("fieldset",{id:t,className:i()("slds-form-element",{"slds-form-element_compound":n&&!m,"slds-form_compound":n&&m,"slds-form-element_address":d,"slds-has-error":a,"slds-is-required":l,"slds-is-editing":o,"slds-is-edited":s,"slds-form-element_stacked":c,"slds-form-element_horizontal":u},f&&"slds-form-element_".concat(f,"-col"))},p)};k.propTypes={id:o.a.string,hasCompoundFields:o.a.bool,children:o.a.node,hasError:o.a.bool,isRequired:o.a.bool,isStacked:o.a.bool,isHorizontal:o.a.bool,isEditing:o.a.bool,isEdited:o.a.bool,isAddress:o.a.bool,isDeprecated:o.a.bool,column:o.a.number};var C=function(e){var t=e.isRequired,n=e.hasTooltip,a=e.hasHiddenLabel,l=e.children;return r.a.createElement(r.a.Fragment,null,r.a.createElement("legend",{className:i()("slds-form-element__legend slds-form-element__label",a&&"slds-assistive-text")},t&&r.a.createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"," "),l),n&&r.a.createElement("div",{className:"slds-form-element__icon"},r.a.createElement(c.b,{symbol:"info",assistiveText:"Help"})))};C.propTypes={children:o.a.node,isRequired:o.a.bool,hasHiddenLabel:o.a.bool,hasTooltip:o.a.bool};var x=function(e){var t,n=e.formElementClassName,a=e.formControlClassName,l=e.isRequired,o=(e.isDisabled,e.isEditable),s=e.isViewMode,u=e.isStacked,d=e.isHorizontal,_=e.isEditing,k=e.isEdited,C=e.hasHint,x=e.hasError,N=e.hasFauxLabel,L=e.labelId,w=e.labelClassName,S=e.labelContent,O=e.hasHiddenLabel,I=e.hasHiddenInlineMessage,T=e.inputId,M=e.hasLeftIcon,j=e.hasRightIcon,R=e.hasRightIconGroup,A=e.errorId,P=e.hasTooltip,D=e.showTooltip,F=e.inlineMessage,q=e.fieldLevelMessage,B=e.column,W=e.role,z=e.dropdown,H=e.showRequiredIndicator,U=e.children,Z=p(e,m);return R?t="slds-input-has-icon slds-input-has-icon_left-right slds-input-has-icon_group-right":M&&j?t="slds-input-has-icon slds-input-has-icon_left-right":M?t="slds-input-has-icon slds-input-has-icon_left":j&&(t="slds-input-has-icon slds-input-has-icon_right"),r.a.createElement(b,f({},Z,{className:i()(n),hasError:x,hasHint:C,isViewMode:s,isEditable:o,isStacked:u,isHorizontal:d,isEditing:_,isEdited:k,role:W,column:B}),S&&(s||N?r.a.createElement(y,{isRequired:l,hasTooltip:P,labelId:L},S):r.a.createElement(E,{isRequired:l,labelContent:S,hasHiddenLabel:O,labelId:L,labelClassName:w,inputId:T,showRequiredIndicator:H})),P&&r.a.createElement(v,f({showTooltip:D},q&&{fieldLevelMessage:q})),r.a.createElement(h,{className:i()(t,a)},k&&r.a.createElement("div",{className:"slds-form-element__undo"},r.a.createElement(c.b,{symbol:"undo",assistiveText:"Undo ".concat(S)})),U),F&&r.a.createElement(g,{hasHiddenInlineMessage:I,errorId:A},F),z)};x.propTypes={children:o.a.node,labelId:o.a.string,inputId:o.a.string,errorId:o.a.string,labelContent:o.a.node,isRequired:o.a.bool,isDisabled:o.a.bool,isEditable:o.a.bool,isEditing:o.a.bool,isEdited:o.a.bool,isStacked:o.a.bool,isHorizontal:o.a.bool,hasHiddenLabel:o.a.bool,hasHiddenInlineMessage:o.a.bool,hasLeftIcon:o.a.bool,hasRightIcon:o.a.bool,hasRightIconGroup:o.a.bool,hasTooltip:o.a.bool,hasError:o.a.bool,hasFauxLabel:o.a.bool,showTooltip:o.a.bool,dropdown:o.a.node,inlineMessage:o.a.string,formElementClassName:o.a.string,formControlClassName:o.a.string,fieldLevelMessage:o.a.string,column:o.a.number};var N=function(e){var t=e.id,n=e.label,a=e.isRequired,l=e.isEditing,o=e.isStacked,s=e.isHorizontal,i=e.isAddress,c=e.isDeprecated,u=e.column,d=e.hasError,m=e.hasCompoundFields,f=e.hasTooltip,p=e.hasHiddenLabel,b=e.errorId,E=e.inlineMessage,y=e.children;return r.a.createElement(k,{id:t,isRequired:a,isEditing:l,isStacked:o,isHorizontal:s,isAddress:i,hasError:d,hasCompoundFields:m,column:u,isDeprecated:c},r.a.createElement(C,{isRequired:a,hasTooltip:f,hasHiddenLabel:p},n),r.a.createElement(h,null,y),E&&r.a.createElement(g,{errorId:b},E))};N.propTypes={id:o.a.string,children:o.a.node,label:o.a.string,isRequired:o.a.bool,isEditing:o.a.bool,isStacked:o.a.bool,isHorizontal:o.a.bool,isAddress:o.a.bool,isDeprecated:o.a.bool,hasHiddenLabel:o.a.bool,hasCompoundFields:o.a.bool,hasTooltip:o.a.bool,hasError:o.a.bool,errorId:o.a.string,inlineMessage:o.a.string,column:o.a.number}},function(e,t,n){"use strict";(function(e){n.d(t,"e",(function(){return x})),n.d(t,"c",(function(){return N}));n(0);var a=n(334),r=n.n(a),l=n(335),o=n.n(l),s=n(336),i=n.n(s),c=n(337),u=n.n(c),d=n(338),m=n.n(d),f=n(339),p=n.n(f),b=n(340),h=n.n(b),E=n(250);n.d(t,"b",(function(){return E.a}));var y=n(251);n.d(t,"a",(function(){return y.a}));n(193),n(343),n(344),n(346);var v,g,_,k,C=(v={},g=0,_=function(e){return null!=v[e]?v[e]:function(e){v[e]=0}(e)},k=function(e){return _(e),e+function(e){return v[e]=v[e]+1,v[e]}(e)},function(e){return e?k(e):g++});var x=function(e){return"slds-nubbin_"+e.split(" ").join("-")},N=function(e,t){return function(n,a,r){if(null==n[a]){if(e)throw new Error}else t(n,a,r)}};t.d={omit:r.a,range:o.a,reverse:i.a,startCase:u.a,times:m.a,truncate:p.a,uniqueId:C,upperFirst:h.a}}).call(this,n(357)(e))},function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"e",(function(){return d})),n.d(t,"f",(function(){return m})),n.d(t,"g",(function(){return f})),n.d(t,"h",(function(){return p})),n.d(t,"b",(function(){return y})),n.d(t,"d",(function(){return v})),n.d(t,"c",(function(){return g}));var a=n(0),r=n.n(a),l=n(2),o=n.n(l),s=n(40),i=n(9),c=n(137),u=function(e){return r.a.createElement("section",{role:"log",className:o()("slds-chat",{"slds-chat_past":e.isPast})},e.children)},d=function(e){return r.a.createElement("ul",{className:"slds-chat-list"},e.children)},m=function(e){return r.a.createElement("li",{className:o()("slds-chat-listitem",{"slds-chat-listitem_bookend":"bookend"===e.type,"slds-chat-listitem_event":"event"===e.type,"slds-chat-listitem_inbound":"inbound"===e.type,"slds-chat-listitem_outbound":"outbound"===e.type})},e.children)},f=function(e){return r.a.createElement("div",{className:o()("slds-chat-message",{"slds-chat-message_faux-avatar":e.hasFauxAvatar})},e.children)},p=function(e){var t={"slds-chat-message__text":!e.messageType,"slds-chat-message__text_inbound":!e.messageType&&"inbound"===e.type,"slds-chat-message__text_outbound":!e.messageType&&"outbound"===e.type,"slds-chat-message__text_outbound-agent":!e.messageType&&"outbound-agent"===e.type,"slds-chat-message__text_unsupported-type":!e.messageType&&"unsupported-type"===e.type,"slds-chat-message__text_delivery-failure":!e.messageType&&"delivery-failure"===e.type,"slds-chat-message__text_sneak-peek":!e.messageType&&e.hasSneakPeek},n={"slds-chat-message__file":"file"===e.messageType,"slds-chat-message__file_inbound":"file"===e.messageType&&"inbound"===e.type,"slds-chat-message__file_outbound":"file"===e.messageType&&"outbound"===e.type},a={"slds-chat-message__image":"image"===e.messageType,"slds-chat-message__image_inbound":"image"===e.messageType&&"inbound"===e.type,"slds-chat-message__image_outbound":"image"===e.messageType&&"outbound"===e.type};return r.a.createElement("div",{className:o()("slds-chat-message__body",{"slds-chat-message__file_loading":"file"===e.messageType&&e.isLoading,"slds-chat-message__image_loading":"image"===e.messageType&&e.isLoading})},e.name&&e.timeStamp&&e.isPast&&r.a.createElement(b,{isPast:!0,name:e.name,timeStamp:e.timeStamp}),r.a.createElement("div",{className:o()(t,n,a)},e.isTyping&&r.a.createElement(c.a,{isAnimated:!0,isPaused:e.isPaused,assistiveText:"Customer is typing",title:"Customer is typing"}),"unsupported-type"===e.type&&r.a.createElement(_,{symbol:"warning",assistiveText:"Warning"}),e.children&&("image"===e.messageType||"file"===e.messageType?e.children:r.a.createElement("span",{"aria-hidden":e.hasSneakPeek?"true":null},e.children)),"delivery-failure"===e.type&&r.a.createElement(h,null,e.deliveryFailureReason)),"delivery-failure"===e.type?r.a.createElement("div",{className:"slds-grid slds-grid_align-spread slds-grid_vertical-align-start"},e.name&&e.timeStamp&&!e.isPast&&r.a.createElement(b,{name:e.name,timeStamp:e.timeStamp}),"delivery-failure"===e.type&&r.a.createElement(E,{symbol:"redo",actionTitle:"Resend"})):e.name&&e.timeStamp&&!e.isPast&&r.a.createElement(b,{name:e.name,timeStamp:e.timeStamp}))},b=function(e){return r.a.createElement("div",{className:"slds-chat-message__meta","aria-label":"said ".concat(e.name," at ").concat(e.timeStamp)},e.isPast?r.a.createElement("b",null,e.name):e.name," • ",e.timeStamp)},h=function(e){return r.a.createElement("div",{className:"slds-chat-message__text_delivery-failure-reason",role:"alert"},r.a.createElement(_,{symbol:"error"}),r.a.createElement("span",null,e.children))},E=function(e){return r.a.createElement("button",{className:"slds-button slds-chat-message__action slds-m-top_xxx-small"},r.a.createElement(i.UtilityIcon,{assistiveText:!1,title:!1,className:"slds-icon_xx-small",containerClassName:"slds-chat-icon",symbol:e.symbol}),r.a.createElement("span",null,e.actionTitle))},y=function(e){return r.a.createElement(s.a,{className:"slds-avatar_circle slds-chat-avatar",ariaHidden:e.ariaHidden},r.a.createElement("abbr",{className:"slds-avatar__initials slds-avatar__initials_inverse",title:e.name},e.initials))},v=function(e){return r.a.createElement("div",{className:o()("slds-chat-event",{"slds-has-error":e.hasError}),role:e.hasError&&"alert"},r.a.createElement("div",{className:"slds-chat-event__body"},r.a.createElement(_,{symbol:e.symbol,assistiveText:e.iconAssistiveText}),r.a.createElement("p",null,e.children," • ",e.timeStamp)),e.agentMessage&&r.a.createElement("div",{className:"slds-chat-event__agent-message"},e.agentMessage))},g=function(e){return r.a.createElement("div",{className:o()("slds-chat-bookend",{"slds-chat-bookend_stop":"stop"===e.type})},r.a.createElement(_,{symbol:"start"===e.type?"chat":"end_chat"}),r.a.createElement("p",null,"Chat ","stop"===e.type?"ended":"started"," by ",r.a.createElement("b",null,e.name)," ","• ",e.timeStamp))},_=function(e){return r.a.createElement(i.UtilityIcon,{assistiveText:e.assistiveText||!1,className:o()("slds-icon_x-small slds-icon-text-default",{"slds-icon-text-default":"error"===e.symbol,"slds-icon-text-warning":"warning"===e.symbol}),containerClassName:"slds-chat-icon",symbol:e.symbol,title:e.assistiveText||!1})}},function(e,t,n){"use strict";var a=n(0),r=n.n(a),l=n(1),o=n.n(l);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var i=["sprite","symbol"];function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function u(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=h(e);if(t){var r=h(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return b(this,n)}}function b(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var E=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(o,e);var t,n,a,l=p(o);function o(){return d(this,o),l.apply(this,arguments)}return t=o,(n=[{key:"render",value:function(){var e=this.props,t=(e.sprite,e.symbol,u(e,i));return r.a.createElement("svg",c({},t,{"aria-hidden":!0}),r.a.createElement("use",{xlinkHref:this.getHref()}))}},{key:"getHref",value:function(){if(this.props.sprite&&this.props.symbol){var e=this.props,t=e.sprite,n=e.symbol;return"/assets/icons/".concat(t,"-sprite/svg/symbols.svg#").concat(n)}}}])&&m(t.prototype,n),a&&m(t,a),Object.defineProperty(t,"prototype",{writable:!1}),o}(r.a.Component);E.propTypes={className:o.a.string,sprite:o.a.string,symbol:o.a.string},t.a=E},function(e,t,n){"use strict";n.r(t),n.d(t,"UtilityIcon",(function(){return u})),n.d(t,"examples",(function(){return d}));var a=n(0),r=n.n(a),l=n(1),o=n.n(l),s=n(8),i=n(2),c=n.n(i),u=function(e){var t=e.assistiveText,n=e.className,a=e.containerClassName,l=e.isDisabled,o=e.size,i=e.title,u=e.useCurrentColor,d=e.symbol||"announcement";return r.a.createElement("span",{className:c()("slds-icon_container slds-icon-utility-"+d,{"slds-current-color":u,"slds-icon_disabled":l},a),title:!1!==i?i||"Description of icon when needed":null},r.a.createElement(s.a,{className:c()("slds-icon",{"slds-icon_xx-small":"xx-small"===o,"slds-icon_x-small":"x-small"===o,"slds-icon_small":"small"===o,"slds-icon_large":"large"===o},n),sprite:"utility",symbol:d}),!1!==t?r.a.createElement("span",{className:"slds-assistive-text"},t||"Description of icon when needed"):null)};u.displayName="UtilityIcon",u.propTypes={assistiveText:o.a.oneOfType([o.a.string,o.a.bool]),size:o.a.oneOf(["large","small","x-small","xx-small"]),title:o.a.oneOfType([o.a.string,o.a.bool]),useCurrentColor:o.a.bool},t.default=[{id:"default",label:"Base - Default",element:r.a.createElement(u,{className:"slds-icon-text-default"})}];var d=[{id:"currentColor",label:"Base - Current Color",element:r.a.createElement("span",{style:{color:"purple"}},r.a.createElement(u,{useCurrentColor:!0}))},{id:"rtl-flipped",label:"Base - Horizontally flipped icon (RTL)",element:r.a.createElement("span",{dir:"rtl"},r.a.createElement(u,{containerClassName:"slds-icon_flip",className:"slds-icon-text-default",symbol:"picklist_type",title:"List icon",assistiveText:"List icon"}))},{id:"size-xxsmall",label:"Base - size xxsmall",element:r.a.createElement(u,{useCurrentColor:!0,className:"slds-icon_xx-small"})},{id:"size-xsmall",label:"Base - size xsmall",element:r.a.createElement(u,{useCurrentColor:!0,className:"slds-icon_x-small"})},{id:"size-small",label:"Base - size small",element:r.a.createElement(u,{useCurrentColor:!0,className:"slds-icon_small"})},{id:"size-large",label:"Base - size large",element:r.a.createElement(u,{useCurrentColor:!0,className:"slds-icon_large"})},{id:"disabled",label:"Base - disabled",element:r.a.createElement(u,{isDisabled:!0})},{id:"light",label:"Base - light",element:r.a.createElement(u,{className:"slds-icon-text-light"})},{id:"text-success",label:"Base - text success",element:r.a.createElement(u,{className:"slds-icon-text-success"})},{id:"text-warning",label:"Base - text warning",element:r.a.createElement(u,{className:"slds-icon-text-warning"})},{id:"text-error",label:"Base - text error",element:r.a.createElement(u,{className:"slds-icon-text-error"})}]},function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var a=n(0),r=n.n(a),l=n(2),o=n.n(l);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(){return(i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function d(e,t){return(d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=p(e);if(t){var r=p(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return f(this,n)}}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var b=function(e){var t=e.count+1;return r.a.createElement("div",{className:o()("slds-col",e.className)},e.count>=0?r.a.createElement("span",null,t):r.a.createElement("span",null,e.children))},h=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(s,e);var t,n,a,l=m(s);function s(){return c(this,s),l.apply(this,arguments)}return t=s,(n=[{key:"render",value:function(){for(var e=[],t=0;t<this.props.columns;t+=1)e.push({key:t,count:t});return r.a.createElement("div",{className:o()("slds-grid",this.props.className),style:this.props.style},this.props.columns?e.map((function(e){return r.a.createElement(b,i({key:e.key},e))})):this.props.children)}}])&&u(t.prototype,n),a&&u(t,a),Object.defineProperty(t,"prototype",{writable:!1}),s}(a.Component);t.b=h},function(e,t,n){"use strict";n.r(t),n.d(t,"Button",(function(){return f})),n.d(t,"examples",(function(){return p})),n.d(t,"states",(function(){return b}));var a=n(0),r=n.n(a),l=n(1),o=n.n(l),s=n(2),i=n.n(s),c=n(6),u=["className","disabled","isReset","isBrand","isNeutral","isOutlineBrand","isInverse","isDestructive","isTextDestructive","isSuccess","isFullWidth","isStretch","isFirst","isMiddle","isLast","onClick","kxScope","kxType","use","innerRef"];function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f=function(e){var t=e.className,n=e.disabled,a=e.isReset,l=e.isBrand,o=e.isNeutral,s=e.isOutlineBrand,c=e.isInverse,f=e.isDestructive,p=e.isTextDestructive,b=e.isSuccess,h=e.isFullWidth,E=e.isStretch,y=e.isFirst,v=e.isMiddle,g=e.isLast,_=e.onClick,k=e.kxScope,C=e.kxType,x=e.use,N=e.innerRef,L=m(e,u),w={current:{offsetX:"50%",offsetY:"50%"}},S={current:null},O={current:null},I=N||{current:null},T=C&&"underline"===C,M=C&&"ripple"===C,j=i()("slds-button",{"slds-button_reset":a,"slds-button_brand":l,"slds-button_neutral":o,"slds-button_outline-brand":s,"slds-button_inverse":c,"slds-button_destructive":f,"slds-button_text-destructive":p,"slds-button_success":b,"slds-button_full-width":h,"slds-button_stretch":E,"slds-button_first":y,"slds-button_middle":v,"slds-button_last":g},t),R=function(e){var t=w.current,n=t.offsetX,a=t.offsetY;e.style.setProperty("--slds-kx-button-pointer-position-x","".concat(n,"px")),T||e.style.setProperty("--slds-kx-button-pointer-position-y","".concat(a,"px"))},A=function(e){var t=e.offsetX,n=e.offsetY;w.current={offsetX:t,offsetY:n}},P=function(){S.current=window.requestAnimationFrame((function(e){F(e,I.current)})),I.current.addEventListener("mousemove",A)},D=function(){window.cancelAnimationFrame(S.current),I.current.removeEventListener("mousemove",A)},F=function e(t,n){void 0!==O.current&&R(n),O.current=t,S.current=window.requestAnimationFrame((function(t){e(t,n)}))},q=function(e,t){e.classList.toggle("slds-kx-is-animating-from-click",t)},B=function(e){var t=e.target;if(e.persist(),_&&_(e),"A"===t.tagName&&e.preventDefault(),M){var n=e.nativeEvent,a=n.offsetX,r=n.offsetY;w.current={offsetX:a,offsetY:r},R(t),q(t,!0)}},W=function(e){q(e.target,!1)};return r.a.createElement(r.a.Fragment,null,"a"===x?r.a.createElement("a",d({ref:I,className:j,href:"#"},L,{onClick:B},k&&{"kx-scope":k},C&&{"kx-type":C},k&&k.startsWith("button")&&{onMouseEnter:P,onMouseLeave:D},C&&"ripple"===C&&{onAnimationEnd:W}),e.children):r.a.createElement("button",d({ref:I,className:j,disabled:n},L,{onClick:B},k&&{"kx-scope":k},C&&{"kx-type":C},k&&k.startsWith("button")&&{onMouseEnter:P,onMouseLeave:D},C&&"ripple"===C&&{onAnimationEnd:W}),e.children))};f.displayName="Button",f.propTypes={className:o.a.string,disabled:o.a.bool,isReset:o.a.bool,isBrand:o.a.bool,isNeutral:o.a.bool,isOutlineBrand:o.a.bool,isInverse:o.a.bool,isDestructive:o.a.bool,isTextDestructive:o.a.bool,isSuccess:o.a.bool,isFullWidth:o.a.bool,isStretch:o.a.bool,isFirst:o.a.bool,isMiddle:o.a.bool,isLast:o.a.bool,kxScope:o.a.string,kxType: