@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 33 kB
JavaScript
var SLDS;!function(){"use strict";var e,l={1594:function(e){e.exports=React},8112:function(e,l,t){t.r(l),t.d(l,{DeepNestingRows:function(){return V},DefaultRows:function(){return j},ExpandedRow:function(){return P},HeadlessRow:function(){return Y},HeadlessRows:function(){return U},Row:function(){return J},default:function(){return Z},examples:function(){return K},states:function(){return G}});var n=t(1594),s=t.n(n),i=t(942),a=t.n(i),o=t(4187),r=t.n(o),d=t(806),c=t(6955),m=t(5006),u=t(3589),b=t(885),p=t(538);function h(e){return h="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},h(e)}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},E.apply(null,arguments)}function v(e,l,t){return(l=function(e){var l=function(e){if("object"!=h(e)||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var t=l.call(e,"string");if("object"!=h(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==h(l)?l:l+""}(l))in e?Object.defineProperty(e,l,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[l]=t,e}var g=s().createContext({isActionableMode:!1});r().string,r().node;var y=function(e){var l=a()("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 s().createElement("table",E({"aria-multiselectable":"multiple"===e.selectionType?"true":null,className:l,role:function(){var l=null;switch(e.type){case"advanced":l="grid";break;case"treegrid":l="treegrid"}return l}(),style:e.style},e.ariaLabelledBy&&v({},"aria-labelledby",e.ariaLabelledBy),e.ariaLabel&&v({},"aria-label",e.ariaLabel)),e.children)};y.displayName="Table",y.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasCellBuffer:r().bool,hasHiddenHeader:r().bool,hasNoCellFocus:r().bool,hasNoRowHover:r().bool,isBordered:r().bool,isColBordered:r().bool,isEditable:r().bool,isFixedLayout:r().bool,isResizable:r().bool,isResponsive:r().bool,isResponsiveStacked:r().bool,isStriped:r().bool,selectionType:r().oneOf(["multiple","single"]),style:r().object,type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:r().bool};var x=function(e){return s().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};x.displayName="THead",x.propTypes={children:r().node,isHidden:r().bool};var S=function(e){return s().createElement("tr",{className:"slds-line-height_reset"},e.children)};S.displayName="THeadTr",S.propTypes={children:r().node};var w=function(e){var l,t=(0,n.useContext)(g).isActionableMode,i=a()({"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":t});return s().createElement("th",{"aria-sort":(l=null,e.isSortable&&(l=e.sortDirection||"none"),l),className:i,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};w.displayName="ColumnTh",w.propTypes={"aria-label":r().string,children:r().node,hasFocus:r().bool,hasMenu:r().bool,isResizable:r().bool,isRightAligned:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending","none"]),style:r().object,hasWrap:r().bool,isDataTable:r().bool};var f=function(e){return s().createElement("div",{className:a()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};f.displayName="ColumnHeader",f.propTypes={columnName:r().string.isRequired,id:r().string,isAssistiveText:r().bool,isFixedCell:r().bool},f.defaultProps={columnName:"Column Name",isDataTable:r().bool};var R=function(e){var l=d.Ay.uniqueId("cell-resize-handle-");return s().createElement("div",{className:"slds-resizable"},s().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:l,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),s().createElement("span",{className:"slds-resizable__handle"},s().createElement("span",{className:"slds-resizable__divider"})))};R.displayName="ResizeControl",R.propTypes={label:r().string.isRequired,tabIndex:r().oneOf(["0","-1"])};var L=function(e){var l=(0,n.useContext)(g).isActionableMode,t=l?"0":"-1",i=function(){return s().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var l=e.columnHeaderIcons.filter(function(l){return l.column===e.columnName.toLowerCase()});if(l.length)return l[0].icon}():null,s().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&s().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return s().createElement(s().Fragment,null,e.isSortable?s().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:t,onClick:function(e){return e.preventDefault()}},s().createElement("span",{className:"slds-assistive-text"},"Sort by: "),i()):s().createElement("div",{className:"slds-th__action"},i()),e.sortDirection&&s().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&s().createElement(c.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:l?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&s().createElement(R,{label:e.columnName+" column width"||0,tabIndex:t}))};L.displayName="InteractiveColumnHeader",L.propTypes={columnName:r().string.isRequired,columnHeaderIcons:r().array,hasMenu:r().bool,isResizable:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending"])},L.defaultProps={isResizable:!0,isSortable:!0};var N=function(e){var l=(0,n.useContext)(g).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-th__action slds-th__action_form"},s().createElement(u.Checkbox,{tabIndex:l?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked||null,groupId:"column-group-header",isDataTable:!0})))};N.displayName="SelectAllColumnHeader",N.propTypes={checked:r().bool};var _=function(e){var l=e.hasErrorColumn?"2rem":"3.25rem",t=e.mainColumnWidth||null;return s().createElement(x,{isHidden:e.isHidden},s().createElement(S,null,e.hasErrorColumn?s().createElement(w,{style:{width:"3.75rem"}},s().createElement(f,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&s().createElement(w,{isDataTable:!e.hasSingleRowSelect||!e.isHidden,isRightAligned:!e.hasErrorColumn||null,style:{width:l}},e.hasSingleRowSelect||e.isHidden?s().createElement(f,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):s().createElement(N,{checked:e.selectAll})),e.columns.map(function(l,n){return s().createElement(w,{key:n,"aria-label":l,hasFocus:0===n?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null,style:{width:0===n&&e.singleColumnWidth?e.singleColumnWidth:t}},s().createElement(L,{columnName:l,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null}))}),e.hasRowLevelActions&&s().createElement(w,{style:{width:"3.25rem"}},s().createElement(f,{columnName:"Actions",isAssistiveText:!0}))))};_.displayName="AdvancedDataTableHead",_.propTypes={columnHeaderIcons:r().array,columns:r().array.isRequired,hasErrorColumn:r().bool,hasFocus:r().bool,hasMenus:r().bool,hasNoRowSelection:r().bool,hasRowLevelActions:r().bool,hasSingleRowSelect:r().bool,isHidden:r().bool,isResizable:r().bool,isSortable:r().bool,mainColumnWidth:r().string,selectAll:r().bool,singleColumnWidth:r().string,sortDirection:r().oneOf(["ascending","descending","none"])},_.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var A=function(e){return s().createElement("tbody",null,e.children)};A.displayName="TBody",A.propTypes={children:r().node};var T=function(e){return s().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:a()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};T.displayName="TBodyTr",T.propTypes={children:r().node,isExpanded:r().bool,isSelected:r().bool,isTopAligned:r().bool,level:r().string,positionWithinLevel:r().string,numberOfItemsAtLevel:r().string,tabIndex:r().oneOf(["0","-1"])};var I=function(e){var l=(0,n.useContext)(g).isActionableMode,t=a()({"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":l});return s().createElement("td",{"aria-readonly":e.isLocked,"aria-selected":e.isEditing,"aria-describedby":function(){if(e.isEdited)return"unsaved-cell-notification"}()||null,className:t||null,"data-label":e["data-label"],role:function(){var l=null;switch(e.type){case"advanced":case"treegrid":l="gridcell"}return l}(),style:e.style,tabIndex:e.tabIndex},e.children)};I.displayName="Td",I.propTypes={children:r().node,"data-label":r().string,hasError:r().bool,hasFocus:r().bool,isEditable:r().bool,isEdited:r().bool,isEditing:r().bool,isErrorCell:r().bool,isLocked:r().bool,isRightAligned:r().bool,isShrunken:r().bool,style:r().object,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:r().bool};var C=function(e){var l=(0,n.useContext)(g).isActionableMode,t=a()({"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":l});return s().createElement("th",{className:t||null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};C.displayName="RowTh",C.propTypes={children:r().node,"data-label":r().string,hasFocus:r().bool,isEditable:r().bool,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["base","advanced","treegrid"]),isItemHovered:r().bool,hasWrap:r().bool};var H=function(e){return s().createElement(s().Fragment,null,e.hasSingleRowSelect?s().createElement(b.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,isDataTable:!0}):s().createElement(u.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,isDataTable:!0}))};H.displayName="SelectRowCell",H.propTypes={checked:r().bool,hasSingleRowSelect:r().bool,index:r().number.isRequired,inputTabIndex:r().oneOf(["0","-1"])};var O=function(e){var l=e.rowName,t=(0,n.useContext)(g).isActionableMode;return s().createElement(c.A,{assistiveText:"More actions for ".concat(l),"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:t?"0":"-1",title:"More actions for ".concat(l)})};O.displayName="RowActionsCell",O.propTypes={rowName:r().string.isRequired};var k=function(e){var l=(0,n.useContext)(g).isActionableMode;return s().createElement(s().Fragment,null,s().createElement(c.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:a()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:l?"0":"-1",title:"Item ".concat(e.index," has errors")}),s().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};k.displayName="ErrorCell",k.propTypes={hasError:r().bool,index:r().number.isRequired};var D=function(e){var l=e.hasWrap,t=e.cellText,i=e.cellLink,o=(0,n.useContext)(g).isActionableMode;return s().createElement("div",{className:a()(l?"slds-line-clamp":"slds-truncate"),title:t},i?s().createElement("a",{href:"#",tabIndex:o?"0":"-1",onClick:function(e){e.preventDefault()}},t):t)};D.displayName="ReadOnlyCell",D.propTypes={cellLink:r().bool,cellText:r().string.isRequired,hasWrap:r().bool};var F=function(e){var l=(0,n.useContext)(g).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?s().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:l?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):s().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),s().createElement(c.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:a()("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:l?"0":"-1",title:e.buttonText})),e.showEdit&&s().createElement(W,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&s().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};F.displayName="EditableCell",F.propTypes={buttonText:r().string.isRequired,cellLink:r().bool,cellText:r().string.isRequired,hasError:(0,d.VY)("showEdit",r().bool),index:r().number,isLocked:r().bool,isRequired:(0,d.VY)("showEdit",r().bool),showEdit:r().bool};var W=function(e){return s().createElement(m.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},s().createElement("div",{className:a()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},s().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?s().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,s().createElement("span",{className:"slds-assistive-text"},"Company")),s().createElement("div",{className:"slds-form-element__control slds-grow"},s().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?s().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};W.displayName="EditPopover",W.propTypes={hasError:r().bool,isRequired:r().bool};var q=function(e){var l=e.ariaLabel,t=e.ariaLabelledBy,n=e.children,i=e.hasHiddenHeader,a=e.isBordered,o=e.isFixedLayout,r=e.isResizable,d=e.selectionType;return s().createElement(y,{ariaLabel:l,ariaLabelledBy:t,hasHiddenHeader:i,isBordered:a,isEditable:!0,isFixedLayout:o,isResizable:r,selectionType:d,type:"treegrid"},n)};q.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasHiddenHeader:r().bool,isBordered:r().bool,isFixedLayout:r().bool,isResizable:r().bool,selectionType:r().string};var z=["Account Name","Employees","Phone Number","Account Owner","Billing City"],B=["Account Name"],M=0,J=function(e){return s().createElement(T,{isExpanded:e.isExpanded,isSelected:e.isSelected,level:e.level,positionWithinLevel:e.positionWithinLevel,numberOfItemsAtLevel:e.numberOfItemsAtLevel,tabIndex:e.isFocusable?"0":null},!e.hasSingleRowSelection&&s().createElement(I,{isRightAligned:!0,type:"advanced",style:{width:"3.25rem"}},s().createElement(H,{index:M++,checked:e.isSelected})),s().createElement(C,{"data-label":"Account Name",type:"treegrid",isItemHovered:e.isItemHovered},s().createElement(c.A,{"aria-hidden":"true",assistiveText:e.isExpanded?"Collapse ".concat(e.name):"Expand ".concat(e.name),className:a()("slds-button_icon-x-small slds-m-right_x-small",{"slds-is-disabled":null===e.isExpanded||void 0===e.isExpanded}),iconClassName:"slds-button__icon_small",symbol:"chevronright",tabIndex:"-1",title:e.isExpanded?"Collapse ".concat(e.name):"Expand ".concat(e.name)}),s().createElement(D,{cellLink:!0,cellText:e.name})),s().createElement(I,{"data-label":"Employees",type:"treegrid"},s().createElement(D,{cellText:e.employees})),s().createElement(I,{"data-label":"Phone Number",type:"treegrid"},s().createElement(D,{cellText:e.phone})),s().createElement(I,{"data-label":"Account Owner",type:"treegrid"},s().createElement(D,{cellLink:!0,cellText:e.owner})),s().createElement(I,{"data-label":"Billing City",type:"treegrid"},s().createElement(D,{cellText:e.city})),s().createElement(I,{type:"treegrid",style:{width:"3.25rem"}},s().createElement(O,{rowName:e.name})))};J.propTypes={city:r().string.isRequired,employees:r().string.isRequired,hasSingleRowSelection:r().bool,isExpanded:r().bool,isFocusable:r().bool,isSelected:r().bool,level:r().string.isRequired,name:r().string.isRequired,numberOfItemsAtLevel:r().string.isRequired,owner:r().string.isRequired,phone:r().string.isRequired,positionWithinLevel:r().string.isRequired};var Y=function(e){return s().createElement(T,{isExpanded:e.isExpanded,isSelected:e.isSelected,level:e.level,numberOfItemsAtLevel:e.numberOfItemsAtLevel,positionWithinLevel:e.positionWithinLevel,tabIndex:e.isFocusable?"0":null},!e.hasSingleRowSelection&&s().createElement(I,{isRightAligned:!0,type:"advanced",style:{width:"3.25rem"}},s().createElement(H,{index:M++,checked:e.isSelected})),s().createElement(C,{"data-label":"Account Name",type:"treegrid"},s().createElement(c.A,{"aria-hidden":"true",assistiveText:e.isExpanded?"Collapse ".concat(e.name):"Expand ".concat(e.name),className:a()("slds-button_icon slds-button_icon-x-small slds-m-right_x-small",{"slds-is-disabled":null===e.isExpanded||void 0===e.isExpanded}),iconClassName:"slds-button__icon_small",symbol:"chevronright",tabIndex:"-1",title:e.isExpanded?"Collapse ".concat(e.name):"Expand ".concat(e.name)}),s().createElement(D,{cellLink:!0,cellText:e.name})),s().createElement(I,{type:"treegrid",style:{width:"3.25rem"}},s().createElement(O,{rowName:e.name})))};Y.displayName="HeadlessRow",Y.propTypes={hasSingleRowSelection:r().bool,isExpanded:r().bool,isFocusable:r().bool,isSelected:r().bool,level:r().string.isRequired,name:r().string.isRequired,numberOfItemsAtLevel:r().string.isRequired,positionWithinLevel:r().string.isRequired};var j=function(e){return s().createElement(A,null,s().createElement(J,{hasSingleRowSelection:e.hasSingleRowSelection,city:"Phoenix, AZ",employees:"3,100",isFocusable:!0,isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Rewis Inc",numberOfItemsAtLevel:"4",owner:"Jane Doe",phone:"837-555-1212",positionWithinLevel:"1"}),s().createElement(J,{hasSingleRowSelection:e.hasSingleRowSelection,city:"San Francisco, CA",employees:"10,000",isExpanded:e.isExpanded,isSelected:e.hasSingleRowSelection?e.hasSelectedRow||null:e.hasSelectedRow||!1,level:"1",name:"Acme Corporation",numberOfItemsAtLevel:"4",owner:"John Doe",phone:"837-555-1212",positionWithinLevel:"2"}),e.additionalItem,s().createElement(J,{hasSingleRowSelection:e.hasSingleRowSelection,city:"New York, NY",employees:"6,000",isExpanded:!1,isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Rohde Enterprises",numberOfItemsAtLevel:"4",owner:"John Doe",phone:"837-555-1212",positionWithinLevel:"3"}),s().createElement(J,{hasSingleRowSelection:e.hasSingleRowSelection,city:"Paris, France",employees:"1,234",isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Cheese Corp",numberOfItemsAtLevel:"4",owner:"Jane Doe",phone:"837-555-1212",positionWithinLevel:"4"}))};j.displayName="DefaultRows",j.propTypes={additionalItem:r().node,hasSelectedRow:r().bool,hasSingleRowSelection:r().bool,isExpanded:r().bool};var P=function(e){return s().createElement(J,{city:"New York, NY",employees:"745",isSelected:!1,level:"2",name:"Acme Corporation (Oakland)",numberOfItemsAtLevel:"1",owner:"John Doe",phone:"837-555-1212",positionWithinLevel:"1"})},V=function(e){return s().createElement(A,null,s().createElement(J,{level:"1",positionWithinLevel:"1",numberOfItemsAtLevel:"4",name:"Rewis Inc",employees:"3,100",phone:"837-555-1212",owner:"Jane Doe",city:"Phoenix, AZ",isFocusable:!0,isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"1",positionWithinLevel:"2",numberOfItemsAtLevel:"4",name:"Acme Corporation",employees:"10,000",phone:"837-555-1212",owner:"John Doe",city:"San Francisco, CA",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"2",positionWithinLevel:"1",numberOfItemsAtLevel:"2",name:"Acme Corporation (Bay Area)",employees:"3,000",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{level:"3",positionWithinLevel:"1",numberOfItemsAtLevel:"2",name:"Acme Corporation (Oakland)",employees:"745",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{level:"3",positionWithinLevel:"2",numberOfItemsAtLevel:"2",name:"Acme Corporation (San Francisco)",employees:"578",phone:"837-555-1212",owner:"Jane Doe",city:"Los Angeles, CA",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"2",positionWithinLevel:"2",numberOfItemsAtLevel:"2",name:"Acme Corporation (East)",employees:"430",phone:"837-555-1212",owner:"John Doe",city:"San Francisco, CA",isSelected:!1}),s().createElement(J,{level:"3",positionWithinLevel:"1",numberOfItemsAtLevel:"2",name:"Acme Corporation (NY)",employees:"1,210",phone:"837-555-1212",owner:"Jane Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"3",positionWithinLevel:"2",numberOfItemsAtLevel:"2",name:"Acme Corporation (VA)",employees:"410",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"4",positionWithinLevel:"1",numberOfItemsAtLevel:"1",name:"Allied Technologies",employees:"390",phone:"837-555-1212",owner:"Jane Doe",city:"Los Angeles, CA",isSelected:!1}),s().createElement(J,{level:"5",positionWithinLevel:"1",numberOfItemsAtLevel:"1",name:"Allied Technologies (UV)",employees:"270",phone:"837-555-1212",owner:"John Doe",city:"San Francisco, CA",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"1",positionWithinLevel:"3",numberOfItemsAtLevel:"4",name:"Rohde Enterprises",employees:"6,000",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{level:"2",positionWithinLevel:"1",numberOfItemsAtLevel:"1",name:"Rohde Enterprises (UCA)",employees:"2,540",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{isExpanded:!0,level:"1",positionWithinLevel:"4",numberOfItemsAtLevel:"4",name:"Tech Labs",employees:"1,856",phone:"837-555-1212",owner:"John Doe",city:"New York, NY",isSelected:!1}),s().createElement(J,{level:"2",positionWithinLevel:"1",numberOfItemsAtLevel:"1",name:"Opportunity Resources Inc",employees:"1,934",phone:"837-555-1212",owner:"John Doe",city:"Los Angeles, CA",isSelected:!1}))},U=function(e){return s().createElement(A,null,s().createElement(Y,{hasSingleRowSelection:e.hasSingleRowSelection,isFocusable:!0,isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Rewis Inc",numberOfItemsAtLevel:"4",positionWithinLevel:"1"}),s().createElement(Y,{hasSingleRowSelection:e.hasSingleRowSelection,isExpanded:e.isExpanded,isSelected:e.hasSingleRowSelection?e.hasSelectedRow||null:e.hasSelectedRow||!1,level:"1",name:"Acme Corporation",numberOfItemsAtLevel:"4",positionWithinLevel:"2"}),s().createElement(Y,{hasSingleRowSelection:e.hasSingleRowSelection,isExpanded:!1,isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Rohde Enterprises",numberOfItemsAtLevel:"4",positionWithinLevel:"3"}),s().createElement(Y,{hasSingleRowSelection:e.hasSingleRowSelection,isSelected:!!e.hasSingleRowSelection&&null,level:"1",name:"Cheese Corp",numberOfItemsAtLevel:"4",positionWithinLevel:"4"}))};U.displayName="HeadlessRows",U.propTypes={isExpanded:r().any,hasSelectedRow:r().bool,hasSingleRowSelection:r().bool};var Z=[{id:"default",label:"Default",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example default tree grid"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!1}))}],G=[{id:"expanded",label:"Expanded",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example expanded tree grid"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!0,additionalItem:s().createElement(P,null)}))},{id:"selected-row",label:"Selected row",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example tree grid with selected row"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!0,hasSelectedRow:!0,additionalItem:s().createElement(P,null)}))},{id:"deep-nesting",label:"Deeply nested branches",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example tree grid with deep nesting"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(V,null))}],K=[{id:"treegrid-headless",label:"Headless",element:s().createElement(q,{isBordered:!0,selectionType:"multiple",hasHiddenHeader:!0,ariaLabel:"Example headless tree grid"},s().createElement(_,{columns:B,hasSingleRowSelect:!0,isHidden:!0}),s().createElement(U,{isExpanded:!1}))},{id:"treegrid-headless-selected-row",label:"Headless with selected row",element:s().createElement(q,{isBordered:!0,selectionType:"multiple",hasHiddenHeader:!0,ariaLabel:"Example headless tree grid with selected row"},s().createElement(_,{columns:B,hasSingleRowSelect:!0,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSelectedRow:!0}))},{id:"treegrid-headless-no-borders",label:"Headless with no borders",element:s().createElement(q,{selectionType:"multiple",hasHiddenHeader:!0,ariaLabel:"Example headless border-less tree grid"},s().createElement(_,{hasSingleRowSelect:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1}))},{id:"treegrid-headless-no-borders-selected-row",label:"Headless with no borders and a selected row",element:s().createElement(q,{selectionType:"multiple",hasHiddenHeader:!0,ariaLabel:"Example headless border-less tree grid with selected row"},s().createElement(_,{hasSingleRowSelect:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSelectedRow:!0}))},{id:"treegrid-single-select",label:"Single select",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,ariaLabel:"Example single select tree grid"},s().createElement(_,{hasNoRowSelection:!0,columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!1,hasSingleRowSelection:!0}))},{id:"treegrid-single-select-selected-row",label:"Single select with a selected row",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,ariaLabel:"Example single select tree grid with selected row"},s().createElement(_,{hasNoRowSelection:!0,columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!1,hasSelectedRow:!0,hasSingleRowSelection:!0}))},{id:"treegrid-single-select-headless",label:"Single select headless",element:s().createElement(q,{isBordered:!0,hasHiddenHeader:!0,ariaLabel:"Example headless single select tree grid"},s().createElement(_,{hasNoRowSelection:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSingleRowSelection:!0}))},{id:"treegrid-single-select-headless-selected",label:"Single select headless with selected row",element:s().createElement(q,{isBordered:!0,hasHiddenHeader:!0,ariaLabel:"Example single select tree grid with selected row"},s().createElement(_,{hasNoRowSelection:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSelectedRow:!0,hasSingleRowSelection:!0}))},{id:"treegrid-single-select-headless-no-borders",label:"Single select headless with no borders",element:s().createElement(q,{hasHiddenHeader:!0,ariaLabel:"Example headless border-less single select tree grid"},s().createElement(_,{hasNoRowSelection:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSingleRowSelection:!0}))},{id:"treegrid-single-select-headless-no-borders-with-selected",label:"Single select headless with no borders and a selected row",element:s().createElement(q,{hasHiddenHeader:!0,ariaLabel:"Example headless border-less single select tree grid with selected row"},s().createElement(_,{hasNoRowSelection:!0,columns:B,isHidden:!0}),s().createElement(U,{isExpanded:!1,hasSelectedRow:!0,hasSingleRowSelection:!0}))},{id:"item-disabled",label:"Item Disabled",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example tree grid with disabled item"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(j,{isExpanded:!1}))},{id:"item-hovered",label:"Item Hovered",element:s().createElement(q,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",ariaLabel:"Example tree grid with hovered item"},s().createElement(_,{columns:z,hasMenus:!0}),s().createElement(A,null,s().createElement(J,{city:"Phoenix, AZ",employees:"3,100",isItemHovered:!0,isFocusable:!0,isExpanded:!1,level:"1",name:"Rewis Inc",numberOfItemsAtLevel:"4",owner:"Jane Doe",phone:"837-555-1212",positionWithinLevel:"1"}),s().createElement(J,{city:"San Francisco, CA",employees:"10,000",isExpanded:!1,level:"1",name:"Acme Corporation",numberOfItemsAtLevel:"4",owner:"John Doe",phone:"837-555-1212",positionWithinLevel:"2"}),s().createElement(J,{city:"New York, NY",employees:"6,000",isExpanded:!1,level:"1",name:"Rohde Enterprises",numberOfItemsAtLevel:"4",owner:"John Doe",phone:"837-555-1212",positionWithinLevel:"3"})))}]}},t={};function n(e){var s=t[e];if(void 0!==s)return s.exports;var i=t[e]={exports:{}};return l[e](i,i.exports,n),i.exports}n.m=l,n.amdO={},e=[],n.O=function(l,t,s,i){if(!t){var a=1/0;for(c=0;c<e.length;c++){t=e[c][0],s=e[c][1],i=e[c][2];for(var o=!0,r=0;r<t.length;r++)(!1&i||a>=i)&&Object.keys(n.O).every(function(e){return n.O[e](t[r])})?t.splice(r--,1):(o=!1,i<a&&(a=i));if(o){e.splice(c--,1);var d=s();void 0!==d&&(l=d)}}return l}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[t,s,i]},n.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(l,{a:l}),l},n.d=function(e,l){for(var t in l)n.o(l,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:l[t]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=1723,function(){var e={518:0,1117:0,1252:0,1578:0,1723:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(l){return 0===e[l]};var l=function(l,t){var s,i,a=t[0],o=t[1],r=t[2],d=0;if(a.some(function(l){return 0!==e[l]})){for(s in o)n.o(o,s)&&(n.m[s]=o[s]);if(r)var c=r(n)}for(l&&l(t);d<a.length;d++)i=a[d],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(c)},t=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];t.forEach(l.bind(null,0)),t.push=l.bind(null,t.push.bind(t))}(),n.nc=void 0;var s=n.O(void 0,[6790],function(){return n(8112)});s=n.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/tree-grid/base/example.jsx.js"]=s}();