@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/data-tables/hidden-header/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},5408:function(e,t,l){l.r(t),l.d(t,{default:function(){return M}});var s=l(1594),a=l.n(s),n=l(942),r=l.n(n),i=l(7412),o=l.n(i),d=l(806),c=l(6955),u=l(5006),b=l(3589),m=l(885),p=l(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 f(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,s)}return l}function y(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?f(Object(l),!0).forEach(function(t){v(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):f(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function v(e,t,l){return(t=function(e){var t=function(e){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=h(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==h(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var E=a().createContext({isActionableMode:!1});o().string,o().node;var x=function(e){var t=r()("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 a().createElement("table",y(y({"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&&v({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&v({},"aria-label",e.ariaLabel)),e.children)};x.displayName="Table",x.propTypes={ariaLabel:o().string,ariaLabelledBy:o().string,children:o().node,hasCellBuffer:o().bool,hasHiddenHeader:o().bool,hasNoCellFocus:o().bool,hasNoRowHover:o().bool,isBordered:o().bool,isColBordered:o().bool,isEditable:o().bool,isFixedLayout:o().bool,isResizable:o().bool,isResponsive:o().bool,isResponsiveStacked:o().bool,isStriped:o().bool,selectionType:o().oneOf(["multiple","single"]),style:o().object,type:o().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:o().bool};var g=function(e){return a().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};g.displayName="THead",g.propTypes={children:o().node,isHidden:o().bool};var _=function(e){return a().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:o().node};var N=function(e){var t,l=(0,s.useContext)(E).isActionableMode,n=r()({"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 a().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection||"none"),t),className:n,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};N.displayName="ColumnTh",N.propTypes={"aria-label":o().string,children:o().node,hasFocus:o().bool,hasMenu:o().bool,isResizable:o().bool,isRightAligned:o().bool,isSortable:o().bool,sortDirection:o().oneOf(["ascending","descending","none"]),style:o().object,hasWrap:o().bool,isDataTable:o().bool};var T=function(e){return a().createElement("div",{className:r()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};T.displayName="ColumnHeader",T.propTypes={columnName:o().string.isRequired,id:o().string,isAssistiveText:o().bool,isFixedCell:o().bool},T.defaultProps={columnName:"Column Name",isDataTable:o().bool};var S=function(e){var t=d.Ay.uniqueId("cell-resize-handle-");return a().createElement("div",{className:"slds-resizable"},a().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),a().createElement("span",{className:"slds-resizable__handle"},a().createElement("span",{className:"slds-resizable__divider"})))};S.displayName="ResizeControl",S.propTypes={label:o().string.isRequired,tabIndex:o().oneOf(["0","-1"])};var w=function(e){var t=(0,s.useContext)(E).isActionableMode,l=t?"0":"-1",n=function(){return a().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter(function(t){return t.column===e.columnName.toLowerCase()});if(t.length)return t[0].icon}():null,a().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&a().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return a().createElement(a().Fragment,null,e.isSortable?a().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},a().createElement("span",{className:"slds-assistive-text"},"Sort by: "),n()):a().createElement("div",{className:"slds-th__action"},n()),e.sortDirection&&a().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&a().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:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&a().createElement(S,{label:e.columnName+" column width"||0,tabIndex:l}))};w.displayName="InteractiveColumnHeader",w.propTypes={columnName:o().string.isRequired,columnHeaderIcons:o().array,hasMenu:o().bool,isResizable:o().bool,isSortable:o().bool,sortDirection:o().oneOf(["ascending","descending"])},w.defaultProps={isResizable:!0,isSortable:!0};var R=function(e){var t=(0,s.useContext)(E).isActionableMode;return a().createElement(a().Fragment,null,a().createElement("div",{className:"slds-th__action slds-th__action_form"},a().createElement(b.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked||null,groupId:"column-group-header",isDataTable:!0})))};R.displayName="SelectAllColumnHeader",R.propTypes={checked:o().bool};var C=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth||null;return a().createElement(g,{isHidden:e.isHidden},a().createElement(_,null,e.hasErrorColumn?a().createElement(N,{style:{width:"3.75rem"}},a().createElement(T,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&a().createElement(N,{isDataTable:!e.hasSingleRowSelect||!e.isHidden,isRightAligned:!e.hasErrorColumn||null,style:{width:t}},e.hasSingleRowSelect||e.isHidden?a().createElement(T,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):a().createElement(R,{checked:e.selectAll})),e.columns.map(function(t,s){return a().createElement(N,{key:s,"aria-label":t,hasFocus:0===s?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===s?e.sortDirection:null,style:{width:0===s&&e.singleColumnWidth?e.singleColumnWidth:l}},a().createElement(w,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===s?e.sortDirection:null}))}),e.hasRowLevelActions&&a().createElement(N,{style:{width:"3.25rem"}},a().createElement(T,{columnName:"Actions",isAssistiveText:!0}))))};C.displayName="AdvancedDataTableHead",C.propTypes={columnHeaderIcons:o().array,columns:o().array.isRequired,hasErrorColumn:o().bool,hasFocus:o().bool,hasMenus:o().bool,hasNoRowSelection:o().bool,hasRowLevelActions:o().bool,hasSingleRowSelect:o().bool,isHidden:o().bool,isResizable:o().bool,isSortable:o().bool,mainColumnWidth:o().string,selectAll:o().bool,singleColumnWidth:o().string,sortDirection:o().oneOf(["ascending","descending","none"])},C.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var k=function(e){return a().createElement("tbody",null,e.children)};k.displayName="TBody",k.propTypes={children:o().node};var O=function(e){return a().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:r()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};O.displayName="TBodyTr",O.propTypes={children:o().node,isExpanded:o().bool,isSelected:o().bool,isTopAligned:o().bool,level:o().string,positionWithinLevel:o().string,numberOfItemsAtLevel:o().string,tabIndex:o().oneOf(["0","-1"])};var I=function(e){var t=(0,s.useContext)(E).isActionableMode,l=r()({"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 a().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)};I.displayName="Td",I.propTypes={children:o().node,"data-label":o().string,hasError:o().bool,hasFocus:o().bool,isEditable:o().bool,isEdited:o().bool,isEditing:o().bool,isErrorCell:o().bool,isLocked:o().bool,isRightAligned:o().bool,isShrunken:o().bool,style:o().object,tabIndex:o().oneOf(["0","-1"]),type:o().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:o().bool};var A=function(e){var t=(0,s.useContext)(E).isActionableMode,l=r()({"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 a().createElement("th",{className:l||null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};A.displayName="RowTh",A.propTypes={children:o().node,"data-label":o().string,hasFocus:o().bool,isEditable:o().bool,tabIndex:o().oneOf(["0","-1"]),type:o().oneOf(["base","advanced","treegrid"]),isItemHovered:o().bool,hasWrap:o().bool};var L=function(e){return a().createElement(a().Fragment,null,e.hasSingleRowSelect?a().createElement(m.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}):a().createElement(b.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}))};L.displayName="SelectRowCell",L.propTypes={checked:o().bool,hasSingleRowSelect:o().bool,index:o().number.isRequired,inputTabIndex:o().oneOf(["0","-1"])};var D=function(e){var t=e.rowName,l=(0,s.useContext)(E).isActionableMode;return a().createElement(c.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)})};D.displayName="RowActionsCell",D.propTypes={rowName:o().string.isRequired};var H=function(e){var t=(0,s.useContext)(E).isActionableMode;return a().createElement(a().Fragment,null,a().createElement(c.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:r()("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")}),a().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};H.displayName="ErrorCell",H.propTypes={hasError:o().bool,index:o().number.isRequired};var j=function(e){var t=e.hasWrap,l=e.cellText,n=e.cellLink,i=(0,s.useContext)(E).isActionableMode;return a().createElement("div",{className:r()(t?"slds-line-clamp":"slds-truncate"),title:l},n?a().createElement("a",{href:"#",tabIndex:i?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};j.displayName="ReadOnlyCell",j.propTypes={cellLink:o().bool,cellText:o().string.isRequired,hasWrap:o().bool};var z=function(e){var t=(0,s.useContext)(E).isActionableMode;return a().createElement(a().Fragment,null,a().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?a().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):a().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),a().createElement(c.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:r()("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&&a().createElement(F,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&a().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};z.displayName="EditableCell",z.propTypes={buttonText:o().string.isRequired,cellLink:o().bool,cellText:o().string.isRequired,hasError:(0,d.VY)("showEdit",o().bool),index:o().number,isLocked:o().bool,isRequired:(0,d.VY)("showEdit",o().bool),showEdit:o().bool};var F=function(e){return a().createElement(u.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},a().createElement("div",{className:r()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},a().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?a().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,a().createElement("span",{className:"slds-assistive-text"},"Company")),a().createElement("div",{className:"slds-form-element__control slds-grow"},a().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?a().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};F.displayName="EditPopover",F.propTypes={hasError:o().bool,isRequired:o().bool};var M=[{id:"default",label:"Default",element:a().createElement(x,{isBordered:!0,hasCellBuffer:!0,hasHiddenHeader:!0,type:"base",ariaLabel:"Example table of Opportunities with hidden header"},a().createElement(g,{isHidden:!0},a().createElement(_,null,a().createElement(N,null,a().createElement(T,{columnName:"Opportunity Name"})))),a().createElement(k,null,a().createElement(O,null,a().createElement(I,{"data-label":"Opportunity Name",type:"base"},a().createElement(j,{cellText:"Cloudhub",cellLink:!0}))),a().createElement(O,null,a().createElement(I,{"data-label":"Opportunity Name",type:"base"},a().createElement(j,{cellText:"Cloudhub + Anypoint Connectors",cellLink:!0})))))}]}},l={};function s(e){var a=l[e];if(void 0!==a)return a.exports;var n=l[e]={exports:{}};return t[e](n,n.exports,s),n.exports}s.m=t,s.amdO={},e=[],s.O=function(t,l,a,n){if(!l){var r=1/0;for(c=0;c<e.length;c++){l=e[c][0],a=e[c][1],n=e[c][2];for(var i=!0,o=0;o<l.length;o++)(!1&n||r>=n)&&Object.keys(s.O).every(function(e){return s.O[e](l[o])})?l.splice(o--,1):(i=!1,n<r&&(r=n));if(i){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[l,a,n]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var l in t)s.o(t,l)&&!s.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=47,function(){var e={47:0,518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,l){var a,n,r=l[0],i=l[1],o=l[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(a in i)s.o(i,a)&&(s.m[a]=i[a]);if(o)var c=o(s)}for(t&&t(l);d<r.length;d++)n=r[d],s.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return s.O(c)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),s.nc=void 0;var a=s.O(void 0,[6790],function(){return s(5408)});a=s.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/hidden-header/example.jsx.js"]=a}();