npm - @salesforce-ux/design-system - Versions diffs - 2.266.0-beta.3 → 2.266.0-beta.4 - Mend

@salesforce-ux/design-system 2.266.0-beta.3 → 2.266.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (975) hide show

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={3140:function(e,t,n){n.r(t),n.d(t,{examples:function(){return u},states:function(){return c}});var r=n(1594),l=n.n(r),s=n(2711),a=n(5526),o=n(6955),i="Counter Label";t.default=[{id:"default",label:"Default",element:l().createElement(s.ZS,{labelContent:i,inputId:"default1",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"default1",type:"number",placeholder:"1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}];var c=[{id:"disabled",label:"Disabled",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-disabled",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter",disabled:!0}),l().createElement(a.A,{id:"state-disabled",type:"number",placeholder:"1",disabled:!0}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter",disabled:!0}))},{id:"read-only",label:"Read only",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-read-only",labelClassName:"slds-m-right_none"},l().createElement(a.A,{id:"state-read-only",type:"text",placeholder:"1",readOnly:!0}))},{id:"required",label:"Required",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-required",isRequired:!0,labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"state-required",type:"number",placeholder:"1",required:!0}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))},{id:"error",label:"Error",element:l().createElement(s.ZS,{hasError:!0,labelContent:i,inputId:"state-error",errorId:"state-error-1",isRequired:!0,inlineMessage:"This field is required",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"state-error",type:"number",placeholder:"1",required:!0,"aria-describedby":"state-error-1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}],u=[{id:"centered",label:"Label Centered",element:l().createElement(s.ZS,{formElementClassName:"slds-text-align_center",labelContent:i,inputId:"example-centered",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"example-centered",type:"number",placeholder:"1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}]},1594:function(e){e.exports=React}},n={};function r(e){var l=n[e];if(void 0!==l)return l.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,l,s){if(!n){var a=1/0;~~for(u=0;u~~<e.length;u++){n=e[u][0],l=e[u][1]~~,s=e[u][2]~~;for(var o=!0,i=0;i<n.length;i++)~~1&s&&!(a>=s)\|\|!Object.keys(~~r.O).~~every~~(~~function(e){return r.O[e](~~n[i])})?~~(o=!1,s<a&&(a=s)):~~n.splice(i--,1);if(o){e.splice(u--,1);var c=l();void 0!==c&&(t=c)}}return t}~~s=s\|\|0;for(var u=~~e.~~length;u>0&&e~~[~~u-1][2]>s;u--)e[u]=e[u-1];e[u]=[~~n,l,s]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.cw=function(e){var t;return function(){if(e){var n=e;e=0,t={exports:{}},n.call(t.exports,t,t.exports)}return t.exports}},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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=954,function(){var e={518:0,954: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,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,s,a=n[0],o=n[1],i=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(l in o)r.o(o,l)&&(r.m[l]=o[l]);if(i)var u=i(r)}for(t&&t(n);c<a.length;c++)s=a[c],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var l=r.O(void 0,[6790],function(){return r(3140)});l=r.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/counter/base/example.jsx.js"]=l}();
1	+ var SLDS;!function(){"use strict";var e,t={3140:function(e,t,n){n.r(t),n.d(t,{examples:function(){return u},states:function(){return c}});var r=n(1594),l=n.n(r),s=n(2711),a=n(5526),o=n(6955),i="Counter Label";t.default=[{id:"default",label:"Default",element:l().createElement(s.ZS,{labelContent:i,inputId:"default1",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"default1",type:"number",placeholder:"1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}];var c=[{id:"disabled",label:"Disabled",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-disabled",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter",disabled:!0}),l().createElement(a.A,{id:"state-disabled",type:"number",placeholder:"1",disabled:!0}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter",disabled:!0}))},{id:"read-only",label:"Read only",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-read-only",labelClassName:"slds-m-right_none"},l().createElement(a.A,{id:"state-read-only",type:"text",placeholder:"1",readOnly:!0}))},{id:"required",label:"Required",element:l().createElement(s.ZS,{labelContent:i,inputId:"state-required",isRequired:!0,labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"state-required",type:"number",placeholder:"1",required:!0}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))},{id:"error",label:"Error",element:l().createElement(s.ZS,{hasError:!0,labelContent:i,inputId:"state-error",errorId:"state-error-1",isRequired:!0,inlineMessage:"This field is required",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"state-error",type:"number",placeholder:"1",required:!0,"aria-describedby":"state-error-1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}],u=[{id:"centered",label:"Label Centered",element:l().createElement(s.ZS,{formElementClassName:"slds-text-align_center",labelContent:i,inputId:"example-centered",labelClassName:"slds-m-right_none"},l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),l().createElement(a.A,{id:"example-centered",type:"number",placeholder:"1"}),l().createElement(o.A,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}]},1594:function(e){e.exports=React}},n={};function r(e){var l=n[e];if(void 0!==l)return l.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,r),s.exports}r.m=t,r.amdO={},e=[],r.O=function(t,n,l){if(!n){for(var s=0;s<e.length;s++){n=e[s][0],l=e[s][1];for(var a=!0,o=0;o<n.length;o++)r.O.j(n[o])?n.splice(o--,1):a=!1;if(a){e.splice(s--,1);var i=l();void 0!==i&&(t=i)}}return t}e.push([n,l])},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.cw=function(e){var t;return function(){if(e){var n=e;e=0,t={exports:{}},n.call(t.exports,t,t.exports)}return t.exports}},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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=954,function(){var e={518:0,954: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,7385:0,7508:0,8167:0,8458:0};r.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,s,a=n[0],o=n[1],i=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(l in o)r.o(o,l)&&(r.m[l]=o[l]);if(i)var u=i(r)}for(t&&t(n);c<a.length;c++)s=a[c],r.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return r.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),r.nc=void 0;var l=r.O(void 0,[6790],function(){return r(3140)});l=r.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/counter/base/example.jsx.js"]=l}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={3597:function(e,t,l){l.r(t),l.d(t,{columns:function(){return te},default:function(){return se},examples:function(){return ce},productColumns:function(){return ne},productRows:function(){return re},rows:function(){return le},states:function(){return oe}});var a=l(1594),n=l.n(a),r=l(4090),i=l(8522),s=l(1369),o=l.n(s),c=l(4187),d=l.n(c),u=l(6482),m=l(6955),b=l(5006),p=l(3589),y=l(885),h=l(538);function v(e){return v="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},v(e)}function f(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 E(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){g(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 g(e,t,l){return(t=function(e){var t=function(e){if("object"!=v(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=v(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var x=n().createContext({isActionableMode:!1});d().string,d().node;var S=function(e){var t=o()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return n().createElement("table",E(E({"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&&g({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&g({},"aria-label",e.ariaLabel)),e.children)};S.displayName="Table",S.propTypes={ariaLabel:d().string,ariaLabelledBy:d().string,children:d().node,hasCellBuffer:d().bool,hasHiddenHeader:d().bool,hasNoCellFocus:d().bool,hasNoRowHover:d().bool,isBordered:d().bool,isColBordered:d().bool,isEditable:d().bool,isFixedLayout:d().bool,isResizable:d().bool,isResponsive:d().bool,isResponsiveStacked:d().bool,isStriped:d().bool,selectionType:d().oneOf(["multiple","single"]),style:d().object,type:d().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:d().bool};var N=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};N.displayName="THead",N.propTypes={children:d().node,isHidden:d().bool};var _=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:d().node};var T=function(e){var t,l=(0,a.useContext)(x).isActionableMode,r=o()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":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)};T.displayName="ColumnTh",T.propTypes={"aria-label":d().string,children:d().node,hasFocus:d().bool,hasMenu:d().bool,isResizable:d().bool,isRightAligned:d().bool,isSortable:d().bool,sortDirection:d().oneOf(["ascending","descending","none"]),style:d().object,hasWrap:d().bool,isDataTable:d().bool};var R=function(e){return n().createElement("div",{className:o()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};R.displayName="ColumnHeader",R.propTypes={columnName:d().string.isRequired,id:d().string,isAssistiveText:d().bool,isFixedCell:d().bool},R.defaultProps={columnName:"Column Name",isDataTable:d().bool};var w=function(e){var t=u.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"})))};w.displayName="ResizeControl",w.propTypes={label:d().string.isRequired,tabIndex:d().oneOf(["0","-1"])};var I=function(e){var t=(0,a.useContext)(x).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(h.UtilityIcon,{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(m.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(w,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};I.displayName="InteractiveColumnHeader",I.propTypes={columnName:d().string.isRequired,columnHeaderIcons:d().array,hasMenu:d().bool,isResizable:d().bool,isSortable:d().bool,sortDirection:d().oneOf(["ascending","descending"])},I.defaultProps={isResizable:!0,isSortable:!0};var O=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(p.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})))};O.displayName="SelectAllColumnHeader",O.propTypes={checked:d().bool};var A=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return n().createElement(N,{isHidden:e.isHidden},n().createElement(_,null,e.hasErrorColumn?n().createElement(T,{style:{width:"3.75rem"}},n().createElement(R,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(T,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(R,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(O,{checked:e.selectAll})),e.columns.map(function(t,a){return n().createElement(T,{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(T,{style:{width:"3.25rem"}},n().createElement(R,{columnName:"Actions",isAssistiveText:!0}))))};A.displayName="AdvancedDataTableHead",A.propTypes={columnHeaderIcons:d().array,columns:d().array.isRequired,hasErrorColumn:d().bool,hasFocus:d().bool,hasMenus:d().bool,hasNoRowSelection:d().bool,hasRowLevelActions:d().bool,hasSingleRowSelect:d().bool,isHidden:d().bool,isResizable:d().bool,isSortable:d().bool,mainColumnWidth:d().string,selectAll:d().bool,singleColumnWidth:d().string,sortDirection:d().oneOf(["ascending","descending","none"])},A.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var L=function(e){return n().createElement("tbody",null,e.children)};L.displayName="TBody",L.propTypes={children:d().node};var k=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:o()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};k.displayName="TBodyTr",k.propTypes={children:d().node,isExpanded:d().bool,isSelected:d().bool,isTopAligned:d().bool,level:d().string,positionWithinLevel:d().string,numberOfItemsAtLevel:d().string,tabIndex:d().oneOf(["0","-1"])};var C=function(e){var t=(0,a.useContext)(x).isActionableMode,l=o()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return 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)};C.displayName="Td",C.propTypes={children:d().node,"data-label":d().string,hasError:d().bool,hasFocus:d().bool,isEditable:d().bool,isEdited:d().bool,isEditing:d().bool,isErrorCell:d().bool,isLocked:d().bool,isRightAligned:d().bool,isShrunken:d().bool,style:d().object,tabIndex:d().oneOf(["0","-1"]),type:d().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:d().bool};var D=function(e){var t=(0,a.useContext)(x).isActionableMode,l=o()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};D.displayName="RowTh",D.propTypes={children:d().node,"data-label":d().string,hasFocus:d().bool,isEditable:d().bool,tabIndex:d().oneOf(["0","-1"]),type:d().oneOf(["base","advanced","treegrid"]),isItemHovered:d().bool,hasWrap:d().bool};var q=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().createElement(y.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}):n().createElement(p.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}))};q.displayName="SelectRowCell",q.propTypes={checked:d().bool,hasSingleRowSelect:d().bool,index:d().number.isRequired,inputTabIndex:d().oneOf(["0","-1"])};var P=function(e){var t=e.rowName,l=(0,a.useContext)(x).isActionableMode;return n().createElement(m.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)})};P.displayName="RowActionsCell",P.propTypes={rowName:d().string.isRequired};var z=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(m.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:o()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};z.displayName="ErrorCell",z.propTypes={hasError:d().bool,index:d().number.isRequired};var H=function(e){var t=e.hasWrap,l=e.cellText,r=e.cellLink,i=(0,a.useContext)(x).isActionableMode;return n().createElement("div",{className:o()(t?"slds-line-clamp":"slds-truncate"),title:l},r?n().createElement("a",{href:"#",tabIndex:i?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};H.displayName="ReadOnlyCell",H.propTypes={cellLink:d().bool,cellText:d().string.isRequired,hasWrap:d().bool};var j=function(e){var t=(0,a.useContext)(x).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(m.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:o()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&n().createElement(F,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};j.displayName="EditableCell",j.propTypes={buttonText:d().string.isRequired,cellLink:d().bool,cellText:d().string.isRequired,hasError:(0,u.VY)("showEdit",d().bool),index:d().number,isLocked:d().bool,isRequired:(0,u.VY)("showEdit",d().bool),showEdit:d().bool};var F=function(e){return n().createElement(b.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:o()("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))};F.displayName="EditPopover",F.propTypes={hasError:d().bool,isRequired:d().bool};var M=l(1391),B=l(7852),W=l(5526),$=l(2711),V=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(k,{isSelected:e.isSelected},n().createElement(C,{isRightAligned:!0,type:"advanced"},n().createElement(q,{checked:e.isSelected,hasSingleRowSelect:e.hasSingleRowSelect,index:e.index,inputTabIndex:t?"0":"-1"})),n().createElement(D,{hasFocus:!t&&1===e.index&&e.hasFocus,tabIndex:t\|\|1!==e.index?null:"0"},n().createElement(H,{cellLink:!0,cellText:e.recordName})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.accountName})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.closeDate})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.stage})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.confidence})),e.hasScores&&e.amountScore&&e.amountScoreLabel?n().createElement(C,{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(M.A,{"data-slds-state":e.amountScore})),n().createElement("div",{className:"slds-truncate",title:e.amountScoreLabel},e.amountScoreLabel))):n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.amount})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellLink:!0,cellText:e.contact})),e.hasRowActions&&n().createElement(C,{type:"advanced"},n().createElement(P,{rowName:e.recordName})))};V.displayName="AdvancedDataTableTr",V.propTypes={accountName:d().string.isRequired,amount:d().string.isRequired,amountScore:(0,u.VY)("amountScoreLabel",d().string),amountScoreLabel:(0,u.VY)("amountScore",d().string),closeDate:d().string.isRequired,confidence:d().string.isRequired,contact:d().string.isRequired,hasFocus:d().bool,hasRowActions:d().bool,hasScores:d().bool,index:d().number.isRequired,hasSingleRowSelect:d().bool,recordName:d().string.isRequired,isSelected:d().bool,stage:d().string.isRequired},V.defaultProps={hasRowActions:!0};var Y=function(e){return n().createElement("div",{className:"slds-size_xx-small"},n().createElement("img",{alt:e.productName,src:e.productImgSrc,title:e.productName}))};Y.displayName="ProductImage",Y.propTypes={productImgSrc:d().string.isRequired,productName:d().string.isRequired};var J=function(e){return n().createElement(n().Fragment,null,n().createElement("p",null,n().createElement("s",null,e.priceOriginal)),n().createElement("p",null,e.priceDiscount))};J.displayName="ProductPriceCell",J.propTypes={priceDiscount:d().string.isRequired,priceOriginal:d().string.isRequired};var Q=function(e){return n().createElement(B.A,{figureLeft:n().createElement(Y,{productImgSrc:e.productImgSrc,productName:e.productName})},n().createElement(H,{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))};Q.displayName="ProductItemDetailsCell",Q.propTypes={labelInventory:d().string.isRequired,productImgSrc:d().string.isRequired,productName:d().string.isRequired,productProperties:d().array.isRequired};var U=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement($.ZS,{inputId:e.inputId,labelClassName:"slds-assistive-text",labelContent:e.labelText},n().createElement(W.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"}))};U.displayName="ProductQuantityCell",U.propTypes={labelText:d().string.isRequired,inputId:d().string.isRequired,quantity:d().string};var G=function(e){return n().createElement(k,{isTopAligned:!0},n().createElement(D,null,n().createElement(Q,{labelInventory:e.labelInventory,productImgSrc:e.productImgSrc,productName:e.productName,productProperties:e.productProperties})),n().createElement(C,{type:"advanced"},n().createElement(U,{inputId:"product-quantity-text-input-id-".concat(e.index),labelText:"".concat(e.productName," quantity"),quantity:e.quantity})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.dateAdded})),n().createElement(C,{type:"advanced"},n().createElement(J,{priceDiscount:e.priceDiscount,priceOriginal:e.priceOriginal})),n().createElement(C,{type:"advanced"},n().createElement(P,{rowName:e.productName})))};function Z(e){return Z="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},Z(e)}function K(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 X(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?K(Object(l),!0).forEach(function(t){ee(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):K(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function ee(e,t,l){return(t=function(e){var t=function(e){if("object"!=Z(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=Z(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Z(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}G.displayName="ProductDataTableTr",G.propTypes={dateAdded:d().string.isRequired,index:d().number.isRequired,labelInventory:d().string.isRequired,priceDiscount:d().string.isRequired,priceOriginal:d().string.isRequired,productImgSrc:d().string.isRequired,productName:d().string.isRequired,productProperties:d().array.isRequired,quantity:d().string};var te=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],le=[{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"}],ae=[].concat(le).reverse(),ne=["Product","Quantity","Date Added","Price"],re=[{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"}],ie=[{column:"account name",icon:n().createElement(i.StandardIcon,{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(r.A,{assistiveText:"Einstein calculated",className:"slds-is-paused",title:"Einstein calculated"}))}],se=[{id:"default",label:"Default",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example default advanced table of Opportunities"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))}],oe=[{id:"cell-focused",label:"Cell Focused",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell focused"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X(X({isSelected:!1,key:t,index:t+1},e),{},{hasFocus:!0}))})))},{id:"actionable-mode",label:"Actionable Mode",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"row-selected",label:"Row Selected (Actionable mode)",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with row selected"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:1===t,key:t},e))}))))},{id:"all-row-selected",label:"All Rows Selected (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,selectAll:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!0,key:t},e))}))))},{id:"sorted-column-asc",label:"Sorted Ascending (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,sortDirection:"ascending"}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"sorted-column-desc",label:"Sorted Descending (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,sortDirection:"descending"}),n().createElement(L,null,ae.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"resized-column",label:"Column Resized (Actionable mode)",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with resized column"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,singleColumnWidth:"300px"}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))}],ce=[{id:"header-icon-menu-button",label:"Header Icon and Menu Button",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header icon and menu button"},n().createElement(A,{columnHeaderIcons:ie,columns:te,hasMenus:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"header-menu-button",label:"Header Menu Button",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header menu button"},n().createElement(A,{columns:te,hasMenus:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"cell-icon",label:"Cell Icon",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell icon"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X(X({isSelected:!1,key:t,index:t+1},e),{},{hasScores:!0}))})))},{id:"product-listing",label:"Product Listing",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table as product listing"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:ne,hasNoRowSelection:!0}),n().createElement(L,null,re.map(function(e,t){return n().createElement(G,X({isSelected:!1,key:t,index:t+1},e))}))))},{id:"radio-group",label:"Radio Group",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,type:"advanced",ariaLabel:"Example advanced table as radio group"},n().createElement(A,{columns:te,hasSingleRowSelect:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({hasSingleRowSelect:!0,index:t+1,key:t},e))})))},{id:"data-table-no-borders",label:"No borders",element:n().createElement(S,{isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table with no borders"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless",label:"Headless",element:n().createElement(S,{hasHiddenHeader:!0,isBordered:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless table"},n().createElement(A,{isHidden:!0,columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless-no-borders",label:"Headless with no borders",element:n().createElement(S,{hasHiddenHeader:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless border-less table"},n().createElement(A,{isHidden:!0,columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))}]},1594:function(e){e.exports=React}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,n,r){if(!l){var i=1/0;for(d=0;d<e.length;d++){l=e[d][0],n=e[d][1],r=e[d][2];for(var s=!0,o=0;o<l.length;o++)1&r&&!(i>=r)\|\|!Object.keys(a.O).every(function(e){return a.O[e](l[o])})?(s=!1,r<i&&(i=r)):l.splice(o--,1);if(s){e.splice(d--,1);var c=n();void 0!==c&&(t=c)}}return t}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[l,n,r]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.cw=function(e){var t;return function(){if(e){var l=e;e=0,t={exports:{}},l.call(t.exports,t,t.exports)}return t.exports}},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=2935,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,2935:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,r,i=l[0],s=l[1],o=l[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(n in s)a.o(s,n)&&(a.m[n]=s[n]);if(o)var d=o(a)}for(t&&t(l);c<i.length;c++)r=i[c],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(d)},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))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(3597)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/advanced/example.jsx.js"]=n}();
1	+ var SLDS;!function(){"use strict";var e,t={3597:function(e,t,l){l.r(t),l.d(t,{columns:function(){return te},default:function(){return se},examples:function(){return ce},productColumns:function(){return ne},productRows:function(){return re},rows:function(){return le},states:function(){return oe}});var a=l(1594),n=l.n(a),r=l(4090),i=l(8522),s=l(1369),o=l.n(s),c=l(4187),d=l.n(c),u=l(6482),m=l(6955),p=l(5006),b=l(3589),y=l(885),h=l(538);function v(e){return v="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},v(e)}function f(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 E(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){g(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 g(e,t,l){return(t=function(e){var t=function(e){if("object"!=v(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=v(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var x=n().createContext({isActionableMode:!1});d().string,d().node;var S=function(e){var t=o()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return n().createElement("table",E(E({"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&&g({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&g({},"aria-label",e.ariaLabel)),e.children)};S.displayName="Table",S.propTypes={ariaLabel:d().string,ariaLabelledBy:d().string,children:d().node,hasCellBuffer:d().bool,hasHiddenHeader:d().bool,hasNoCellFocus:d().bool,hasNoRowHover:d().bool,isBordered:d().bool,isColBordered:d().bool,isEditable:d().bool,isFixedLayout:d().bool,isResizable:d().bool,isResponsive:d().bool,isResponsiveStacked:d().bool,isStriped:d().bool,selectionType:d().oneOf(["multiple","single"]),style:d().object,type:d().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:d().bool};var N=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};N.displayName="THead",N.propTypes={children:d().node,isHidden:d().bool};var _=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:d().node};var T=function(e){var t,l=(0,a.useContext)(x).isActionableMode,r=o()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":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)};T.displayName="ColumnTh",T.propTypes={"aria-label":d().string,children:d().node,hasFocus:d().bool,hasMenu:d().bool,isResizable:d().bool,isRightAligned:d().bool,isSortable:d().bool,sortDirection:d().oneOf(["ascending","descending","none"]),style:d().object,hasWrap:d().bool,isDataTable:d().bool};var R=function(e){return n().createElement("div",{className:o()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};R.displayName="ColumnHeader",R.propTypes={columnName:d().string.isRequired,id:d().string,isAssistiveText:d().bool,isFixedCell:d().bool},R.defaultProps={columnName:"Column Name",isDataTable:d().bool};var w=function(e){var t=u.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"})))};w.displayName="ResizeControl",w.propTypes={label:d().string.isRequired,tabIndex:d().oneOf(["0","-1"])};var I=function(e){var t=(0,a.useContext)(x).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(h.UtilityIcon,{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(m.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(w,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};I.displayName="InteractiveColumnHeader",I.propTypes={columnName:d().string.isRequired,columnHeaderIcons:d().array,hasMenu:d().bool,isResizable:d().bool,isSortable:d().bool,sortDirection:d().oneOf(["ascending","descending"])},I.defaultProps={isResizable:!0,isSortable:!0};var O=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().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})))};O.displayName="SelectAllColumnHeader",O.propTypes={checked:d().bool};var A=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return n().createElement(N,{isHidden:e.isHidden},n().createElement(_,null,e.hasErrorColumn?n().createElement(T,{style:{width:"3.75rem"}},n().createElement(R,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(T,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(R,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(O,{checked:e.selectAll})),e.columns.map(function(t,a){return n().createElement(T,{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(T,{style:{width:"3.25rem"}},n().createElement(R,{columnName:"Actions",isAssistiveText:!0}))))};A.displayName="AdvancedDataTableHead",A.propTypes={columnHeaderIcons:d().array,columns:d().array.isRequired,hasErrorColumn:d().bool,hasFocus:d().bool,hasMenus:d().bool,hasNoRowSelection:d().bool,hasRowLevelActions:d().bool,hasSingleRowSelect:d().bool,isHidden:d().bool,isResizable:d().bool,isSortable:d().bool,mainColumnWidth:d().string,selectAll:d().bool,singleColumnWidth:d().string,sortDirection:d().oneOf(["ascending","descending","none"])},A.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var L=function(e){return n().createElement("tbody",null,e.children)};L.displayName="TBody",L.propTypes={children:d().node};var k=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:o()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};k.displayName="TBodyTr",k.propTypes={children:d().node,isExpanded:d().bool,isSelected:d().bool,isTopAligned:d().bool,level:d().string,positionWithinLevel:d().string,numberOfItemsAtLevel:d().string,tabIndex:d().oneOf(["0","-1"])};var C=function(e){var t=(0,a.useContext)(x).isActionableMode,l=o()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return 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)};C.displayName="Td",C.propTypes={children:d().node,"data-label":d().string,hasError:d().bool,hasFocus:d().bool,isEditable:d().bool,isEdited:d().bool,isEditing:d().bool,isErrorCell:d().bool,isLocked:d().bool,isRightAligned:d().bool,isShrunken:d().bool,style:d().object,tabIndex:d().oneOf(["0","-1"]),type:d().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:d().bool};var D=function(e){var t=(0,a.useContext)(x).isActionableMode,l=o()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};D.displayName="RowTh",D.propTypes={children:d().node,"data-label":d().string,hasFocus:d().bool,isEditable:d().bool,tabIndex:d().oneOf(["0","-1"]),type:d().oneOf(["base","advanced","treegrid"]),isItemHovered:d().bool,hasWrap:d().bool};var q=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().createElement(y.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}):n().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}))};q.displayName="SelectRowCell",q.propTypes={checked:d().bool,hasSingleRowSelect:d().bool,index:d().number.isRequired,inputTabIndex:d().oneOf(["0","-1"])};var P=function(e){var t=e.rowName,l=(0,a.useContext)(x).isActionableMode;return n().createElement(m.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)})};P.displayName="RowActionsCell",P.propTypes={rowName:d().string.isRequired};var z=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(m.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:o()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};z.displayName="ErrorCell",z.propTypes={hasError:d().bool,index:d().number.isRequired};var H=function(e){var t=e.hasWrap,l=e.cellText,r=e.cellLink,i=(0,a.useContext)(x).isActionableMode;return n().createElement("div",{className:o()(t?"slds-line-clamp":"slds-truncate"),title:l},r?n().createElement("a",{href:"#",tabIndex:i?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};H.displayName="ReadOnlyCell",H.propTypes={cellLink:d().bool,cellText:d().string.isRequired,hasWrap:d().bool};var j=function(e){var t=(0,a.useContext)(x).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(m.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:o()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&n().createElement(F,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};j.displayName="EditableCell",j.propTypes={buttonText:d().string.isRequired,cellLink:d().bool,cellText:d().string.isRequired,hasError:(0,u.VY)("showEdit",d().bool),index:d().number,isLocked:d().bool,isRequired:(0,u.VY)("showEdit",d().bool),showEdit:d().bool};var F=function(e){return n().createElement(p.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:o()("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))};F.displayName="EditPopover",F.propTypes={hasError:d().bool,isRequired:d().bool};var M=l(1391),B=l(7852),W=l(5526),$=l(2711),V=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement(k,{isSelected:e.isSelected},n().createElement(C,{isRightAligned:!0,type:"advanced"},n().createElement(q,{checked:e.isSelected,hasSingleRowSelect:e.hasSingleRowSelect,index:e.index,inputTabIndex:t?"0":"-1"})),n().createElement(D,{hasFocus:!t&&1===e.index&&e.hasFocus,tabIndex:t\|\|1!==e.index?null:"0"},n().createElement(H,{cellLink:!0,cellText:e.recordName})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.accountName})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.closeDate})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.stage})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.confidence})),e.hasScores&&e.amountScore&&e.amountScoreLabel?n().createElement(C,{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(M.A,{"data-slds-state":e.amountScore})),n().createElement("div",{className:"slds-truncate",title:e.amountScoreLabel},e.amountScoreLabel))):n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.amount})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellLink:!0,cellText:e.contact})),e.hasRowActions&&n().createElement(C,{type:"advanced"},n().createElement(P,{rowName:e.recordName})))};V.displayName="AdvancedDataTableTr",V.propTypes={accountName:d().string.isRequired,amount:d().string.isRequired,amountScore:(0,u.VY)("amountScoreLabel",d().string),amountScoreLabel:(0,u.VY)("amountScore",d().string),closeDate:d().string.isRequired,confidence:d().string.isRequired,contact:d().string.isRequired,hasFocus:d().bool,hasRowActions:d().bool,hasScores:d().bool,index:d().number.isRequired,hasSingleRowSelect:d().bool,recordName:d().string.isRequired,isSelected:d().bool,stage:d().string.isRequired},V.defaultProps={hasRowActions:!0};var Y=function(e){return n().createElement("div",{className:"slds-size_xx-small"},n().createElement("img",{alt:e.productName,src:e.productImgSrc,title:e.productName}))};Y.displayName="ProductImage",Y.propTypes={productImgSrc:d().string.isRequired,productName:d().string.isRequired};var J=function(e){return n().createElement(n().Fragment,null,n().createElement("p",null,n().createElement("s",null,e.priceOriginal)),n().createElement("p",null,e.priceDiscount))};J.displayName="ProductPriceCell",J.propTypes={priceDiscount:d().string.isRequired,priceOriginal:d().string.isRequired};var Q=function(e){return n().createElement(B.A,{figureLeft:n().createElement(Y,{productImgSrc:e.productImgSrc,productName:e.productName})},n().createElement(H,{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))};Q.displayName="ProductItemDetailsCell",Q.propTypes={labelInventory:d().string.isRequired,productImgSrc:d().string.isRequired,productName:d().string.isRequired,productProperties:d().array.isRequired};var U=function(e){var t=(0,a.useContext)(x).isActionableMode;return n().createElement($.ZS,{inputId:e.inputId,labelClassName:"slds-assistive-text",labelContent:e.labelText},n().createElement(W.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"}))};U.displayName="ProductQuantityCell",U.propTypes={labelText:d().string.isRequired,inputId:d().string.isRequired,quantity:d().string};var G=function(e){return n().createElement(k,{isTopAligned:!0},n().createElement(D,null,n().createElement(Q,{labelInventory:e.labelInventory,productImgSrc:e.productImgSrc,productName:e.productName,productProperties:e.productProperties})),n().createElement(C,{type:"advanced"},n().createElement(U,{inputId:"product-quantity-text-input-id-".concat(e.index),labelText:"".concat(e.productName," quantity"),quantity:e.quantity})),n().createElement(C,{type:"advanced"},n().createElement(H,{cellText:e.dateAdded})),n().createElement(C,{type:"advanced"},n().createElement(J,{priceDiscount:e.priceDiscount,priceOriginal:e.priceOriginal})),n().createElement(C,{type:"advanced"},n().createElement(P,{rowName:e.productName})))};function Z(e){return Z="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},Z(e)}function K(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 X(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?K(Object(l),!0).forEach(function(t){ee(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):K(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function ee(e,t,l){return(t=function(e){var t=function(e){if("object"!=Z(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=Z(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Z(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}G.displayName="ProductDataTableTr",G.propTypes={dateAdded:d().string.isRequired,index:d().number.isRequired,labelInventory:d().string.isRequired,priceDiscount:d().string.isRequired,priceOriginal:d().string.isRequired,productImgSrc:d().string.isRequired,productName:d().string.isRequired,productProperties:d().array.isRequired,quantity:d().string};var te=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],le=[{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"}],ae=[].concat(le).reverse(),ne=["Product","Quantity","Date Added","Price"],re=[{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"}],ie=[{column:"account name",icon:n().createElement(i.StandardIcon,{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(r.A,{assistiveText:"Einstein calculated",className:"slds-is-paused",title:"Einstein calculated"}))}],se=[{id:"default",label:"Default",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example default advanced table of Opportunities"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))}],oe=[{id:"cell-focused",label:"Cell Focused",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell focused"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X(X({isSelected:!1,key:t,index:t+1},e),{},{hasFocus:!0}))})))},{id:"actionable-mode",label:"Actionable Mode",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"row-selected",label:"Row Selected (Actionable mode)",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with row selected"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:1===t,key:t},e))}))))},{id:"all-row-selected",label:"All Rows Selected (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,selectAll:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!0,key:t},e))}))))},{id:"sorted-column-asc",label:"Sorted Ascending (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,sortDirection:"ascending"}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"sorted-column-desc",label:"Sorted Descending (Actionable mode)",element:n().createElement(S,{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(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,sortDirection:"descending"}),n().createElement(L,null,ae.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))},{id:"resized-column",label:"Column Resized (Actionable mode)",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities in actionable mode with resized column"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:te,singleColumnWidth:"300px"}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({index:t+1,isSelected:!1,key:t},e))}))))}],ce=[{id:"header-icon-menu-button",label:"Header Icon and Menu Button",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header icon and menu button"},n().createElement(A,{columnHeaderIcons:ie,columns:te,hasMenus:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"header-menu-button",label:"Header Menu Button",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with header menu button"},n().createElement(A,{columns:te,hasMenus:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"cell-icon",label:"Cell Icon",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table of Opportunities with cell icon"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X(X({isSelected:!1,key:t,index:t+1},e),{},{hasScores:!0}))})))},{id:"product-listing",label:"Product Listing",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table as product listing"},n().createElement(x.Provider,{value:{isActionableMode:!0}},n().createElement(A,{columns:ne,hasNoRowSelection:!0}),n().createElement(L,null,re.map(function(e,t){return n().createElement(G,X({isSelected:!1,key:t,index:t+1},e))}))))},{id:"radio-group",label:"Radio Group",element:n().createElement(S,{isBordered:!0,isFixedLayout:!0,isResizable:!0,type:"advanced",ariaLabel:"Example advanced table as radio group"},n().createElement(A,{columns:te,hasSingleRowSelect:!0}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({hasSingleRowSelect:!0,index:t+1,key:t},e))})))},{id:"data-table-no-borders",label:"No borders",element:n().createElement(S,{isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced table with no borders"},n().createElement(A,{columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless",label:"Headless",element:n().createElement(S,{hasHiddenHeader:!0,isBordered:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless table"},n().createElement(A,{isHidden:!0,columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))},{id:"data-table-headless-no-borders",label:"Headless with no borders",element:n().createElement(S,{hasHiddenHeader:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example advanced headless border-less table"},n().createElement(A,{isHidden:!0,columns:te}),n().createElement(L,null,le.map(function(e,t){return n().createElement(V,X({isSelected:!1,key:t,index:t+1},e))})))}]},1594:function(e){e.exports=React}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var r=l[e]={exports:{}};return t[e](r,r.exports,a),r.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,n){if(!l){for(var r=0;r<e.length;r++){l=e[r][0],n=e[r][1];for(var i=!0,s=0;s<l.length;s++)a.O.j(l[s])?l.splice(s--,1):i=!1;if(i){e.splice(r--,1);var o=n();void 0!==o&&(t=o)}}return t}e.push([l,n])},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.cw=function(e){var t;return function(){if(e){var l=e;e=0,t={exports:{}},l.call(t.exports,t,t.exports)}return t.exports}},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=2935,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,2935:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,r,i=l[0],s=l[1],o=l[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(n in s)a.o(s,n)&&(a.m[n]=s[n]);if(o)var d=o(a)}for(t&&t(l);c<i.length;c++)r=i[c],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(d)},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))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(3597)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/advanced/example.jsx.js"]=n}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,l={821:function(e,l,t){t.r(l),t.d(l,{default:function(){return W},examples:function(){return P}});var a=t(1594),n=t.n(a),r=t(1369),s=t.n(r),o=t(4187),i=t.n(o),c=t(6482),d=t(6955),u=t(5006),m=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(e,l){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);l&&(a=a.filter(function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable})),t.push.apply(t,a)}return t}function f(e){for(var l=1;l<arguments.length;l++){var t=null!=arguments[l]?arguments[l]:{};l%2?E(Object(t),!0).forEach(function(l){y(e,l,t[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})}return e}function y(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 x=n().createContext({isActionableMode:!1}),v="Cell content that is very long.\nIt also has a line break.\nIt has more than one line break",g=function(e){return n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Opportunity Name"})),n().createElement(w,null,n().createElement(S,{columnName:"Account Name"})),n().createElement(w,null,n().createElement(S,{columnName:"Close Date"})),n().createElement(w,null,n().createElement(S,{columnName:"Stage"})),n().createElement(w,null,n().createElement(S,{columnName:"Confidence"})),n().createElement(w,null,n().createElement(S,{columnName:"Amount"})),n().createElement(w,null,n().createElement(S,{columnName:"Contact"})))},C=function(e){return n().createElement(H,null,n().createElement(D,{"data-label":"Opportunity Name"},n().createElement(z,{cellText:e.title,cellLink:!0})),n().createElement(I,{"data-label":"Account Name",type:"base"},n().createElement(z,{cellText:"Cloudhub"})),n().createElement(I,{"data-label":"Close Date",type:"base"},n().createElement(z,{cellText:"4/14/2015"})),n().createElement(I,{"data-label":"Prospecting",type:"base"},n().createElement(z,{cellText:"Prospecting"})),n().createElement(I,{"data-label":"Confidence",type:"base"},n().createElement(z,{cellText:"20%"})),n().createElement(I,{"data-label":"Amount",type:"base"},n().createElement(z,{cellText:"$25k"})),n().createElement(I,{"data-label":"Contact",type:"base"},n().createElement(z,{cellLink:!0,cellText:"jrogers@cloudhub.com"})))};C.propTypes={title:i().string},i().node;var N=function(e){var l=s()("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",f(f({"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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};N.displayName="Table",N.propTypes={ariaLabel:i().string,ariaLabelledBy:i().string,children:i().node,hasCellBuffer:i().bool,hasHiddenHeader:i().bool,hasNoCellFocus:i().bool,hasNoRowHover:i().bool,isBordered:i().bool,isColBordered:i().bool,isEditable:i().bool,isFixedLayout:i().bool,isResizable:i().bool,isResponsive:i().bool,isResponsiveStacked:i().bool,isStriped:i().bool,selectionType:i().oneOf(["multiple","single"]),style:i().object,type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:i().bool};var _=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};_.displayName="THead",_.propTypes={children:i().node,isHidden:i().bool};var T=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};T.displayName="THeadTr",T.propTypes={children:i().node};var w=function(e){var l,t=(0,a.useContext)(x).isActionableMode,r=s()({"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 n().createElement("th",{"aria-sort":(l=null,e.isSortable&&(l=e.sortDirection\|\|"none"),l),className:r,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};w.displayName="ColumnTh",w.propTypes={"aria-label":i().string,children:i().node,hasFocus:i().bool,hasMenu:i().bool,isResizable:i().bool,isRightAligned:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending","none"]),style:i().object,hasWrap:i().bool,isDataTable:i().bool};var S=function(e){return n().createElement("div",{className:s()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};S.displayName="ColumnHeader",S.propTypes={columnName:i().string.isRequired,id:i().string,isAssistiveText:i().bool,isFixedCell:i().bool},S.defaultProps={columnName:"Column Name",isDataTable:i().bool};var O=function(e){var l=c.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:l,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),n().createElement("span",{className:"slds-resizable__handle"},n().createElement("span",{className:"slds-resizable__divider"})))};O.displayName="ResizeControl",O.propTypes={label:i().string.isRequired,tabIndex:i().oneOf(["0","-1"])};var R=function(e){var l=(0,a.useContext)(x).isActionableMode,t=l?"0":"-1",r=function(){return n().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,n().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&n().createElement(p.UtilityIcon,{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:t,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(d.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&&n().createElement(O,{label:e.columnName+" column width"\|\|0,tabIndex:t}))};R.displayName="InteractiveColumnHeader",R.propTypes={columnName:i().string.isRequired,columnHeaderIcons:i().array,hasMenu:i().bool,isResizable:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending"])},R.defaultProps={isResizable:!0,isSortable:!0};var k=function(e){var l=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(m.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})))};k.displayName="SelectAllColumnHeader",k.propTypes={checked:i().bool};var A=function(e){var l=e.hasErrorColumn?"2rem":"3.25rem",t=e.mainColumnWidth\|\|null;return n().createElement(_,{isHidden:e.isHidden},n().createElement(T,null,e.hasErrorColumn?n().createElement(w,{style:{width:"3.75rem"}},n().createElement(S,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(w,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:l}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(S,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(k,{checked:e.selectAll})),e.columns.map(function(l,a){return n().createElement(w,{key:a,"aria-label":l,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:t}},n().createElement(R,{columnName:l,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(w,{style:{width:"3.25rem"}},n().createElement(S,{columnName:"Actions",isAssistiveText:!0}))))};A.displayName="AdvancedDataTableHead",A.propTypes={columnHeaderIcons:i().array,columns:i().array.isRequired,hasErrorColumn:i().bool,hasFocus:i().bool,hasMenus:i().bool,hasNoRowSelection:i().bool,hasRowLevelActions:i().bool,hasSingleRowSelect:i().bool,isHidden:i().bool,isResizable:i().bool,isSortable:i().bool,mainColumnWidth:i().string,selectAll:i().bool,singleColumnWidth:i().string,sortDirection:i().oneOf(["ascending","descending","none"])},A.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var L=function(e){return n().createElement("tbody",null,e.children)};L.displayName="TBody",L.propTypes={children:i().node};var H=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:s()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};H.displayName="TBodyTr",H.propTypes={children:i().node,isExpanded:i().bool,isSelected:i().bool,isTopAligned:i().bool,level:i().string,positionWithinLevel:i().string,numberOfItemsAtLevel:i().string,tabIndex:i().oneOf(["0","-1"])};var I=function(e){var l=(0,a.useContext)(x).isActionableMode,t=s()({"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 n().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:i().node,"data-label":i().string,hasError:i().bool,hasFocus:i().bool,isEditable:i().bool,isEdited:i().bool,isEditing:i().bool,isErrorCell:i().bool,isLocked:i().bool,isRightAligned:i().bool,isShrunken:i().bool,style:i().object,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:i().bool};var D=function(e){var l=(0,a.useContext)(x).isActionableMode,t=s()({"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 n().createElement("th",{className:t\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};D.displayName="RowTh",D.propTypes={children:i().node,"data-label":i().string,hasFocus:i().bool,isEditable:i().bool,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["base","advanced","treegrid"]),isItemHovered:i().bool,hasWrap:i().bool};var B=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().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}):n().createElement(m.Checkbox,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}))};B.displayName="SelectRowCell",B.propTypes={checked:i().bool,hasSingleRowSelect:i().bool,index:i().number.isRequired,inputTabIndex:i().oneOf(["0","-1"])};var j=function(e){var l=e.rowName,t=(0,a.useContext)(x).isActionableMode;return n().createElement(d.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)})};j.displayName="RowActionsCell",j.propTypes={rowName:i().string.isRequired};var F=function(e){var l=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(d.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:s()("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")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};F.displayName="ErrorCell",F.propTypes={hasError:i().bool,index:i().number.isRequired};var z=function(e){var l=e.hasWrap,t=e.cellText,r=e.cellLink,o=(0,a.useContext)(x).isActionableMode;return n().createElement("div",{className:s()(l?"slds-line-clamp":"slds-truncate"),title:t},r?n().createElement("a",{href:"#",tabIndex:o?"0":"-1",onClick:function(e){e.preventDefault()}},t):t)};z.displayName="ReadOnlyCell",z.propTypes={cellLink:i().bool,cellText:i().string.isRequired,hasWrap:i().bool};var M=function(e){var l=(0,a.useContext)(x).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:l?"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(d.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:s()("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&&n().createElement(q,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};M.displayName="EditableCell",M.propTypes={buttonText:i().string.isRequired,cellLink:i().bool,cellText:i().string.isRequired,hasError:(0,c.VY)("showEdit",i().bool),index:i().number,isLocked:i().bool,isRequired:(0,c.VY)("showEdit",i().bool),showEdit:i().bool};var q=function(e){return n().createElement(u.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:s()("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))};q.displayName="EditPopover",q.propTypes={hasError:i().bool,isRequired:i().bool};var W=[{id:"default",label:"Default",element:n().createElement(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example default base table of Opportunities"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))}],P=[{id:"data-table-striped-rows",label:"With striped rows",element:n().createElement(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with striped rows"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,hasCellBuffer:!0,hasNoRowHover:!0,type:"base",ariaLabel:"Example table of Opportunities with no row hovers"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,isColBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with vertical borders"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))},{id:"single-column",label:"Single Column",element:n().createElement(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with a single column"},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Opportunity Name"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(I,{"data-label":"Opportunity Name",type:"base"},n().createElement(z,{cellLink:!0,cellText:"Cloudhub"}))),n().createElement(H,null,n().createElement(I,{"data-label":"Opportunity Name",type:"base"},n().createElement(z,{cellLink:!0,cellText:"Cloudhub + Anypoint Connectors"})))))},{id:"no-borders",label:"No borders",element:n().createElement(N,{isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with no borders"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{hasHiddenHeader:!0,isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example headless table of Opportunities"},n().createElement(_,{isHidden:!0},n().createElement(g,null)),n().createElement(L,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(N,{hasHiddenHeader:!0,hasCellBuffer:!0,type:"base",ariaLabel:" Example headless table of Opportunities with no borders "},n().createElement(_,{isHidden:!0},n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content truncated "},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})),n().createElement(w,null,n().createElement(S,{columnName:"Truncated, no wrap"})),n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(D,{"data-label":"Typical Column Header"},n().createElement(z,{cellText:"Typical cell content"})),n().createElement(I,{"data-label":"Truncated, no wrap",type:"base",hasWrap:!0},n().createElement(z,{cellText:v})),n().createElement(I,{"data-label":"Typical Column Header",type:"base"},n().createElement(z,{cellText:"Typical cell content"})))))},{id:"cell-content-wrapped",label:"Cell content wrapped",demoStyles:"max-width: 600px;",storybookStyles:!0,element:n().createElement(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content wrapped "},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})),n().createElement(w,null,n().createElement(S,{columnName:"Wrapped, line clamped"})),n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(D,{"data-label":"Typical Column Header"},n().createElement(z,{cellText:"Typical cell content"})),n().createElement(I,{"data-label":"Wrapped, line clamped",type:"base",hasWrap:!0},n().createElement(z,{cellText:v,hasWrap:!0})),n().createElement(I,{"data-label":"Typical Column Header",type:"base"},n().createElement(z,{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(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabelledBy:"element-with-table-label other-element-with-table-label"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}))))}]},1594:function(e){e.exports=React}},t={};function a(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return l[e](r,r.exports,a),r.exports}a.m=l,a.amdO={},e=[],a.O=function(l,t,n,r){if(!t){var s=1/0;for(d=0;d<e.length;d++){t=e[d][0],n=e[d][1],r=e[d][2];for(var o=!0,i=0;i<t.length;i++)1&r&&!(s>=r)\|\|!Object.keys(a.O).every(function(e){return a.O[e](t[i])})?(o=!1,r<s&&(s=r)):t.splice(i--,1);if(o){e.splice(d--,1);var c=n();void 0!==c&&(l=c)}}return l}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[t,n,r]},a.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(l,{a:l}),l},a.cw=function(e){var l;return function(){if(e){var t=e;e=0,l={exports:{}},t.call(l.exports,l,l.exports)}return l.exports}},a.d=function(e,l){for(var t in l)a.o(l,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:l[t]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=1683,function(){var e={518:0,1117:0,1252:0,1578:0,1683:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(l){return 0===e[l]};var l=function(l,t){var n,r,s=t[0],o=t[1],i=t[2],c=0;if(s.some(function(l){return 0!==e[l]})){for(n in o)a.o(o,n)&&(a.m[n]=o[n]);if(i)var d=i(a)}for(l&&l(t);c<s.length;c++)r=s[c],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(d)},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))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(821)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/base/example.jsx.js"]=n}();
1	+ var SLDS;!function(){"use strict";var e,l={821:function(e,l,t){t.r(l),t.d(l,{default:function(){return W},examples:function(){return P}});var a=t(1594),n=t.n(a),r=t(1369),s=t.n(r),o=t(4187),i=t.n(o),c=t(6482),d=t(6955),u=t(5006),m=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(e,l){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);l&&(a=a.filter(function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable})),t.push.apply(t,a)}return t}function f(e){for(var l=1;l<arguments.length;l++){var t=null!=arguments[l]?arguments[l]:{};l%2?E(Object(t),!0).forEach(function(l){y(e,l,t[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})}return e}function y(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 x=n().createContext({isActionableMode:!1}),v="Cell content that is very long.\nIt also has a line break.\nIt has more than one line break",g=function(e){return n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Opportunity Name"})),n().createElement(w,null,n().createElement(S,{columnName:"Account Name"})),n().createElement(w,null,n().createElement(S,{columnName:"Close Date"})),n().createElement(w,null,n().createElement(S,{columnName:"Stage"})),n().createElement(w,null,n().createElement(S,{columnName:"Confidence"})),n().createElement(w,null,n().createElement(S,{columnName:"Amount"})),n().createElement(w,null,n().createElement(S,{columnName:"Contact"})))},C=function(e){return n().createElement(H,null,n().createElement(D,{"data-label":"Opportunity Name"},n().createElement(z,{cellText:e.title,cellLink:!0})),n().createElement(I,{"data-label":"Account Name",type:"base"},n().createElement(z,{cellText:"Cloudhub"})),n().createElement(I,{"data-label":"Close Date",type:"base"},n().createElement(z,{cellText:"4/14/2015"})),n().createElement(I,{"data-label":"Prospecting",type:"base"},n().createElement(z,{cellText:"Prospecting"})),n().createElement(I,{"data-label":"Confidence",type:"base"},n().createElement(z,{cellText:"20%"})),n().createElement(I,{"data-label":"Amount",type:"base"},n().createElement(z,{cellText:"$25k"})),n().createElement(I,{"data-label":"Contact",type:"base"},n().createElement(z,{cellLink:!0,cellText:"jrogers@cloudhub.com"})))};C.propTypes={title:i().string},i().node;var N=function(e){var l=s()("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",f(f({"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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};N.displayName="Table",N.propTypes={ariaLabel:i().string,ariaLabelledBy:i().string,children:i().node,hasCellBuffer:i().bool,hasHiddenHeader:i().bool,hasNoCellFocus:i().bool,hasNoRowHover:i().bool,isBordered:i().bool,isColBordered:i().bool,isEditable:i().bool,isFixedLayout:i().bool,isResizable:i().bool,isResponsive:i().bool,isResponsiveStacked:i().bool,isStriped:i().bool,selectionType:i().oneOf(["multiple","single"]),style:i().object,type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:i().bool};var _=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};_.displayName="THead",_.propTypes={children:i().node,isHidden:i().bool};var T=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};T.displayName="THeadTr",T.propTypes={children:i().node};var w=function(e){var l,t=(0,a.useContext)(x).isActionableMode,r=s()({"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 n().createElement("th",{"aria-sort":(l=null,e.isSortable&&(l=e.sortDirection\|\|"none"),l),className:r,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};w.displayName="ColumnTh",w.propTypes={"aria-label":i().string,children:i().node,hasFocus:i().bool,hasMenu:i().bool,isResizable:i().bool,isRightAligned:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending","none"]),style:i().object,hasWrap:i().bool,isDataTable:i().bool};var S=function(e){return n().createElement("div",{className:s()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};S.displayName="ColumnHeader",S.propTypes={columnName:i().string.isRequired,id:i().string,isAssistiveText:i().bool,isFixedCell:i().bool},S.defaultProps={columnName:"Column Name",isDataTable:i().bool};var O=function(e){var l=c.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:l,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),n().createElement("span",{className:"slds-resizable__handle"},n().createElement("span",{className:"slds-resizable__divider"})))};O.displayName="ResizeControl",O.propTypes={label:i().string.isRequired,tabIndex:i().oneOf(["0","-1"])};var R=function(e){var l=(0,a.useContext)(x).isActionableMode,t=l?"0":"-1",r=function(){return n().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,n().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&n().createElement(p.UtilityIcon,{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:t,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(d.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&&n().createElement(O,{label:e.columnName+" column width"\|\|0,tabIndex:t}))};R.displayName="InteractiveColumnHeader",R.propTypes={columnName:i().string.isRequired,columnHeaderIcons:i().array,hasMenu:i().bool,isResizable:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending"])},R.defaultProps={isResizable:!0,isSortable:!0};var k=function(e){var l=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(m.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})))};k.displayName="SelectAllColumnHeader",k.propTypes={checked:i().bool};var A=function(e){var l=e.hasErrorColumn?"2rem":"3.25rem",t=e.mainColumnWidth\|\|null;return n().createElement(_,{isHidden:e.isHidden},n().createElement(T,null,e.hasErrorColumn?n().createElement(w,{style:{width:"3.75rem"}},n().createElement(S,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(w,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:l}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(S,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(k,{checked:e.selectAll})),e.columns.map(function(l,a){return n().createElement(w,{key:a,"aria-label":l,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:t}},n().createElement(R,{columnName:l,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(w,{style:{width:"3.25rem"}},n().createElement(S,{columnName:"Actions",isAssistiveText:!0}))))};A.displayName="AdvancedDataTableHead",A.propTypes={columnHeaderIcons:i().array,columns:i().array.isRequired,hasErrorColumn:i().bool,hasFocus:i().bool,hasMenus:i().bool,hasNoRowSelection:i().bool,hasRowLevelActions:i().bool,hasSingleRowSelect:i().bool,isHidden:i().bool,isResizable:i().bool,isSortable:i().bool,mainColumnWidth:i().string,selectAll:i().bool,singleColumnWidth:i().string,sortDirection:i().oneOf(["ascending","descending","none"])},A.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var L=function(e){return n().createElement("tbody",null,e.children)};L.displayName="TBody",L.propTypes={children:i().node};var H=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:s()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};H.displayName="TBodyTr",H.propTypes={children:i().node,isExpanded:i().bool,isSelected:i().bool,isTopAligned:i().bool,level:i().string,positionWithinLevel:i().string,numberOfItemsAtLevel:i().string,tabIndex:i().oneOf(["0","-1"])};var I=function(e){var l=(0,a.useContext)(x).isActionableMode,t=s()({"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 n().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:i().node,"data-label":i().string,hasError:i().bool,hasFocus:i().bool,isEditable:i().bool,isEdited:i().bool,isEditing:i().bool,isErrorCell:i().bool,isLocked:i().bool,isRightAligned:i().bool,isShrunken:i().bool,style:i().object,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:i().bool};var D=function(e){var l=(0,a.useContext)(x).isActionableMode,t=s()({"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 n().createElement("th",{className:t\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};D.displayName="RowTh",D.propTypes={children:i().node,"data-label":i().string,hasFocus:i().bool,isEditable:i().bool,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["base","advanced","treegrid"]),isItemHovered:i().bool,hasWrap:i().bool};var B=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().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}):n().createElement(m.Checkbox,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}))};B.displayName="SelectRowCell",B.propTypes={checked:i().bool,hasSingleRowSelect:i().bool,index:i().number.isRequired,inputTabIndex:i().oneOf(["0","-1"])};var j=function(e){var l=e.rowName,t=(0,a.useContext)(x).isActionableMode;return n().createElement(d.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)})};j.displayName="RowActionsCell",j.propTypes={rowName:i().string.isRequired};var F=function(e){var l=(0,a.useContext)(x).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(d.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:s()("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")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};F.displayName="ErrorCell",F.propTypes={hasError:i().bool,index:i().number.isRequired};var z=function(e){var l=e.hasWrap,t=e.cellText,r=e.cellLink,o=(0,a.useContext)(x).isActionableMode;return n().createElement("div",{className:s()(l?"slds-line-clamp":"slds-truncate"),title:t},r?n().createElement("a",{href:"#",tabIndex:o?"0":"-1",onClick:function(e){e.preventDefault()}},t):t)};z.displayName="ReadOnlyCell",z.propTypes={cellLink:i().bool,cellText:i().string.isRequired,hasWrap:i().bool};var M=function(e){var l=(0,a.useContext)(x).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:l?"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(d.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:s()("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&&n().createElement(q,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};M.displayName="EditableCell",M.propTypes={buttonText:i().string.isRequired,cellLink:i().bool,cellText:i().string.isRequired,hasError:(0,c.VY)("showEdit",i().bool),index:i().number,isLocked:i().bool,isRequired:(0,c.VY)("showEdit",i().bool),showEdit:i().bool};var q=function(e){return n().createElement(u.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:s()("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))};q.displayName="EditPopover",q.propTypes={hasError:i().bool,isRequired:i().bool};var W=[{id:"default",label:"Default",element:n().createElement(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example default base table of Opportunities"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))}],P=[{id:"data-table-striped-rows",label:"With striped rows",element:n().createElement(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with striped rows"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,hasCellBuffer:!0,hasNoRowHover:!0,type:"base",ariaLabel:"Example table of Opportunities with no row hovers"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,isColBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with vertical borders"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"})))},{id:"single-column",label:"Single Column",element:n().createElement(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with a single column"},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Opportunity Name"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(I,{"data-label":"Opportunity Name",type:"base"},n().createElement(z,{cellLink:!0,cellText:"Cloudhub"}))),n().createElement(H,null,n().createElement(I,{"data-label":"Opportunity Name",type:"base"},n().createElement(z,{cellLink:!0,cellText:"Cloudhub + Anypoint Connectors"})))))},{id:"no-borders",label:"No borders",element:n().createElement(N,{isStriped:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example table of Opportunities with no borders"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,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(N,{hasHiddenHeader:!0,isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabel:"Example headless table of Opportunities"},n().createElement(_,{isHidden:!0},n().createElement(g,null)),n().createElement(L,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(N,{hasHiddenHeader:!0,hasCellBuffer:!0,type:"base",ariaLabel:" Example headless table of Opportunities with no borders "},n().createElement(_,{isHidden:!0},n().createElement(g,null)),n().createElement(L,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(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content truncated "},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})),n().createElement(w,null,n().createElement(S,{columnName:"Truncated, no wrap"})),n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(D,{"data-label":"Typical Column Header"},n().createElement(z,{cellText:"Typical cell content"})),n().createElement(I,{"data-label":"Truncated, no wrap",type:"base",hasWrap:!0},n().createElement(z,{cellText:v})),n().createElement(I,{"data-label":"Typical Column Header",type:"base"},n().createElement(z,{cellText:"Typical cell content"})))))},{id:"cell-content-wrapped",label:"Cell content wrapped",demoStyles:"max-width: 600px;",storybookStyles:!0,element:n().createElement(N,{isBordered:!0,isStriped:!0,hasCellBuffer:!0,isFixedLayout:!0,type:"base",ariaLabel:" Example headless table of Opportunities with cell content wrapped "},n().createElement(_,null,n().createElement(T,null,n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})),n().createElement(w,null,n().createElement(S,{columnName:"Wrapped, line clamped"})),n().createElement(w,null,n().createElement(S,{columnName:"Typical Column Header"})))),n().createElement(L,null,n().createElement(H,null,n().createElement(D,{"data-label":"Typical Column Header"},n().createElement(z,{cellText:"Typical cell content"})),n().createElement(I,{"data-label":"Wrapped, line clamped",type:"base",hasWrap:!0},n().createElement(z,{cellText:v,hasWrap:!0})),n().createElement(I,{"data-label":"Typical Column Header",type:"base"},n().createElement(z,{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(N,{isBordered:!0,hasCellBuffer:!0,type:"base",ariaLabelledBy:"element-with-table-label other-element-with-table-label"},n().createElement(_,null,n().createElement(g,null)),n().createElement(L,null,n().createElement(C,{title:"Cloudhub"}),n().createElement(C,{title:"Cloudhub + Anypoint Connectors"}))))}]},1594:function(e){e.exports=React}},t={};function a(e){var n=t[e];if(void 0!==n)return n.exports;var r=t[e]={exports:{}};return l[e](r,r.exports,a),r.exports}a.m=l,a.amdO={},e=[],a.O=function(l,t,n){if(!t){for(var r=0;r<e.length;r++){t=e[r][0],n=e[r][1];for(var s=!0,o=0;o<t.length;o++)a.O.j(t[o])?t.splice(o--,1):s=!1;if(s){e.splice(r--,1);var i=n();void 0!==i&&(l=i)}}return l}e.push([t,n])},a.n=function(e){var l=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(l,{a:l}),l},a.cw=function(e){var l;return function(){if(e){var t=e;e=0,l={exports:{}},t.call(l.exports,l,l.exports)}return l.exports}},a.d=function(e,l){for(var t in l)a.o(l,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:l[t]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,l){return Object.prototype.hasOwnProperty.call(e,l)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=1683,function(){var e={518:0,1117:0,1252:0,1578:0,1683:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};a.O.j=function(l){return 0===e[l]};var l=function(l,t){var n,r,s=t[0],o=t[1],i=t[2],c=0;if(s.some(function(l){return 0!==e[l]})){for(n in o)a.o(o,n)&&(a.m[n]=o[n]);if(i)var d=i(a)}for(l&&l(t);c<s.length;c++)r=s[c],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(d)},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))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(821)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/base/example.jsx.js"]=n}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={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(1369),r=l.n(n),o=l(4187),i=l.n(o),d=l(6482),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 x=a().createContext({isActionableMode:!1});i().string,i().node;var E=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)};E.displayName="Table",E.propTypes={ariaLabel:i().string,ariaLabelledBy:i().string,children:i().node,hasCellBuffer:i().bool,hasHiddenHeader:i().bool,hasNoCellFocus:i().bool,hasNoRowHover:i().bool,isBordered:i().bool,isColBordered:i().bool,isEditable:i().bool,isFixedLayout:i().bool,isResizable:i().bool,isResponsive:i().bool,isResponsiveStacked:i().bool,isStriped:i().bool,selectionType:i().oneOf(["multiple","single"]),style:i().object,type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:i().bool};var g=function(e){return a().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};g.displayName="THead",g.propTypes={children:i().node,isHidden:i().bool};var _=function(e){return a().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:i().node};var N=function(e){var t,l=(0,s.useContext)(x).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":i().string,children:i().node,hasFocus:i().bool,hasMenu:i().bool,isResizable:i().bool,isRightAligned:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending","none"]),style:i().object,hasWrap:i().bool,isDataTable:i().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:i().string.isRequired,id:i().string,isAssistiveText:i().bool,isFixedCell:i().bool},T.defaultProps={columnName:"Column Name",isDataTable:i().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:i().string.isRequired,tabIndex:i().oneOf(["0","-1"])};var w=function(e){var t=(0,s.useContext)(x).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:i().string.isRequired,columnHeaderIcons:i().array,hasMenu:i().bool,isResizable:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending"])},w.defaultProps={isResizable:!0,isSortable:!0};var R=function(e){var t=(0,s.useContext)(x).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:i().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:i().array,columns:i().array.isRequired,hasErrorColumn:i().bool,hasFocus:i().bool,hasMenus:i().bool,hasNoRowSelection:i().bool,hasRowLevelActions:i().bool,hasSingleRowSelect:i().bool,isHidden:i().bool,isResizable:i().bool,isSortable:i().bool,mainColumnWidth:i().string,selectAll:i().bool,singleColumnWidth:i().string,sortDirection:i().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:i().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:i().node,isExpanded:i().bool,isSelected:i().bool,isTopAligned:i().bool,level:i().string,positionWithinLevel:i().string,numberOfItemsAtLevel:i().string,tabIndex:i().oneOf(["0","-1"])};var I=function(e){var t=(0,s.useContext)(x).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:i().node,"data-label":i().string,hasError:i().bool,hasFocus:i().bool,isEditable:i().bool,isEdited:i().bool,isEditing:i().bool,isErrorCell:i().bool,isLocked:i().bool,isRightAligned:i().bool,isShrunken:i().bool,style:i().object,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:i().bool};var A=function(e){var t=(0,s.useContext)(x).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:i().node,"data-label":i().string,hasFocus:i().bool,isEditable:i().bool,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["base","advanced","treegrid"]),isItemHovered:i().bool,hasWrap:i().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:i().bool,hasSingleRowSelect:i().bool,index:i().number.isRequired,inputTabIndex:i().oneOf(["0","-1"])};var D=function(e){var t=e.rowName,l=(0,s.useContext)(x).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:i().string.isRequired};var H=function(e){var t=(0,s.useContext)(x).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:i().bool,index:i().number.isRequired};var j=function(e){var t=e.hasWrap,l=e.cellText,n=e.cellLink,o=(0,s.useContext)(x).isActionableMode;return a().createElement("div",{className:r()(t?"slds-line-clamp":"slds-truncate"),title:l},n?a().createElement("a",{href:"#",tabIndex:o?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};j.displayName="ReadOnlyCell",j.propTypes={cellLink:i().bool,cellText:i().string.isRequired,hasWrap:i().bool};var z=function(e){var t=(0,s.useContext)(x).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:i().string.isRequired,cellLink:i().bool,cellText:i().string.isRequired,hasError:(0,d.VY)("showEdit",i().bool),index:i().number,isLocked:i().bool,isRequired:(0,d.VY)("showEdit",i().bool),showEdit:i().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:i().bool,isRequired:i().bool};var M=[{id:"default",label:"Default",element:a().createElement(E,{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})))))}]},1594:function(e){e.exports=React}},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 o=!0,i=0;i<l.length;i++)1&n&&!(r>=n)\|\|!Object.keys(s.O).every(function(e){return s.O[e](l[i])})?(o=!1,n<r&&(r=n)):l.splice(i--,1);if(o){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.cw=function(e){var t;return function(){if(e){var l=e;e=0,t={exports:{}},l.call(t.exports,t,t.exports)}return t.exports}},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,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],o=l[1],i=l[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(a in o)s.o(o,a)&&(s.m[a]=o[a]);if(i)var c=i(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}();
1	+ var SLDS;!function(){"use strict";var e,t={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(1369),r=l.n(n),o=l(4187),i=l.n(o),d=l(6482),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 x=a().createContext({isActionableMode:!1});i().string,i().node;var E=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)};E.displayName="Table",E.propTypes={ariaLabel:i().string,ariaLabelledBy:i().string,children:i().node,hasCellBuffer:i().bool,hasHiddenHeader:i().bool,hasNoCellFocus:i().bool,hasNoRowHover:i().bool,isBordered:i().bool,isColBordered:i().bool,isEditable:i().bool,isFixedLayout:i().bool,isResizable:i().bool,isResponsive:i().bool,isResponsiveStacked:i().bool,isStriped:i().bool,selectionType:i().oneOf(["multiple","single"]),style:i().object,type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:i().bool};var g=function(e){return a().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};g.displayName="THead",g.propTypes={children:i().node,isHidden:i().bool};var _=function(e){return a().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:i().node};var N=function(e){var t,l=(0,s.useContext)(x).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":i().string,children:i().node,hasFocus:i().bool,hasMenu:i().bool,isResizable:i().bool,isRightAligned:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending","none"]),style:i().object,hasWrap:i().bool,isDataTable:i().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:i().string.isRequired,id:i().string,isAssistiveText:i().bool,isFixedCell:i().bool},T.defaultProps={columnName:"Column Name",isDataTable:i().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:i().string.isRequired,tabIndex:i().oneOf(["0","-1"])};var w=function(e){var t=(0,s.useContext)(x).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:i().string.isRequired,columnHeaderIcons:i().array,hasMenu:i().bool,isResizable:i().bool,isSortable:i().bool,sortDirection:i().oneOf(["ascending","descending"])},w.defaultProps={isResizable:!0,isSortable:!0};var R=function(e){var t=(0,s.useContext)(x).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:i().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:i().array,columns:i().array.isRequired,hasErrorColumn:i().bool,hasFocus:i().bool,hasMenus:i().bool,hasNoRowSelection:i().bool,hasRowLevelActions:i().bool,hasSingleRowSelect:i().bool,isHidden:i().bool,isResizable:i().bool,isSortable:i().bool,mainColumnWidth:i().string,selectAll:i().bool,singleColumnWidth:i().string,sortDirection:i().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:i().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:i().node,isExpanded:i().bool,isSelected:i().bool,isTopAligned:i().bool,level:i().string,positionWithinLevel:i().string,numberOfItemsAtLevel:i().string,tabIndex:i().oneOf(["0","-1"])};var I=function(e){var t=(0,s.useContext)(x).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:i().node,"data-label":i().string,hasError:i().bool,hasFocus:i().bool,isEditable:i().bool,isEdited:i().bool,isEditing:i().bool,isErrorCell:i().bool,isLocked:i().bool,isRightAligned:i().bool,isShrunken:i().bool,style:i().object,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:i().bool};var A=function(e){var t=(0,s.useContext)(x).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:i().node,"data-label":i().string,hasFocus:i().bool,isEditable:i().bool,tabIndex:i().oneOf(["0","-1"]),type:i().oneOf(["base","advanced","treegrid"]),isItemHovered:i().bool,hasWrap:i().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:i().bool,hasSingleRowSelect:i().bool,index:i().number.isRequired,inputTabIndex:i().oneOf(["0","-1"])};var D=function(e){var t=e.rowName,l=(0,s.useContext)(x).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:i().string.isRequired};var H=function(e){var t=(0,s.useContext)(x).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:i().bool,index:i().number.isRequired};var j=function(e){var t=e.hasWrap,l=e.cellText,n=e.cellLink,o=(0,s.useContext)(x).isActionableMode;return a().createElement("div",{className:r()(t?"slds-line-clamp":"slds-truncate"),title:l},n?a().createElement("a",{href:"#",tabIndex:o?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};j.displayName="ReadOnlyCell",j.propTypes={cellLink:i().bool,cellText:i().string.isRequired,hasWrap:i().bool};var z=function(e){var t=(0,s.useContext)(x).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:i().string.isRequired,cellLink:i().bool,cellText:i().string.isRequired,hasError:(0,d.VY)("showEdit",i().bool),index:i().number,isLocked:i().bool,isRequired:(0,d.VY)("showEdit",i().bool),showEdit:i().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:i().bool,isRequired:i().bool};var M=[{id:"default",label:"Default",element:a().createElement(E,{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})))))}]},1594:function(e){e.exports=React}},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){if(!l){for(var n=0;n<e.length;n++){l=e[n][0],a=e[n][1];for(var r=!0,o=0;o<l.length;o++)s.O.j(l[o])?l.splice(o--,1):r=!1;if(r){e.splice(n--,1);var i=a();void 0!==i&&(t=i)}}return t}e.push([l,a])},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.cw=function(e){var t;return function(){if(e){var l=e;e=0,t={exports:{}},l.call(t.exports,t,t.exports)}return t.exports}},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,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],o=l[1],i=l[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(a in o)s.o(o,a)&&(s.m[a]=o[a]);if(i)var c=i(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}();