@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 67.3 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,l,a={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM},7247:function(e,t,l){l.r(t),l.d(t,{getContents:function(){return We},getElement:function(){return Me}});var a=l(1594),n=l.n(a),r=l(5671),i=l(6547),o=(l(3212),l(5619)),s=l(806),c=l(942),d=l.n(c),m=l(7412),u=l.n(m),b=l(6955),p=l(5006),E=l(3589),h=l(885),y=l(538);function f(e){return f="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},f(e)}function v(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function g(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?v(Object(l),!0).forEach(function(t){x(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):v(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function x(e,t,l){return(t=function(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=f(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var w=n().createContext({isActionableMode:!1}),N="Cell content that is very long.\nIt also has a line break.\nIt has more than one line break",S=function(e){return n().createElement(R,null,n().createElement(k,null,n().createElement(L,{columnName:"Opportunity Name"})),n().createElement(k,null,n().createElement(L,{columnName:"Account Name"})),n().createElement(k,null,n().createElement(L,{columnName:"Close Date"})),n().createElement(k,null,n().createElement(L,{columnName:"Stage"})),n().createElement(k,null,n().createElement(L,{columnName:"Confidence"})),n().createElement(k,null,n().createElement(L,{columnName:"Amount"})),n().createElement(k,null,n().createElement(L,{columnName:"Contact"})))},C=function(e){return n().createElement(q,null,n().createElement(H,{"data-label":"Opportunity Name"},n().createElement(W,{cellText:e.title,cellLink:!0})),n().createElement(j,{"data-label":"Account Name",type:"base"},n().createElement(W,{cellText:"Cloudhub"})),n().createElement(j,{"data-label":"Close Date",type:"base"},n().createElement(W,{cellText:"4/14/2015"})),n().createElement(j,{"data-label":"Prospecting",type:"base"},n().createElement(W,{cellText:"Prospecting"})),n().createElement(j,{"data-label":"Confidence",type:"base"},n().createElement(W,{cellText:"20%"})),n().createElement(j,{"data-label":"Amount",type:"base"},n().createElement(W,{cellText:"$25k"})),n().createElement(j,{"data-label":"Contact",type:"base"},n().createElement(W,{cellLink:!0,cellText:"jrogers@cloudhub.com"})))};C.propTypes={title:u().string};var T=function(e){return n().createElement("div",{className:"slds-table_edit_container slds-is-relative"},e.children)};T.propTypes={children:u().node};var A=function(e){var t=d()("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 n().createElement("table",g(g({"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&&x({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&x({},"aria-label",e.ariaLabel)),e.children)};A.displayName="Table",A.propTypes={ariaLabel:u().string,ariaLabelledBy:u().string,children:u().node,hasCellBuffer:u().bool,hasHiddenHeader:u().bool,hasNoCellFocus:u().bool,hasNoRowHover:u().bool,isBordered:u().bool,isColBordered:u().bool,isEditable:u().bool,isFixedLayout:u().bool,isResizable:u().bool,isResponsive:u().bool,isResponsiveStacked:u().bool,isStriped:u().bool,selectionType:u().oneOf(["multiple","single"]),style:u().object,type:u().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:u().bool};var O=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};O.displayName="THead",O.propTypes={children:u().node,isHidden:u().bool};var R=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};R.displayName="THeadTr",R.propTypes={children:u().node};var k=function(e){var t,l=(0,a.useContext)(w).isActionableMode,r=d()({"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":l});return n().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection||"none"),t),className:r,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};k.displayName="ColumnTh",k.propTypes={"aria-label":u().string,children:u().node,hasFocus:u().bool,hasMenu:u().bool,isResizable:u().bool,isRightAligned:u().bool,isSortable:u().bool,sortDirection:u().oneOf(["ascending","descending","none"]),style:u().object,hasWrap:u().bool,isDataTable:u().bool};var L=function(e){return n().createElement("div",{className:d()("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:u().string.isRequired,id:u().string,isAssistiveText:u().bool,isFixedCell:u().bool},L.defaultProps={columnName:"Column Name",isDataTable:u().bool};var _=function(e){var t=s.Ay.uniqueId("cell-resize-handle-");return n().createElement("div",{className:"slds-resizable"},n().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),n().createElement("span",{className:"slds-resizable__handle"},n().createElement("span",{className:"slds-resizable__divider"})))};_.displayName="ResizeControl",_.propTypes={label:u().string.isRequired,tabIndex:u().oneOf(["0","-1"])};var I=function(e){var t=(0,a.useContext)(w).isActionableMode,l=t?"0":"-1",r=function(){return n().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,n().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&n().createElement(y.eX,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return n().createElement(n().Fragment,null,e.isSortable?n().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},n().createElement("span",{className:"slds-assistive-text"},"Sort by: "),r()):n().createElement("div",{className:"slds-th__action"},r()),e.sortDirection&&n().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&n().createElement(b.A,{"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&&n().createElement(_,{label:e.columnName+" column width"||0,tabIndex:l}))};I.displayName="InteractiveColumnHeader",I.propTypes={columnName:u().string.isRequired,columnHeaderIcons:u().array,hasMenu:u().bool,isResizable:u().bool,isSortable:u().bool,sortDirection:u().oneOf(["ascending","descending"])},I.defaultProps={isResizable:!0,isSortable:!0};var P=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(E.Sc,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked||null,groupId:"column-group-header",isDataTable:!0})))};P.displayName="SelectAllColumnHeader",P.propTypes={checked:u().bool};var D=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth||null;return n().createElement(O,{isHidden:e.isHidden},n().createElement(R,null,e.hasErrorColumn?n().createElement(k,{style:{width:"3.75rem"}},n().createElement(L,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(k,{isDataTable:!e.hasSingleRowSelect||!e.isHidden,isRightAligned:!e.hasErrorColumn||null,style:{width:t}},e.hasSingleRowSelect||e.isHidden?n().createElement(L,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(P,{checked:e.selectAll})),e.columns.map(function(t,a){return n().createElement(k,{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:l}},n().createElement(I,{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&&n().createElement(k,{style:{width:"3.25rem"}},n().createElement(L,{columnName:"Actions",isAssistiveText:!0}))))};D.displayName="AdvancedDataTableHead",D.propTypes={columnHeaderIcons:u().array,columns:u().array.isRequired,hasErrorColumn:u().bool,hasFocus:u().bool,hasMenus:u().bool,hasNoRowSelection:u().bool,hasRowLevelActions:u().bool,hasSingleRowSelect:u().bool,isHidden:u().bool,isResizable:u().bool,isSortable:u().bool,mainColumnWidth:u().string,selectAll:u().bool,singleColumnWidth:u().string,sortDirection:u().oneOf(["ascending","descending","none"])},D.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var B=function(e){return n().createElement("tbody",null,e.children)};B.displayName="TBody",B.propTypes={children:u().node};var q=function(e){return n().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:d()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};q.displayName="TBodyTr",q.propTypes={children:u().node,isExpanded:u().bool,isSelected:u().bool,isTopAligned:u().bool,level:u().string,positionWithinLevel:u().string,numberOfItemsAtLevel:u().string,tabIndex:u().oneOf(["0","-1"])};var j=function(e){var t=(0,a.useContext)(w).isActionableMode,l=d()({"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 n().createElement("td",{"aria-readonly":e.isLocked,"aria-selected":e.isEditing,"aria-describedby":function(){if(e.isEdited)return"unsaved-cell-notification"}()||null,className:l||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:u().node,"data-label":u().string,hasError:u().bool,hasFocus:u().bool,isEditable:u().bool,isEdited:u().bool,isEditing:u().bool,isErrorCell:u().bool,isLocked:u().bool,isRightAligned:u().bool,isShrunken:u().bool,style:u().object,tabIndex:u().oneOf(["0","-1"]),type:u().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:u().bool};var H=function(e){var t=(0,a.useContext)(w).isActionableMode,l=d()({"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 n().createElement("th",{className:l||null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};H.displayName="RowTh",H.propTypes={children:u().node,"data-label":u().string,hasFocus:u().bool,isEditable:u().bool,tabIndex:u().oneOf(["0","-1"]),type:u().oneOf(["base","advanced","treegrid"]),isItemHovered:u().bool,hasWrap:u().bool};var F=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().createElement(h.sx,{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,isDataTable:!0}):n().createElement(E.Sc,{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,isDataTable:!0}))};F.displayName="SelectRowCell",F.propTypes={checked:u().bool,hasSingleRowSelect:u().bool,index:u().number.isRequired,inputTabIndex:u().oneOf(["0","-1"])};var z=function(e){var t=e.rowName,l=(0,a.useContext)(w).isActionableMode;return n().createElement(b.A,{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:l?"0":"-1",title:"More actions for ".concat(t)})};z.displayName="RowActionsCell",z.propTypes={rowName:u().string.isRequired};var M=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(b.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:d()("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")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};M.displayName="ErrorCell",M.propTypes={hasError:u().bool,index:u().number.isRequired};var W=function(e){var t=e.hasWrap,l=e.cellText,r=e.cellLink,i=(0,a.useContext)(w).isActionableMode;return n().createElement("div",{className:d()(t?"slds-line-clamp":"slds-truncate"),title:l},r?n().createElement("a",{href:"#",tabIndex:i?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};W.displayName="ReadOnlyCell",W.propTypes={cellLink:u().bool,cellText:u().string.isRequired,hasWrap:u().bool};var $=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?n().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):n().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),n().createElement(b.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:d()("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&&n().createElement(X,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};$.displayName="EditableCell",$.propTypes={buttonText:u().string.isRequired,cellLink:u().bool,cellText:u().string.isRequired,hasError:(0,s.VY)("showEdit",u().bool),index:u().number,isLocked:u().bool,isRequired:(0,s.VY)("showEdit",u().bool),showEdit:u().bool};var X=function(e){return n().createElement(p.AM,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:d()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},n().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?n().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,n().createElement("span",{className:"slds-assistive-text"},"Company")),n().createElement("div",{className:"slds-form-element__control slds-grow"},n().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?n().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};X.displayName="EditPopover",X.propTypes={hasError:u().bool,isRequired:u().bool};var V=[{id:"default",label:"Default",element:n().createElement(A,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example default base table of Opportunities"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))}],G=[{id:"data-table-striped-rows",label:"With striped rows",element:n().createElement(A,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with striped rows"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}),n().createElement(C,{title:"Cloudhub"})))},{id:"data-table-no-hover",label:"With no row hovers",element:n().createElement(A,{isBordered:!0,hasCellBuffer:!0,hasNoRowHover:!0,type:"base",ariaLabel:"Example table of Opportunities with no row hovers"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))},{id:"data-table-vertical-borders",label:"With vertical borders",element:n().createElement(A,{isBordered:!0,isColBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with vertical borders"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))},{id:"single-column",label:"Single Column",element:n().createElement(A,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with a single column"},n().createElement(O,null,n().createElement(R,null,n().createElement(k,null,n().createElement(L,{columnName:"Opportunity Name"})))),n().createElement(B,null,n().createElement(q,null,n().createElement(j,{"data-label":"Opportunity Name",type:"base"},n().createElement(W,{cellLink:!0,cellText:"Cloudhub"}))),n().createElement(q,null,n().createElement(j,{"data-label":"Opportunity Name",type:"base"},n().createElement(W,{cellLink:!0,cellText:"Cloudhub + Anypoint Connectors"})))))},{id:"no-borders",label:"No borders",element:n().createElement(A,{isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with no borders"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}),n().createElement(C,{title:"Cloudhub"})))},{id:"headless",label:"Headless",element:n().createElement(A,{hasHiddenHeader:!0,isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example headless table of Opportunities"},n().createElement(O,{isHidden:!0},n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}),n().createElement(C,{title:"Cloudhub"})))},{id:"headless-no-borders",label:"Headless with no borders",element:n().createElement(A,{hasHiddenHeader:!0,hasCellBuffer:!0,type:"base",ariaLabel:" Example headless table of Opportunities with no borders "},n().createElement(O,{isHidden:!0},n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}),n().createElement(C,{title:"Cloudhub"})))},{id:"cell-content-truncated",label:"Cell content truncated",demoStyles:"max-width: 600px;",storybookStyles:!0,element:n().createElement(A,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content truncated "},n().createElement(O,null,n().createElement(R,null,n().createElement(k,null,n().createElement(L,{columnName:"Typical Column Header"})),n().createElement(k,null,n().createElement(L,{columnName:"Truncated, no wrap"})),n().createElement(k,null,n().createElement(L,{columnName:"Typical Column Header"})))),n().createElement(B,null,n().createElement(q,null,n().createElement(H,{"data-label":"Typical Column Header"},n().createElement(W,{cellText:"Typical cell content"})),n().createElement(j,{"data-label":"Truncated, no wrap",type:"base",hasWrap:!0},n().createElement(W,{cellText:N})),n().createElement(j,{"data-label":"Typical Column Header",type:"base"},n().createElement(W,{cellText:"Typical cell content"})))))},{id:"cell-content-wrapped",label:"Cell content wrapped",demoStyles:"max-width: 600px;",storybookStyles:!0,element:n().createElement(A,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content wrapped "},n().createElement(O,null,n().createElement(R,null,n().createElement(k,null,n().createElement(L,{columnName:"Typical Column Header"})),n().createElement(k,null,n().createElement(L,{columnName:"Wrapped, line clamped"})),n().createElement(k,null,n().createElement(L,{columnName:"Typical Column Header"})))),n().createElement(B,null,n().createElement(q,null,n().createElement(H,{"data-label":"Typical Column Header"},n().createElement(W,{cellText:"Typical cell content"})),n().createElement(j,{"data-label":"Wrapped, line clamped",type:"base",hasWrap:!0},n().createElement(W,{cellText:N,hasWrap:!0})),n().createElement(j,{"data-label":"Typical Column Header",type:"base"},n().createElement(W,{cellText:"Typical cell content"})))))},{id:"data-table-aria-labelledby",label:"Using aria-labelledby instead of aria-label",element:n().createElement(n().Fragment,null,n().createElement("h2",{id:"element-with-table-label",className:"slds-text-heading_medium slds-m-bottom_xx-small"},"Example data table of Opportunities"),n().createElement("h3",{id:"other-element-with-table-label",className:"slds-text-title slds-m-bottom_small"},"Using ",n().createElement("code",null,"aria-labelledby"),", instead of aria-label"),n().createElement(A,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabelledBy:"element-with-table-label other-element-with-table-label"},n().createElement(O,null,n().createElement(S,null)),n().createElement(B,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}))))}],Y=l(4090),J=l(8522),Q=l(1391),U=l(7852),K=l(5526),Z=l(2711),ee=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(q,{isSelected:e.isSelected},n().createElement(j,{isRightAligned:!0,type:"advanced"},n().createElement(F,{checked:e.isSelected,hasSingleRowSelect:e.hasSingleRowSelect,index:e.index,inputTabIndex:t?"0":"-1"})),n().createElement(H,{hasFocus:!t&&1===e.index&&e.hasFocus,tabIndex:t||1!==e.index?null:"0"},n().createElement(W,{cellLink:!0,cellText:e.recordName})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.accountName})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.closeDate})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.stage})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.confidence})),e.hasScores&&e.amountScore&&e.amountScoreLabel?n().createElement(j,{type:"advanced"},n().createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},n().createElement("div",{className:"slds-truncate",title:e.amount},e.amount),n().createElement("div",{className:"slds-icon_container slds-m-left_x-small slds-m-right_xx-small"},n().createElement(Q.A,{"data-slds-state":e.amountScore})),n().createElement("div",{className:"slds-truncate",title:e.amountScoreLabel},e.amountScoreLabel))):n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.amount})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellLink:!0,cellText:e.contact})),e.hasRowActions&&n().createElement(j,{type:"advanced"},n().createElement(z,{rowName:e.recordName})))};ee.displayName="AdvancedDataTableTr",ee.propTypes={accountName:u().string.isRequired,amount:u().string.isRequired,amountScore:(0,s.VY)("amountScoreLabel",u().string),amountScoreLabel:(0,s.VY)("amountScore",u().string),closeDate:u().string.isRequired,confidence:u().string.isRequired,contact:u().string.isRequired,hasFocus:u().bool,hasRowActions:u().bool,hasScores:u().bool,index:u().number.isRequired,hasSingleRowSelect:u().bool,recordName:u().string.isRequired,isSelected:u().bool,stage:u().string.isRequired},ee.defaultProps={hasRowActions:!0};var te=function(e){return n().createElement("div",{className:"slds-size_xx-small"},n().createElement("img",{alt:e.productName,src:e.productImgSrc,title:e.productName}))};te.displayName="ProductImage",te.propTypes={productImgSrc:u().string.isRequired,productName:u().string.isRequired};var le=function(e){return n().createElement(n().Fragment,null,n().createElement("p",null,n().createElement("s",null,e.priceOriginal)),n().createElement("p",null,e.priceDiscount))};le.displayName="ProductPriceCell",le.propTypes={priceDiscount:u().string.isRequired,priceOriginal:u().string.isRequired};var ae=function(e){return n().createElement(U.A,{figureLeft:n().createElement(te,{productImgSrc:e.productImgSrc,productName:e.productName})},n().createElement(W,{cellLink:!0,cellText:e.productName}),n().createElement("ul",null,e.productProperties.map(function(e,t){return n().createElement("li",{className:"slds-truncate",key:t,title:"".concat(e.label,": ").concat(e.value)},e.label,": ",n().createElement("strong",null,e.value))})),n().createElement("p",{className:"slds-text-color_success"},e.labelInventory))};ae.displayName="ProductItemDetailsCell",ae.propTypes={labelInventory:u().string.isRequired,productImgSrc:u().string.isRequired,productName:u().string.isRequired,productProperties:u().array.isRequired};var ne=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(Z.ZS,{inputId:e.inputId,labelClassName:"slds-assistive-text",labelContent:e.labelText},n().createElement(K.A,{className:"slds-size_xxx-small slds-text-align_center slds-p-horizontal_x-small",defaultValue:e.quantity,id:e.inputId,placeholder:" ",tabIndex:t?null:"-1"}))};ne.displayName="ProductQuantityCell",ne.propTypes={labelText:u().string.isRequired,inputId:u().string.isRequired,quantity:u().string};var re=function(e){return n().createElement(q,{isTopAligned:!0},n().createElement(H,null,n().createElement(ae,{labelInventory:e.labelInventory,productImgSrc:e.productImgSrc,productName:e.productName,productProperties:e.productProperties})),n().createElement(j,{type:"advanced"},n().createElement(ne,{inputId:"product-quantity-text-input-id-".concat(e.index),labelText:"".concat(e.productName," quantity"),quantity:e.quantity})),n().createElement(j,{type:"advanced"},n().createElement(W,{cellText:e.dateAdded})),n().createElement(j,{type:"advanced"},n().createElement(le,{priceDiscount:e.priceDiscount,priceOriginal:e.priceOriginal})),n().createElement(j,{type:"advanced"},n().createElement(z,{rowName:e.productName})))};function ie(e){return ie="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},ie(e)}function oe(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function se(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(l),!0).forEach(function(t){ce(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):oe(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function ce(e,t,l){return(t=function(e){var t=function(e){if("object"!=ie(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=ie(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ie(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}re.displayName="ProductDataTableTr",re.propTypes={dateAdded:u().string.isRequired,index:u().number.isRequired,labelInventory:u().string.isRequired,priceDiscount:u().string.isRequired,priceOriginal:u().string.isRequired,productImgSrc:u().string.isRequired,productName:u().string.isRequired,productProperties:u().array.isRequired,quantity:u().string};var de=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],me=[{recordName:"Acme - 1,200 Widgets",accountName:"Acme",closeDate:"4/10/15",stage:"Value Proposition",confidence:"30%",amount:"$25,000,000",contact:"jrogers@acme.com",amountScore:"positive",amountScoreLabel:"High"},{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",amountScore:"negative",amountScoreLabel:"Low"}],ue=[].concat(me).reverse(),be=[{column:"account name",icon:n().createElement(J.b$,{assistiveText:"Account",className:"slds-icon_x-small",containerClassName:"slds-m-right_xx-small",symbol:"account",title:"Account"})},{column:"confidence",icon:n().createElement("div",{className:"slds-icon_container slds-m-right_xx-small"},n().createElement(Y.A,{assistiveText:"Einstein calculated",className:"slds-is-paused",title:"Einstein calculated"}))}],pe=(me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))}),[{id:"cell-focused",label:"Cell Focused",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell focused"},n().createElement(D,{columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se(se({isSelected:!1,key:t,index:t+1},e),{},{hasFocus:!0}))})))},{id:"actionable-mode",label:"Actionable Mode",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:!1,key:t},e))}))))},{id:"row-selected",label:"Row Selected (Actionable mode)",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with row selected"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:1===t,key:t},e))}))))},{id:"all-row-selected",label:"All Rows Selected (Actionable mode)",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with all rows selected"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de,selectAll:!0}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:!0,key:t},e))}))))},{id:"sorted-column-asc",label:"Sorted Ascending (Actionable mode)",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with ascending column sorting"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de,sortDirection:"ascending"}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:!1,key:t},e))}))))},{id:"sorted-column-desc",label:"Sorted Descending (Actionable mode)",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with descending column sorting"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de,sortDirection:"descending"}),n().createElement(B,null,ue.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:!1,key:t},e))}))))},{id:"resized-column",label:"Column Resized (Actionable mode)",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with resized column"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:de,singleColumnWidth:"300px"}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({index:t+1,isSelected:!1,key:t},e))}))))}]),Ee=[{id:"header-icon-menu-button",label:"Header Icon and Menu Button",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header icon and menu button"},n().createElement(D,{columnHeaderIcons:be,columns:de,hasMenus:!0}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))})))},{id:"header-menu-button",label:"Header Menu Button",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header menu button"},n().createElement(D,{columns:de,hasMenus:!0}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))})))},{id:"cell-icon",label:"Cell Icon",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell icon"},n().createElement(D,{columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se(se({isSelected:!1,key:t,index:t+1},e),{},{hasScores:!0}))})))},{id:"product-listing",label:"Product Listing",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table as product listing"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:["Product","Quantity","Date Added","Price"],hasNoRowSelection:!0}),n().createElement(B,null,[{productImgSrc:"/assets/images/product1.jpg",productName:"Baseball Cap",productProperties:[{label:"Size",value:"7 3/4"},{label:"Color",value:"Blue"},{label:"Item No.",value:"1007100"}],labelInventory:"In Stock",quantity:"1",dateAdded:"4/10/17",priceOriginal:"$23.00",priceDiscount:"$20.00"},{productImgSrc:"/assets/images/product2.jpg",productName:"Construction Hat",productProperties:[{label:"Size",value:"One size fits most"},{label:"Color",value:"Yellow"},{label:"Item No.",value:"2800100"}],labelInventory:"In Stock",quantity:"1",dateAdded:"4/10/17",priceOriginal:"$52.00",priceDiscount:"$40.00"},{productImgSrc:"/assets/images/product3.jpg",productName:"Campaign Hat",productProperties:[{label:"Size",value:"Small"},{label:"Color",value:"Tan"},{label:"Item No.",value:"2000100"}],labelInventory:"In Stock",quantity:"1",dateAdded:"4/10/17",priceOriginal:"$79.00",priceDiscount:"$59.00"}].map(function(e,t){return n().createElement(re,se({isSelected:!1,key:t,index:t+1},e))}))))},{id:"radio-group",label:"Radio Group",element:n().createElement(A,{isBordered:!0,isFixedLayout:!0,isResizable:!0,type:"advanced",ariaLabel:"Example advanced table as radio group"},n().createElement(D,{columns:de,hasSingleRowSelect:!0}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({hasSingleRowSelect:!0,index:t+1,key:t},e))})))},{id:"data-table-no-borders",label:"No borders",element:n().createElement(A,{isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table with no borders"},n().createElement(D,{columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless",label:"Headless",element:n().createElement(A,{hasHiddenHeader:!0,isBordered:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless table"},n().createElement(D,{isHidden:!0,columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless-no-borders",label:"Headless with no borders",element:n().createElement(A,{hasHiddenHeader:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless border-less table"},n().createElement(D,{isHidden:!0,columns:de}),n().createElement(B,null,me.map(function(e,t){return n().createElement(ee,se({isSelected:!1,key:t,index:t+1},e))})))}];function he(e){return he="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},he(e)}function ye(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function fe(e,t,l){return(t=function(e){var t=function(e){if("object"!=he(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=he(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==he(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var ve=function(e){return n().createElement("div",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?ye(Object(l),!0).forEach(function(t){fe(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):ye(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({className:"demo-only"},e),e.children)};ve.propTypes={children:u().node};var ge=function(e){var t=(0,a.useContext)(w).isActionableMode;return n().createElement(q,{isSelected:e.isSelected},n().createElement(j,{hasFocus:"error"===e.focusedCell,isEditable:!0,isErrorCell:!0,type:"advanced"},n().createElement(M,{hasError:e.showRowError,index:e.index})),n().createElement(j,{hasFocus:"selectRow"===e.focusedCell,isEditable:!0,tabIndex:t||"selectRow"!==e.focusableCell?null:"0",type:"advanced"},n().createElement(F,{checked:e.isSelected,index:e.index,inputTabIndex:t?"0":"-1"})),n().createElement(H,{hasFocus:"recordName"===e.focusedCell,isEditable:!0,tabIndex:t||"recordName"!==e.focusableCell?null:"0"},n().createElement($,{buttonText:"Edit Name of "+e.recordName,cellLink:!0,cellText:e.recordName,index:e.index})),n().createElement(j,{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().createElement($,{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,isEdited:e.showEditedCell})),n().createElement(j,{isEditable:!0,type:"advanced"},n().createElement($,{buttonText:"Edit Close Date of "+e.recordName,cellText:e.closeDate,index:e.index})),n().createElement(j,{isEditable:!0,type:"advanced"},n().createElement($,{buttonText:"Edit Stage of "+e.recordName,cellText:e.stage,index:e.index})),n().createElement(j,{isEditable:!0,isLocked:!0,type:"advanced"},n().createElement($,{buttonText:"Edit Confidence of "+e.recordName,cellText:e.confidence,index:e.index,isLocked:!0})),n().createElement(j,{isEditable:!0,type:"advanced"},n().createElement($,{buttonText:"Edit Amount of "+e.recordName,cellText:e.amount,index:e.index})),n().createElement(j,{isEditable:!0,type:"advanced"},n().createElement($,{buttonText:"Edit Contact of "+e.recordName,cellText:e.contact,index:e.index})),n().createElement(j,{isEditable:!0,type:"advanced"},n().createElement(z,{isEditable:!0,rowName:e.recordName})))};ge.displayName="InlineEditTr",ge.propTypes={accountName:u().string.isRequired,amount:u().string.isRequired,closeDate:u().string.isRequired,confidence:u().string.isRequired,contact:u().string.isRequired,focusableCell:u().string,focusedCell:u().string,index:u().number.isRequired,isLocked:u().bool,recordName:u().string.isRequired,isSelected:u().bool,showCellError:(0,s.VY)("showRowError",u().bool),showEdit:u().bool,showEditError:u().bool,showEditRequired:u().bool,showEditedCell:u().bool,showRowError:u().bool,stage:u().string.isRequired};var xe=l(3062),we=l(9249);function Ne(e){return Ne="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},Ne(e)}function Se(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,a)}return l}function Ce(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?Se(Object(l),!0).forEach(function(t){Te(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):Se(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function Te(e,t,l){return(t=function(e){var t=function(e){if("object"!=Ne(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=Ne(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ne(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var Ae=s.Ay.uniqueId("dialog-heading-id-"),Oe=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],Re=[{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"}],ke=function(){return n().createElement(T,null,n().createElement(A,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table"},n().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({focusedCell:0===t?"recordName":null,index:t+1,isSelected:!1,key:t},e))})))))},Le=[{id:"default",label:"Default",element:n().createElement(T,null,n().createElement(A,{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().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({focusableCell:"recordName",index:t+1,isSelected:!1,key:t},e))}))))}],_e=[{id:"with-link",label:"Cell focused - Link (Actionable mode)",element:n().createElement(ke,null),script:"\n document.getElementById('link-01').focus()\n "},{id:"checkbox",label:"Cell focused - Checkbox (Actionable mode)",element:n().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({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().createElement(ve,{style:{marginTop:"100px",marginLeft:"10px"}},n().createElement(T,null,n().createElement(A,{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().createElement(w.Provider,{value:{isActionableMode:!0}},n().createElement(D,{columns:Oe,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,Ce({focusedCell:0===t?"error":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))})))),n().createElement(xe.AM,{className:"slds-popover_error slds-nubbin_bottom-left",closeButton:!0,header:n().createElement(we.R5,{headingId:Ae,symbol:"error",title:"Resolve error"}),headingId:Ae,inverse:!0,style:{position:"absolute",top:"-56px"}},n().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().createElement(T,null,n().createElement(A,{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().createElement(D,{columns:Oe,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,{accountName:Re[t].accountName,amount:Re[t].amount,closeDate:Re[t].closeDate,confidence:Re[t].confidence,contact:Re[t].contact,index:t+1,isSelected:!1,key:t,recordName:Re[t].recordName,stage:Re[t].stage})}))))},{id:"header-cell-marked",label:"Header cell marked (Navigation mode)",element:n().createElement(T,null,n().createElement(A,{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().createElement(D,{columns:Oe,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),n().createElement(B,null,Re.map(function(e,t){return n().createElement(ge,{accountName:Re[t].accountName,amount:Re[t].amount,closeDate:Re[t].closeDate,confidence:Re[t].confidence,contact:Re[t].contact,index:t+1,isSelected:!1,key:t,recordName:Re[t].recordName,stage:Re[t].stage})}))))}],Ie=r.XB.a,Pe=r.XB.code,De=r.XB.h2,Be=r.XB.h3,qe=r.XB.h4,je=r.XB.li,He=r.XB.p,Fe=r.XB.strong,ze=r.XB.ul,Me=function(){return(0,a.createElement)(r.Ay,{},(0,a.createElement)("div",{className:"doc lead"},"Data tables are an enhanced version of an HTML table and are used to display tabular data."),(0,a.createElement)(i.A,{exampleOnly:!0,demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"actionable-mode")),De({id:"About-Data-Tables"},"About Data Tables"),He({},"To initialize a data table, apply the ",Pe({},"slds-table")," class to the ",Pe({},"table")," element. This class creates a ",Pe({},"table")," with formatted cells and allows you to use data table utilities."),Be({id:"Accessibility"},"Accessibility"),qe({id:"Headers"},"Headers"),He({},"To create an accessible table, the top row of column headers (",Pe({},"th"),") are placed in a ",Pe({},"thead"),". Each one receives the ",Pe({},'scope="col"')," attribute. The first non-actionable (meaning that doesn't contain a checkbox or menu) column in each row should be marked as a th with a ",Pe({},'scope="row"')," attribute."),qe({id:"Labeling"},"Labeling"),He({},"To give additional context, like a caption or description, to a table for screen readers, the attributes ",Pe({},"aria-labelledby")," or ",Pe({},"aria-label")," can be used on the ",Pe({},"table")," element."),He({},"For ",Pe({},"aria-label"),", set the description as the attribute value. Alternatively, if another element, or elements, can serve this purpose for the table, then set the value of ",Pe({},"aria-labelledby")," with the ",Pe({},"id")," of the element[s]."),He({},"This example shows ",Pe({},"aria-labelledby")," set with the ",Pe({},"id"),"s of two separate elements to make up the label."),(0,a.createElement)(i.A,null,(0,s.NO)(G,"data-table-aria-labelledby")),De({id:"Base"},"Base"),(0,a.createElement)(i.A,null,(0,s.NO)(V)),Be({id:"Striped-rows"},"Striped rows"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"data-table-striped-rows")),Be({id:"Columns-dividers"},"Columns dividers"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"data-table-vertical-borders")),Be({id:"Rows-with-no-hover"},"Rows with no hover"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"data-table-no-hover")),Be({id:"Single-Column-table"},"Single Column table"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"single-column")),Be({id:"Headless"},"Headless"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"headless")),qe({id:"With-no-borders"},"With no borders"),(0,a.createElement)(i.A,null,(0,s.NO)(G,"headless-no-borders")),De({id:"Actionable-mode-Column-sorting-and-row-selection(s)"},"Actionable mode - Column sorting and row selection(s)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"actionable-mode")),Be({id:"Single-row-selection"},"Single row selection"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(Ee,"radio-group")),Be({id:"Navigation-mode-Cell-focused"},"Navigation mode - Cell focused"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"cell-focused")),Be({id:"Row-Selection"},"Row Selection"),qe({id:"Single-row-selected"},"Single row selected"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"row-selected")),qe({id:"All-rows-selected"},"All rows selected"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"all-row-selected")),Be({id:"Column-sorting"},"Column sorting"),(0,a.createElement)(o.A,{type:"a11y",header:"Accessibility Note"},(0,a.createElement)("p",null,'The assistive text for the sort action contains `aria-live="polite"` so screen reader doesn\'t disrupt itself from announcing what the user is interacting with.')),qe({id:"Sorted-Ascending"},"Sorted Ascending"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"sorted-column-asc")),qe({id:"Sorted-Descending"},"Sorted Descending"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"sorted-column-desc")),Be({id:"Column-resizing"},"Column resizing"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(pe,"resized-column")),Be({id:"Column-headers-with-overflow-actions-button-menu"},"Column headers with overflow actions button menu"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(Ee,"header-menu-button")),Be({id:"Column-with-icons"},"Column with icons"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(Ee,"header-icon-menu-button")),Be({id:"Cell-with-icons"},"Cell with icons"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(Ee,"cell-icon")),De({id:"Inline-Edit"},"Inline Edit"),Be({id:"Accessibility-2"},"Accessibility"),He({},"The Advanced Data Table and Inline Edit Data Table are based on the semantics, roles and interaction model of the ARIA Grid. In SLDS we overlay the ",Ie({href:"http://w3c.github.io/aria/practices/aria-practices.html#grid"},"ARIA Grid")," on top of native HTML table semantics."),He({},"The role of Grid comes with 2 distinct modes, Navigation mode and Actionable mode. Both come with very specific keyboard interaction modals. Navigation mode is the default mode of the Grid."),He({},"Bold text for edited cell examples provide secondary indicators for text, along with yellow backgrounds, to indicate content is edited but unsaved."),He({},Fe({},"Navigation Mode")),ze({},je({},"Tabbing into the grid focuses the first data cell in the table."),je({},"The second tab key press takes the user focus out of the grid onto the next focusable element on the page."),je({},"Once the user has tabbed out of the grid, tabbing back into the grid will return focus to the last cell the user was focused on."),je({},"Navigation in the grid is accomplished via the arrow keys."),je({},"No actionable items in cell contents are focusable."),je({},"Pressing the Enter key on a chosen grid cell, places the entire Grid into Actionable mode.")),He({},Fe({},"Actionable Mode")),ze({},je({},"Once in Actionable mode, all focusable items in the entire grid can be tabbed to."),je({},"Arrow navigation still takes the user cell to cell in any direction, but focuses on the first actionable item in the cell, if there is one."),je({},"Pressing the Escape key exits Actionable mode, placing the user back into Navigation mode, keeping the users cursor on the same cell they were focused in."),je({},"When interacting with a component in a cell, such as a Menu, that also uses the Escape key as an exit action, pressing Escape will take the user back to the triggering element in the current cell. A subsequent press of Escape will return the user to Navigation mode.")),He({},"For the purposes of these docs, the Default state of Inline Edit is representative of Navigation mode, all other states are assumed to be in Actionable Mode."),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(Le)),Be({id:"Keyboard-navigation"},"Keyboard navigation"),qe({id:"1st-cell-highlighted-(checkbox)"},"1st cell highlighted (checkbox)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"checkbox")),qe({id:"2nd-cell-highlighted"},"2nd cell highlighted"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"with-link")),qe({id:"3rd-cell-highlighted"},"3rd cell highlighted"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"focused")),Be({id:"Cell-Edit"},"Cell Edit"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"edit")),qe({id:"Required-form-element"},"Required form element"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"required")),qe({id:"Required-form-element-with-error"},"Required form element with error"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"error")),qe({id:"Edited-cell-(unsaved)"},"Edited cell (unsaved)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"edited")),qe({id:"Edited-cell-with-row-selected-(unsaved)"},"Edited cell with row selected (unsaved)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"row-selected-with-edited-cell")),qe({id:"Edited-cell-with-row-level-error-(unsaved)"},"Edited cell with row level error (unsaved)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"row-error")),qe({id:"Edited-cell-with-focused-row-level-error-(unsaved)"},"Edited cell with focused row level error (unsaved)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"row-error-focused")),qe({id:"Edited-cell-with-row-selected-and-row-level-error-(unsaved)"},"Edited cell with row selected and row level error (unsaved)"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"row-error-and-selected")),Be({id:"Header-navigation"},"Header navigation"),qe({id:"Header-cell-focused"},"Header cell focused"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"header-cell-focused")),qe({id:"Header-cell-marked"},"Header cell marked"),(0,a.createElement)(i.A,{demoStyles:"overflow: hidden;"},(0,s.NO)(_e,"header-cell-marked")),Be({id:"Cell-Content"},"Cell Content"),He({},"As a default method, wrap any table cell content in a ",Pe({},"<div>"),"."),qe({id:"Truncated"},"Truncated"),He({},"Add the ",Pe({},"slds-truncate")," class to truncate any content that might overflow the tables cell area."),(0,a.createElement)(i.A,{demoStyles:(0,s.GP)(G,"cell-content-truncated")},(0,s.NO)(G,"cell-content-truncated")),qe({id:"Wrapped"},"Wrapped"),He({},"In those cases where long cell content is anticipated, use the ",Pe({},"slds-cell-wrap")," class on the cell ",Pe({},"<td>")," to have the text wrap within the cell’s width."),He({},"Also, use the ",Pe({},"slds-line-clamp")," class on the content-wrapping ",Pe({},"<div>")," to clamp, or truncate, the cell content after a certain amount of lines. Other ",Ie({href:"/utilities/line-clamp"},"line clamping classes")," can be used in place for various line clamping limits. The clamping limit can also be changed by reassigning a value to the ",Pe({},"line-clamp")," token."),(0,a.createElement)(i.A,{demoStyles:(0,s.GP)(G,"cell-content-wrapped")},(0,s.NO)(G,"cell-content-wrapped")))},We=function(){return(0,r.Qr)(Me())}}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var l=n[e]={id:e,exports:{}};return a[e](l,l.exports,r),l.exports}r.m=a,r.amdO={},e=[],r.O=function(t,l,a,n){if(!l){var i=1/0;for(d=0;d<e.length;d++){l=e[d][0],a=e[d][1],n=e[d][2];for(var o=!0,s=0;s<l.length;s++)(!1&n||i>=n)&&Object.keys(r.O).every(function(e){return r.O[e](l[s])})?l.splice(s--,1):(o=!1,n<i&&(i=n));if(o){e.splice(d--,1);var c=a();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[l,a,n]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},l=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},r.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var n=Object.create(null);r.r(n);var i={};t=t||[null,l({}),l([]),l(l)];for(var o=2&a&&e;("object"==typeof o||"function"==typeof o)&&!~t.indexOf(o);o=l(o))Object.getOwnPropertyNames(o).forEach(function(t){i[t]=function(){return e[t]}});return i.default=function(){return e},r.d(n,i),n},r.d=function(e,t){for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},r.e=function(){return Promise.resolve()},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=4043,function(){var e={4043:0};r.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,n,i=l[0],o=l[1],s=l[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(a in o)r.o(o,a)&&(r.m[a]=o[a]);if(s)var d=s(r)}for(t&&t(l);c<i.length;c++)n=i[c],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(d)},l=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),r.nc=void 0;var i=r.O(void 0,[3540],function(){return r(7247)});i=r.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/data-tables/docs.mdx.js"]=i}();