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/data-tables/inline-edit/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={2593:function(e,t,l){l.r(t),l.d(t,{InlineEditTableFocusedCell:function(){return ee},default:function(){return te},states:function(){return le}});var n=l(1594),r=l.n(n),i=l(6482),a=l(1369),o=l.n(a),s=l(4187),c=l.n(s),d=l(6955),u=l(5006),m=l(3589),b=l(885),p=l(538);function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function h(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function f(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?h(Object(l),!0).forEach(function(t){y(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):h(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function y(e,t,l){return(t=function(e){var t=function(e){if("object"!=E(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==E(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var v=r().createContext({isActionableMode:!1});c().string;var x=function(e){return r().createElement("div",{className:"slds-table_edit_container slds-is-relative"},e.children)};x.propTypes={children:c().node};var g=function(e){var t=o()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return r().createElement("table",f(f({"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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};g.displayName="Table",g.propTypes={ariaLabel:c().string,ariaLabelledBy:c().string,children:c().node,hasCellBuffer:c().bool,hasHiddenHeader:c().bool,hasNoCellFocus:c().bool,hasNoRowHover:c().bool,isBordered:c().bool,isColBordered:c().bool,isEditable:c().bool,isFixedLayout:c().bool,isResizable:c().bool,isResponsive:c().bool,isResponsiveStacked:c().bool,isStriped:c().bool,selectionType:c().oneOf(["multiple","single"]),style:c().object,type:c().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:c().bool};var w=function(e){return r().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};w.displayName="THead",w.propTypes={children:c().node,isHidden:c().bool};var N=function(e){return r().createElement("tr",{className:"slds-line-height_reset"},e.children)};N.displayName="THeadTr",N.propTypes={children:c().node};var C=function(e){var t,l=(0,n.useContext)(v).isActionableMode,i=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 r().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection\|\|"none"),t),className:i,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};C.displayName="ColumnTh",C.propTypes={"aria-label":c().string,children:c().node,hasFocus:c().bool,hasMenu:c().bool,isResizable:c().bool,isRightAligned:c().bool,isSortable:c().bool,sortDirection:c().oneOf(["ascending","descending","none"]),style:c().object,hasWrap:c().bool,isDataTable:c().bool};var T=function(e){return r().createElement("div",{className:o()("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:c().string.isRequired,id:c().string,isAssistiveText:c().bool,isFixedCell:c().bool},T.defaultProps={columnName:"Column Name",isDataTable:c().bool};var S=function(e){var t=i.Ay.uniqueId("cell-resize-handle-");return r().createElement("div",{className:"slds-resizable"},r().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),r().createElement("span",{className:"slds-resizable__handle"},r().createElement("span",{className:"slds-resizable__divider"})))};S.displayName="ResizeControl",S.propTypes={label:c().string.isRequired,tabIndex:c().oneOf(["0","-1"])};var _=function(e){var t=(0,n.useContext)(v).isActionableMode,l=t?"0":"-1",i=function(){return r().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter(function(t){return t.column===e.columnName.toLowerCase()});if(t.length)return t[0].icon}():null,r().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&r().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return r().createElement(r().Fragment,null,e.isSortable?r().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},r().createElement("span",{className:"slds-assistive-text"},"Sort by: "),i()):r().createElement("div",{className:"slds-th__action"},i()),e.sortDirection&&r().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&r().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:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&r().createElement(S,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};_.displayName="InteractiveColumnHeader",_.propTypes={columnName:c().string.isRequired,columnHeaderIcons:c().array,hasMenu:c().bool,isResizable:c().bool,isSortable:c().bool,sortDirection:c().oneOf(["ascending","descending"])},_.defaultProps={isResizable:!0,isSortable:!0};var R=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement("div",{className:"slds-th__action slds-th__action_form"},r().createElement(m.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked\|\|null,groupId:"column-group-header",isDataTable:!0})))};R.displayName="SelectAllColumnHeader",R.propTypes={checked:c().bool};var k=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return r().createElement(w,{isHidden:e.isHidden},r().createElement(N,null,e.hasErrorColumn?r().createElement(C,{style:{width:"3.75rem"}},r().createElement(T,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&r().createElement(C,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?r().createElement(T,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):r().createElement(R,{checked:e.selectAll})),e.columns.map(function(t,n){return r().createElement(C,{key:n,"aria-label":t,hasFocus:0===n?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null,style:{width:0===n&&e.singleColumnWidth?e.singleColumnWidth:l}},r().createElement(_,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null}))}),e.hasRowLevelActions&&r().createElement(C,{style:{width:"3.25rem"}},r().createElement(T,{columnName:"Actions",isAssistiveText:!0}))))};k.displayName="AdvancedDataTableHead",k.propTypes={columnHeaderIcons:c().array,columns:c().array.isRequired,hasErrorColumn:c().bool,hasFocus:c().bool,hasMenus:c().bool,hasNoRowSelection:c().bool,hasRowLevelActions:c().bool,hasSingleRowSelect:c().bool,isHidden:c().bool,isResizable:c().bool,isSortable:c().bool,mainColumnWidth:c().string,selectAll:c().bool,singleColumnWidth:c().string,sortDirection:c().oneOf(["ascending","descending","none"])},k.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var O=function(e){return r().createElement("tbody",null,e.children)};O.displayName="TBody",O.propTypes={children:c().node};var L=function(e){return r().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)};L.displayName="TBodyTr",L.propTypes={children:c().node,isExpanded:c().bool,isSelected:c().bool,isTopAligned:c().bool,level:c().string,positionWithinLevel:c().string,numberOfItemsAtLevel:c().string,tabIndex:c().oneOf(["0","-1"])};var A=function(e){var t=(0,n.useContext)(v).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 r().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)};A.displayName="Td",A.propTypes={children:c().node,"data-label":c().string,hasError:c().bool,hasFocus:c().bool,isEditable:c().bool,isEdited:c().bool,isEditing:c().bool,isErrorCell:c().bool,isLocked:c().bool,isRightAligned:c().bool,isShrunken:c().bool,style:c().object,tabIndex:c().oneOf(["0","-1"]),type:c().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:c().bool};var I=function(e){var t=(0,n.useContext)(v).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 r().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};I.displayName="RowTh",I.propTypes={children:c().node,"data-label":c().string,hasFocus:c().bool,isEditable:c().bool,tabIndex:c().oneOf(["0","-1"]),type:c().oneOf(["base","advanced","treegrid"]),isItemHovered:c().bool,hasWrap:c().bool};var D=function(e){return r().createElement(r().Fragment,null,e.hasSingleRowSelect?r().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}):r().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}))};D.displayName="SelectRowCell",D.propTypes={checked:c().bool,hasSingleRowSelect:c().bool,index:c().number.isRequired,inputTabIndex:c().oneOf(["0","-1"])};var j=function(e){var t=e.rowName,l=(0,n.useContext)(v).isActionableMode;return r().createElement(d.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)})};j.displayName="RowActionsCell",j.propTypes={rowName:c().string.isRequired};var P=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement(d.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")}),r().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};P.displayName="ErrorCell",P.propTypes={hasError:c().bool,index:c().number.isRequired};var F=function(e){var t=e.hasWrap,l=e.cellText,i=e.cellLink,a=(0,n.useContext)(v).isActionableMode;return r().createElement("div",{className:o()(t?"slds-line-clamp":"slds-truncate"),title:l},i?r().createElement("a",{href:"#",tabIndex:a?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};F.displayName="ReadOnlyCell",F.propTypes={cellLink:c().bool,cellText:c().string.isRequired,hasWrap:c().bool};var q=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?r().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):r().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),r().createElement(d.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&&r().createElement(z,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&r().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};q.displayName="EditableCell",q.propTypes={buttonText:c().string.isRequired,cellLink:c().bool,cellText:c().string.isRequired,hasError:(0,i.VY)("showEdit",c().bool),index:c().number,isLocked:c().bool,isRequired:(0,i.VY)("showEdit",c().bool),showEdit:c().bool};var z=function(e){return r().createElement(u.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},r().createElement("div",{className:o()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},r().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?r().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,r().createElement("span",{className:"slds-assistive-text"},"Company")),r().createElement("div",{className:"slds-form-element__control slds-grow"},r().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?r().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};function M(e){return M="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},M(e)}function B(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function H(e,t,l){return(t=function(e){var t=function(e){if("object"!=M(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=M(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}z.displayName="EditPopover",z.propTypes={hasError:c().bool,isRequired:c().bool};var W=function(e){return r().createElement("div",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?B(Object(l),!0).forEach(function(t){H(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):B(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({className:"demo-only"},e),e.children)};W.propTypes={children:c().node};var V=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(L,{isSelected:e.isSelected},r().createElement(A,{hasFocus:"error"===e.focusedCell,isEditable:!0,isErrorCell:!0,type:"advanced"},r().createElement(P,{hasError:e.showRowError,index:e.index})),r().createElement(A,{hasFocus:"selectRow"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"selectRow"!==e.focusableCell?null:"0",type:"advanced"},r().createElement(D,{checked:e.isSelected,index:e.index,inputTabIndex:t?"0":"-1"})),r().createElement(I,{hasFocus:"recordName"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"recordName"!==e.focusableCell?null:"0"},r().createElement(q,{buttonText:"Edit Name of "+e.recordName,cellLink:!0,cellText:e.recordName,index:e.index})),r().createElement(A,{hasError:e.showCellError,hasFocus:"accountName"===e.focusedCell,isEditable:!0,isEdited:e.showEditedCell,isEditing:e.showEdit,isLocked:e.isLocked,tabIndex:t\|\|"accountName"!==e.focusableCell?null:"0",type:"advanced"},r().createElement(q,{buttonText:"Edit Account Name of "+e.recordName,cellText:e.accountName,hasError:e.showEditError,index:e.index,isLocked:e.isLocked,isRequired:e.showEditRequired,showEdit:e.showEdit,isEdited:e.showEditedCell})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Close Date of "+e.recordName,cellText:e.closeDate,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Stage of "+e.recordName,cellText:e.stage,index:e.index})),r().createElement(A,{isEditable:!0,isLocked:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Confidence of "+e.recordName,cellText:e.confidence,index:e.index,isLocked:!0})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Amount of "+e.recordName,cellText:e.amount,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Contact of "+e.recordName,cellText:e.contact,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(j,{isEditable:!0,rowName:e.recordName})))};V.displayName="InlineEditTr",V.propTypes={accountName:c().string.isRequired,amount:c().string.isRequired,closeDate:c().string.isRequired,confidence:c().string.isRequired,contact:c().string.isRequired,focusableCell:c().string,focusedCell:c().string,index:c().number.isRequired,isLocked:c().bool,recordName:c().string.isRequired,isSelected:c().bool,showCellError:(0,i.VY)("showRowError",c().bool),showEdit:c().bool,showEditError:c().bool,showEditRequired:c().bool,showEditedCell:c().bool,showRowError:c().bool,stage:c().string.isRequired};var Y=l(3062),$=l(9249);function J(e){return J="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},J(e)}function U(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function G(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?U(Object(l),!0).forEach(function(t){K(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):U(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function K(e,t,l){return(t=function(e){var t=function(e){if("object"!=J(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=J(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==J(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var Q=i.Ay.uniqueId("dialog-heading-id-"),X=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],Z=[{recordName:"Acme - 1,200 Widgets",accountName:"Acme",closeDate:"4/10/15",stage:"Value Proposition",confidence:"30%",amount:"$25,000,000",contact:"jrogers@acme.com"},{recordName:"Acme - 200 Widgets",accountName:"Acme",closeDate:"1/31/15",stage:"Prospecting",confidence:"60%",amount:"$5,000,000",contact:"bob@acme.com"},{recordName:"salesforce.com - 1,000 Widgets",accountName:"salesforce.com",closeDate:"1/31/15 3:45PM",stage:"Id. Decision Makers",confidence:"70%",amount:"$25,000",contact:"nathan@salesforce.com"}],ee=function(){return r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"recordName":null,index:t+1,isSelected:!1,key:t},e))})))))},te=[{id:"default",label:"Default",element:r().createElement(x,null,r().createElement(g,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example default inline edit table with cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusableCell:"recordName",index:t+1,isSelected:!1,key:t},e))}))))}],le=[{id:"with-link",label:"Cell focused - Link (Actionable mode)",element:r().createElement(ee,null),script:"\n document.getElementById('link-01').focus()\n "},{id:"checkbox",label:"Cell focused - Checkbox (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with checkbox cell focused"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"selectRow":null,index:t+1,isSelected:!1,key:t},e))}))))),script:"\n document.getElementById('checkbox-01').focus()\n "},{id:"focused",label:"Cell focused (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusableCell:0===t?"accountName":null,focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t},e))}))))},{id:"edit",label:"Cell edit (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edit"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"required",label:"Cell edit — Required (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with required cell edit"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditRequired:!0},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"error",label:"Cell edit — Error (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditError:!0,showEditRequired:!0},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"edited",label:"Cell edited (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEditedCell:0===t},e))})))))},{id:"row-selected-with-edited-cell",label:"Row Selected with an Edited Cell",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited in selected row"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showEditedCell:0===t},e))})))))},{id:"row-error",label:"Error - Row level on save (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))}))))),script:"\n document.getElementById('button-01').focus()\n "},{id:"row-error-and-selected",label:"Error - Row level on save (Actionable mode) with entire row selected",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save in selected row"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showCellError:0===t,showRowError:0===t},e))})))))},{id:"row-error-focused",label:"Error indicator - Focused (Actionable mode)",element:r().createElement(W,{style:{marginTop:"100px",marginLeft:"10px"}},r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with error indicator focused"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"error":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))})))),r().createElement(Y.AM,{className:"slds-popover_error slds-nubbin_bottom-left",closeButton:!0,header:r().createElement($.FeedbackHeader,{headingId:Q,symbol:"error",title:"Resolve error"}),headingId:Q,inverse:!0,style:{position:"absolute",top:"-56px"}},r().createElement("p",null,"Company encountered an error")))),script:"\n document.getElementById('error-01').focus()\n "},{id:"header-cell-focused",label:"Header cell focused (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,{accountName:Z[t].accountName,amount:Z[t].amount,closeDate:Z[t].closeDate,confidence:Z[t].confidence,contact:Z[t].contact,index:t+1,isSelected:!1,key:t,recordName:Z[t].recordName,stage:Z[t].stage})}))))},{id:"header-cell-marked",label:"Header cell marked (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell marked"},r().createElement(k,{columns:X,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,{accountName:Z[t].accountName,amount:Z[t].amount,closeDate:Z[t].closeDate,confidence:Z[t].confidence,contact:Z[t].contact,index:t+1,isSelected:!1,key:t,recordName:Z[t].recordName,stage:Z[t].stage})}))))}]},1594:function(e){e.exports=React}},l={};function n(e){var r=l[e];if(void 0!==r)return r.exports;var i=l[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,r,i){if(!l){var a=1/0;for(d=0;d<e.length;d++){l=e[d][0],r=e[d][1],i=e[d][2];for(var o=!0,s=0;s<l.length;s++)1&i&&!(a>=i)\|\|!Object.keys(n.O).every(function(e){return n.O[e](l[s])})?(o=!1,i<a&&(a=i)):l.splice(s--,1);if(o){e.splice(d--,1);var c=r();void 0!==c&&(t=c)}}return t}i=i\|\|0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[l,r,i]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.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}},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=5125,function(){var e={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,5125:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var r,i,a=l[0],o=l[1],s=l[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(r in o)n.o(o,r)&&(n.m[r]=o[r]);if(s)var d=s(n)}for(t&&t(l);c<a.length;c++)i=a[c],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.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))}(),n.nc=void 0;var r=n.O(void 0,[6790],function(){return n(2593)});r=n.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/inline-edit/example.jsx.js"]=r}();
1	+ var SLDS;!function(){"use strict";var e,t={2593:function(e,t,l){l.r(t),l.d(t,{InlineEditTableFocusedCell:function(){return ee},default:function(){return te},states:function(){return le}});var n=l(1594),r=l.n(n),i=l(6482),a=l(1369),o=l.n(a),s=l(4187),c=l.n(s),d=l(6955),u=l(5006),m=l(3589),b=l(885),p=l(538);function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function h(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function f(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?h(Object(l),!0).forEach(function(t){y(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):h(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function y(e,t,l){return(t=function(e){var t=function(e){if("object"!=E(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=E(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==E(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var v=r().createContext({isActionableMode:!1});c().string;var x=function(e){return r().createElement("div",{className:"slds-table_edit_container slds-is-relative"},e.children)};x.propTypes={children:c().node};var g=function(e){var t=o()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return r().createElement("table",f(f({"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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};g.displayName="Table",g.propTypes={ariaLabel:c().string,ariaLabelledBy:c().string,children:c().node,hasCellBuffer:c().bool,hasHiddenHeader:c().bool,hasNoCellFocus:c().bool,hasNoRowHover:c().bool,isBordered:c().bool,isColBordered:c().bool,isEditable:c().bool,isFixedLayout:c().bool,isResizable:c().bool,isResponsive:c().bool,isResponsiveStacked:c().bool,isStriped:c().bool,selectionType:c().oneOf(["multiple","single"]),style:c().object,type:c().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:c().bool};var w=function(e){return r().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};w.displayName="THead",w.propTypes={children:c().node,isHidden:c().bool};var N=function(e){return r().createElement("tr",{className:"slds-line-height_reset"},e.children)};N.displayName="THeadTr",N.propTypes={children:c().node};var C=function(e){var t,l=(0,n.useContext)(v).isActionableMode,i=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 r().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection\|\|"none"),t),className:i,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};C.displayName="ColumnTh",C.propTypes={"aria-label":c().string,children:c().node,hasFocus:c().bool,hasMenu:c().bool,isResizable:c().bool,isRightAligned:c().bool,isSortable:c().bool,sortDirection:c().oneOf(["ascending","descending","none"]),style:c().object,hasWrap:c().bool,isDataTable:c().bool};var T=function(e){return r().createElement("div",{className:o()("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:c().string.isRequired,id:c().string,isAssistiveText:c().bool,isFixedCell:c().bool},T.defaultProps={columnName:"Column Name",isDataTable:c().bool};var S=function(e){var t=i.Ay.uniqueId("cell-resize-handle-");return r().createElement("div",{className:"slds-resizable"},r().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),r().createElement("span",{className:"slds-resizable__handle"},r().createElement("span",{className:"slds-resizable__divider"})))};S.displayName="ResizeControl",S.propTypes={label:c().string.isRequired,tabIndex:c().oneOf(["0","-1"])};var _=function(e){var t=(0,n.useContext)(v).isActionableMode,l=t?"0":"-1",i=function(){return r().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter(function(t){return t.column===e.columnName.toLowerCase()});if(t.length)return t[0].icon}():null,r().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&r().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return r().createElement(r().Fragment,null,e.isSortable?r().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},r().createElement("span",{className:"slds-assistive-text"},"Sort by: "),i()):r().createElement("div",{className:"slds-th__action"},i()),e.sortDirection&&r().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&r().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:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&r().createElement(S,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};_.displayName="InteractiveColumnHeader",_.propTypes={columnName:c().string.isRequired,columnHeaderIcons:c().array,hasMenu:c().bool,isResizable:c().bool,isSortable:c().bool,sortDirection:c().oneOf(["ascending","descending"])},_.defaultProps={isResizable:!0,isSortable:!0};var R=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement("div",{className:"slds-th__action slds-th__action_form"},r().createElement(m.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked\|\|null,groupId:"column-group-header",isDataTable:!0})))};R.displayName="SelectAllColumnHeader",R.propTypes={checked:c().bool};var k=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return r().createElement(w,{isHidden:e.isHidden},r().createElement(N,null,e.hasErrorColumn?r().createElement(C,{style:{width:"3.75rem"}},r().createElement(T,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&r().createElement(C,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?r().createElement(T,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):r().createElement(R,{checked:e.selectAll})),e.columns.map(function(t,n){return r().createElement(C,{key:n,"aria-label":t,hasFocus:0===n?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null,style:{width:0===n&&e.singleColumnWidth?e.singleColumnWidth:l}},r().createElement(_,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===n?e.sortDirection:null}))}),e.hasRowLevelActions&&r().createElement(C,{style:{width:"3.25rem"}},r().createElement(T,{columnName:"Actions",isAssistiveText:!0}))))};k.displayName="AdvancedDataTableHead",k.propTypes={columnHeaderIcons:c().array,columns:c().array.isRequired,hasErrorColumn:c().bool,hasFocus:c().bool,hasMenus:c().bool,hasNoRowSelection:c().bool,hasRowLevelActions:c().bool,hasSingleRowSelect:c().bool,isHidden:c().bool,isResizable:c().bool,isSortable:c().bool,mainColumnWidth:c().string,selectAll:c().bool,singleColumnWidth:c().string,sortDirection:c().oneOf(["ascending","descending","none"])},k.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var O=function(e){return r().createElement("tbody",null,e.children)};O.displayName="TBody",O.propTypes={children:c().node};var L=function(e){return r().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)};L.displayName="TBodyTr",L.propTypes={children:c().node,isExpanded:c().bool,isSelected:c().bool,isTopAligned:c().bool,level:c().string,positionWithinLevel:c().string,numberOfItemsAtLevel:c().string,tabIndex:c().oneOf(["0","-1"])};var A=function(e){var t=(0,n.useContext)(v).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 r().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)};A.displayName="Td",A.propTypes={children:c().node,"data-label":c().string,hasError:c().bool,hasFocus:c().bool,isEditable:c().bool,isEdited:c().bool,isEditing:c().bool,isErrorCell:c().bool,isLocked:c().bool,isRightAligned:c().bool,isShrunken:c().bool,style:c().object,tabIndex:c().oneOf(["0","-1"]),type:c().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:c().bool};var I=function(e){var t=(0,n.useContext)(v).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 r().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};I.displayName="RowTh",I.propTypes={children:c().node,"data-label":c().string,hasFocus:c().bool,isEditable:c().bool,tabIndex:c().oneOf(["0","-1"]),type:c().oneOf(["base","advanced","treegrid"]),isItemHovered:c().bool,hasWrap:c().bool};var D=function(e){return r().createElement(r().Fragment,null,e.hasSingleRowSelect?r().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}):r().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}))};D.displayName="SelectRowCell",D.propTypes={checked:c().bool,hasSingleRowSelect:c().bool,index:c().number.isRequired,inputTabIndex:c().oneOf(["0","-1"])};var j=function(e){var t=e.rowName,l=(0,n.useContext)(v).isActionableMode;return r().createElement(d.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)})};j.displayName="RowActionsCell",j.propTypes={rowName:c().string.isRequired};var P=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement(d.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")}),r().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};P.displayName="ErrorCell",P.propTypes={hasError:c().bool,index:c().number.isRequired};var F=function(e){var t=e.hasWrap,l=e.cellText,i=e.cellLink,a=(0,n.useContext)(v).isActionableMode;return r().createElement("div",{className:o()(t?"slds-line-clamp":"slds-truncate"),title:l},i?r().createElement("a",{href:"#",tabIndex:a?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};F.displayName="ReadOnlyCell",F.propTypes={cellLink:c().bool,cellText:c().string.isRequired,hasWrap:c().bool};var q=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(r().Fragment,null,r().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?r().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):r().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),r().createElement(d.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&&r().createElement(z,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&r().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};q.displayName="EditableCell",q.propTypes={buttonText:c().string.isRequired,cellLink:c().bool,cellText:c().string.isRequired,hasError:(0,i.VY)("showEdit",c().bool),index:c().number,isLocked:c().bool,isRequired:(0,i.VY)("showEdit",c().bool),showEdit:c().bool};var z=function(e){return r().createElement(u.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},r().createElement("div",{className:o()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},r().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?r().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,r().createElement("span",{className:"slds-assistive-text"},"Company")),r().createElement("div",{className:"slds-form-element__control slds-grow"},r().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?r().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};function M(e){return M="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},M(e)}function B(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function H(e,t,l){return(t=function(e){var t=function(e){if("object"!=M(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=M(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}z.displayName="EditPopover",z.propTypes={hasError:c().bool,isRequired:c().bool};var W=function(e){return r().createElement("div",function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?B(Object(l),!0).forEach(function(t){H(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):B(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({className:"demo-only"},e),e.children)};W.propTypes={children:c().node};var V=function(e){var t=(0,n.useContext)(v).isActionableMode;return r().createElement(L,{isSelected:e.isSelected},r().createElement(A,{hasFocus:"error"===e.focusedCell,isEditable:!0,isErrorCell:!0,type:"advanced"},r().createElement(P,{hasError:e.showRowError,index:e.index})),r().createElement(A,{hasFocus:"selectRow"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"selectRow"!==e.focusableCell?null:"0",type:"advanced"},r().createElement(D,{checked:e.isSelected,index:e.index,inputTabIndex:t?"0":"-1"})),r().createElement(I,{hasFocus:"recordName"===e.focusedCell,isEditable:!0,tabIndex:t\|\|"recordName"!==e.focusableCell?null:"0"},r().createElement(q,{buttonText:"Edit Name of "+e.recordName,cellLink:!0,cellText:e.recordName,index:e.index})),r().createElement(A,{hasError:e.showCellError,hasFocus:"accountName"===e.focusedCell,isEditable:!0,isEdited:e.showEditedCell,isEditing:e.showEdit,isLocked:e.isLocked,tabIndex:t\|\|"accountName"!==e.focusableCell?null:"0",type:"advanced"},r().createElement(q,{buttonText:"Edit Account Name of "+e.recordName,cellText:e.accountName,hasError:e.showEditError,index:e.index,isLocked:e.isLocked,isRequired:e.showEditRequired,showEdit:e.showEdit,isEdited:e.showEditedCell})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Close Date of "+e.recordName,cellText:e.closeDate,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Stage of "+e.recordName,cellText:e.stage,index:e.index})),r().createElement(A,{isEditable:!0,isLocked:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Confidence of "+e.recordName,cellText:e.confidence,index:e.index,isLocked:!0})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Amount of "+e.recordName,cellText:e.amount,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(q,{buttonText:"Edit Contact of "+e.recordName,cellText:e.contact,index:e.index})),r().createElement(A,{isEditable:!0,type:"advanced"},r().createElement(j,{isEditable:!0,rowName:e.recordName})))};V.displayName="InlineEditTr",V.propTypes={accountName:c().string.isRequired,amount:c().string.isRequired,closeDate:c().string.isRequired,confidence:c().string.isRequired,contact:c().string.isRequired,focusableCell:c().string,focusedCell:c().string,index:c().number.isRequired,isLocked:c().bool,recordName:c().string.isRequired,isSelected:c().bool,showCellError:(0,i.VY)("showRowError",c().bool),showEdit:c().bool,showEditError:c().bool,showEditRequired:c().bool,showEditedCell:c().bool,showRowError:c().bool,stage:c().string.isRequired};var Y=l(3062),$=l(9249);function J(e){return J="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},J(e)}function U(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,n)}return l}function G(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?U(Object(l),!0).forEach(function(t){K(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):U(Object(l)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}function K(e,t,l){return(t=function(e){var t=function(e){if("object"!=J(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=J(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==J(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var Q=i.Ay.uniqueId("dialog-heading-id-"),X=["Name","Account Name","Close Date","Stage","Confidence","Amount","Contact"],Z=[{recordName:"Acme - 1,200 Widgets",accountName:"Acme",closeDate:"4/10/15",stage:"Value Proposition",confidence:"30%",amount:"$25,000,000",contact:"jrogers@acme.com"},{recordName:"Acme - 200 Widgets",accountName:"Acme",closeDate:"1/31/15",stage:"Prospecting",confidence:"60%",amount:"$5,000,000",contact:"bob@acme.com"},{recordName:"salesforce.com - 1,000 Widgets",accountName:"salesforce.com",closeDate:"1/31/15 3:45PM",stage:"Id. Decision Makers",confidence:"70%",amount:"$25,000",contact:"nathan@salesforce.com"}],ee=function(){return r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"recordName":null,index:t+1,isSelected:!1,key:t},e))})))))},te=[{id:"default",label:"Default",element:r().createElement(x,null,r().createElement(g,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example default inline edit table with cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusableCell:"recordName",index:t+1,isSelected:!1,key:t},e))}))))}],le=[{id:"with-link",label:"Cell focused - Link (Actionable mode)",element:r().createElement(ee,null),script:"\n document.getElementById('link-01').focus()\n "},{id:"checkbox",label:"Cell focused - Checkbox (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with checkbox cell focused"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"selectRow":null,index:t+1,isSelected:!1,key:t},e))}))))),script:"\n document.getElementById('checkbox-01').focus()\n "},{id:"focused",label:"Cell focused (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusableCell:0===t?"accountName":null,focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t},e))}))))},{id:"edit",label:"Cell edit (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edit"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"required",label:"Cell edit — Required (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with required cell edit"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditRequired:!0},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"error",label:"Cell edit — Error (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEdit:0===t,showEditError:!0,showEditRequired:!0},e))}))))),script:"\n document.getElementById('company-01').focus()\n document.getElementById('company-01').select()\n "},{id:"edited",label:"Cell edited (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({index:t+1,isSelected:!1,key:t,showEditedCell:0===t},e))})))))},{id:"row-selected-with-edited-cell",label:"Row Selected with an Edited Cell",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell edited in selected row"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showEditedCell:0===t},e))})))))},{id:"row-error",label:"Error - Row level on save (Actionable mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"accountName":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))}))))),script:"\n document.getElementById('button-01').focus()\n "},{id:"row-error-and-selected",label:"Error - Row level on save (Actionable mode) with entire row selected",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with cell error on save in selected row"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({className:0===t?"slds-is-selected":null,index:t+1,isSelected:0===t,key:t,showCellError:0===t,showRowError:0===t},e))})))))},{id:"row-error-focused",label:"Error indicator - Focused (Actionable mode)",element:r().createElement(W,{style:{marginTop:"100px",marginLeft:"10px"}},r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in actionable mode with error indicator focused"},r().createElement(v.Provider,{value:{isActionableMode:!0}},r().createElement(k,{columns:X,hasErrorColumn:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,G({focusedCell:0===t?"error":null,index:t+1,isSelected:!1,key:t,showCellError:0===t,showRowError:0===t},e))})))),r().createElement(Y.AM,{className:"slds-popover_error slds-nubbin_bottom-left",closeButton:!0,header:r().createElement($.FeedbackHeader,{headingId:Q,symbol:"error",title:"Resolve error"}),headingId:Q,inverse:!0,style:{position:"absolute",top:"-56px"}},r().createElement("p",null,"Company encountered an error")))),script:"\n document.getElementById('error-01').focus()\n "},{id:"header-cell-focused",label:"Header cell focused (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell focused"},r().createElement(k,{columns:X,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,{accountName:Z[t].accountName,amount:Z[t].amount,closeDate:Z[t].closeDate,confidence:Z[t].confidence,contact:Z[t].contact,index:t+1,isSelected:!1,key:t,recordName:Z[t].recordName,stage:Z[t].stage})}))))},{id:"header-cell-marked",label:"Header cell marked (Navigation mode)",element:r().createElement(x,null,r().createElement(g,{hasNoCellFocus:!0,isBordered:!0,isEditable:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",style:{width:"66.75rem"},type:"advanced",ariaLabel:"Example inline edit table in navigation mode with header cell marked"},r().createElement(k,{columns:X,hasErrorColumn:!0,hasFocus:!0,mainColumnWidth:"8.75rem"}),r().createElement(O,null,Z.map(function(e,t){return r().createElement(V,{accountName:Z[t].accountName,amount:Z[t].amount,closeDate:Z[t].closeDate,confidence:Z[t].confidence,contact:Z[t].contact,index:t+1,isSelected:!1,key:t,recordName:Z[t].recordName,stage:Z[t].stage})}))))}]},1594:function(e){e.exports=React}},l={};function n(e){var r=l[e];if(void 0!==r)return r.exports;var i=l[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,n.amdO={},e=[],n.O=function(t,l,r){if(!l){for(var i=0;i<e.length;i++){l=e[i][0],r=e[i][1];for(var a=!0,o=0;o<l.length;o++)n.O.j(l[o])?l.splice(o--,1):a=!1;if(a){e.splice(i--,1);var s=r();void 0!==s&&(t=s)}}return t}e.push([l,r])},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.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}},n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=5125,function(){var e={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,5125:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,l){var r,i,a=l[0],o=l[1],s=l[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(r in o)n.o(o,r)&&(n.m[r]=o[r]);if(s)var d=s(n)}for(t&&t(l);c<a.length;c++)i=a[c],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.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))}(),n.nc=void 0;var r=n.O(void 0,[6790],function(){return n(2593)});r=n.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/inline-edit/example.jsx.js"]=r}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={2781:function(e,t,l){l.r(t),l.d(t,{default:function(){return V},states:function(){return J}});var a=l(1594),s=l.n(a),n=l(4187),r=l.n(n),o=l(6955),i=l(3589),c=l(1369),d=l.n(c),u=l(6482),m=l(5006),b=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 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){y(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 y(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 v=s().createContext({isActionableMode:!1});r().string,r().node;var x=function(e){var t=d()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return s().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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};x.displayName="Table",x.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasCellBuffer:r().bool,hasHiddenHeader:r().bool,hasNoCellFocus:r().bool,hasNoRowHover:r().bool,isBordered:r().bool,isColBordered:r().bool,isEditable:r().bool,isFixedLayout:r().bool,isResizable:r().bool,isResponsive:r().bool,isResponsiveStacked:r().bool,isStriped:r().bool,selectionType:r().oneOf(["multiple","single"]),style:r().object,type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:r().bool};var g=function(e){return s().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};g.displayName="THead",g.propTypes={children:r().node,isHidden:r().bool};var _=function(e){return s().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:r().node};var N=function(e){var t,l=(0,a.useContext)(v).isActionableMode,n=d()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":l});return s().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":r().string,children:r().node,hasFocus:r().bool,hasMenu:r().bool,isResizable:r().bool,isRightAligned:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending","none"]),style:r().object,hasWrap:r().bool,isDataTable:r().bool};var T=function(e){return s().createElement("div",{className:d()("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:r().string.isRequired,id:r().string,isAssistiveText:r().bool,isFixedCell:r().bool},T.defaultProps={columnName:"Column Name",isDataTable:r().bool};var S=function(e){var t=u.Ay.uniqueId("cell-resize-handle-");return s().createElement("div",{className:"slds-resizable"},s().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),s().createElement("span",{className:"slds-resizable__handle"},s().createElement("span",{className:"slds-resizable__divider"})))};S.displayName="ResizeControl",S.propTypes={label:r().string.isRequired,tabIndex:r().oneOf(["0","-1"])};var w=function(e){var t=(0,a.useContext)(v).isActionableMode,l=t?"0":"-1",n=function(){return s().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,s().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&s().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return s().createElement(s().Fragment,null,e.isSortable?s().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},s().createElement("span",{className:"slds-assistive-text"},"Sort by: "),n()):s().createElement("div",{className:"slds-th__action"},n()),e.sortDirection&&s().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&s().createElement(o.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&&s().createElement(S,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};w.displayName="InteractiveColumnHeader",w.propTypes={columnName:r().string.isRequired,columnHeaderIcons:r().array,hasMenu:r().bool,isResizable:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending"])},w.defaultProps={isResizable:!0,isSortable:!0};var k=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-th__action slds-th__action_form"},s().createElement(i.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})))};k.displayName="SelectAllColumnHeader",k.propTypes={checked:r().bool};var C=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return s().createElement(g,{isHidden:e.isHidden},s().createElement(_,null,e.hasErrorColumn?s().createElement(N,{style:{width:"3.75rem"}},s().createElement(T,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&s().createElement(N,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?s().createElement(T,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):s().createElement(k,{checked:e.selectAll})),e.columns.map(function(t,a){return s().createElement(N,{key:a,"aria-label":t,hasFocus:0===a?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null,style:{width:0===a&&e.singleColumnWidth?e.singleColumnWidth:l}},s().createElement(w,{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&&s().createElement(N,{style:{width:"3.25rem"}},s().createElement(T,{columnName:"Actions",isAssistiveText:!0}))))};C.displayName="AdvancedDataTableHead",C.propTypes={columnHeaderIcons:r().array,columns:r().array.isRequired,hasErrorColumn:r().bool,hasFocus:r().bool,hasMenus:r().bool,hasNoRowSelection:r().bool,hasRowLevelActions:r().bool,hasSingleRowSelect:r().bool,isHidden:r().bool,isResizable:r().bool,isSortable:r().bool,mainColumnWidth:r().string,selectAll:r().bool,singleColumnWidth:r().string,sortDirection:r().oneOf(["ascending","descending","none"])},C.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var R=function(e){return s().createElement("tbody",null,e.children)};R.displayName="TBody",R.propTypes={children:r().node};var A=function(e){return s().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:d()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};A.displayName="TBodyTr",A.propTypes={children:r().node,isExpanded:r().bool,isSelected:r().bool,isTopAligned:r().bool,level:r().string,positionWithinLevel:r().string,numberOfItemsAtLevel:r().string,tabIndex:r().oneOf(["0","-1"])};var I=function(e){var t=(0,a.useContext)(v).isActionableMode,l=d()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return s().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:r().node,"data-label":r().string,hasError:r().bool,hasFocus:r().bool,isEditable:r().bool,isEdited:r().bool,isEditing:r().bool,isErrorCell:r().bool,isLocked:r().bool,isRightAligned:r().bool,isShrunken:r().bool,style:r().object,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:r().bool};var O=function(e){var t=(0,a.useContext)(v).isActionableMode,l=d()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return s().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};O.displayName="RowTh",O.propTypes={children:r().node,"data-label":r().string,hasFocus:r().bool,isEditable:r().bool,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["base","advanced","treegrid"]),isItemHovered:r().bool,hasWrap:r().bool};var D=function(e){return s().createElement(s().Fragment,null,e.hasSingleRowSelect?s().createElement(b.Radio,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"radio-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"radio-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}):s().createElement(i.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}))};D.displayName="SelectRowCell",D.propTypes={checked:r().bool,hasSingleRowSelect:r().bool,index:r().number.isRequired,inputTabIndex:r().oneOf(["0","-1"])};var L=function(e){var t=e.rowName,l=(0,a.useContext)(v).isActionableMode;return s().createElement(o.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)})};L.displayName="RowActionsCell",L.propTypes={rowName:r().string.isRequired};var H=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement(o.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:d()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),s().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};H.displayName="ErrorCell",H.propTypes={hasError:r().bool,index:r().number.isRequired};var j=function(e){var t=e.hasWrap,l=e.cellText,n=e.cellLink,r=(0,a.useContext)(v).isActionableMode;return s().createElement("div",{className:d()(t?"slds-line-clamp":"slds-truncate"),title:l},n?s().createElement("a",{href:"#",tabIndex:r?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};j.displayName="ReadOnlyCell",j.propTypes={cellLink:r().bool,cellText:r().string.isRequired,hasWrap:r().bool};var z=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?s().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):s().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),s().createElement(o.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:d()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&s().createElement(M,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&s().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};z.displayName="EditableCell",z.propTypes={buttonText:r().string.isRequired,cellLink:r().bool,cellText:r().string.isRequired,hasError:(0,u.VY)("showEdit",r().bool),index:r().number,isLocked:r().bool,isRequired:(0,u.VY)("showEdit",r().bool),showEdit:r().bool};var M=function(e){return s().createElement(m.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},s().createElement("div",{className:d()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},s().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?s().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,s().createElement("span",{className:"slds-assistive-text"},"Company")),s().createElement("div",{className:"slds-form-element__control slds-grow"},s().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?s().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};M.displayName="EditPopover",M.propTypes={hasError:r().bool,isRequired:r().bool};var F="check-group-header",q=function(e){return s().createElement(_,null,s().createElement(N,{isDataTable:!0},s().createElement(i.Checkbox,{checked:e.checked,groupId:F,hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all",isDataTable:!0})),s().createElement(N,null,s().createElement(T,{columnName:"Opportunity Name"})),s().createElement(N,null,s().createElement(T,{columnName:"Account Name"})),s().createElement(N,null,s().createElement(T,{columnName:"Close Date"})),s().createElement(N,null,s().createElement(T,{columnName:"Stage"})),s().createElement(N,null,s().createElement(T,{columnName:"Confidence"})),s().createElement(N,null,s().createElement(T,{columnName:"Amount"})),s().createElement(N,null,s().createElement(T,{columnName:"Contact"})),s().createElement(N,{columnName:"Actions",isAssistiveText:!0}))};q.propTypes={checked:r().bool};var P=function(e){return s().createElement(A,null,s().createElement(I,{"data-label":"Select Row",type:"base"},s().createElement(i.Checkbox,{checked:e.checked,groupId:F,hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),isDataTable:!0})),s().createElement(O,{"data-label":"Opportunity Name",type:"base"},s().createElement(j,{cellText:e.title})),s().createElement(I,{"data-label":"Account Name",type:"base"},s().createElement(j,{cellText:"Cloudhub"})),s().createElement(I,{"data-label":"Close Date",type:"base"},s().createElement(j,{cellText:"4/14/2015"})),s().createElement(I,{"data-label":"Prospecting",type:"base"},s().createElement(j,{cellText:"Prospecting"})),s().createElement(I,{"data-label":"Confidence",type:"base"},s().createElement(j,{cellText:"20%"})),s().createElement(I,{"data-label":"Amount",type:"base"},s().createElement(j,{cellText:"$25k"})),s().createElement(I,{"data-label":"Contact",type:"base"},s().createElement(v.Provider,{value:{isActionableMode:!0}},s().createElement(j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),s().createElement(I,{"data-label":"Actions",isShrunken:!0,type:"base"},s().createElement(o.A,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};P.propTypes={checked:r().bool,index:r().string,title:r().string};var W=function(e){return s().createElement(x,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},s().createElement(g,null,s().createElement(q,null)),s().createElement(R,null,s().createElement(P,{index:"1",title:"Cloudhub"}),s().createElement(P,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},B=function(e){return s().createElement(x,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},s().createElement(g,null,s().createElement(q,null)),s().createElement(R,null,s().createElement(P,{index:"1",title:"Cloudhub"}),s().createElement(P,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},V=s().createElement(B,null),J=[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:s().createElement(B,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:s().createElement(W,null)}]},1594:function(e){e.exports=React}},l={};function a(e){var s=l[e];if(void 0!==s)return s.exports;var n=l[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,s,n){if(!l){var r=1/0;for(d=0;d<e.length;d++){l=e[d][0],s=e[d][1],n=e[d][2];for(var o=!0,i=0;i<l.length;i++)1&n&&!(r>=n)\|\|!Object.keys(a.O).every(function(e){return a.O[e](l[i])})?(o=!1,n<r&&(r=n)):l.splice(i--,1);if(o){e.splice(d--,1);var c=s();void 0!==c&&(t=c)}}return t}n=n\|\|0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[l,s,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=3939,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3939: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 s,n,r=l[0],o=l[1],i=l[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(s in o)a.o(o,s)&&(a.m[s]=o[s]);if(i)var d=i(a)}for(t&&t(l);c<r.length;c++)n=r[c],a.o(e,n)&&e[n]&&e[n][0](),e[n]=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 s=a.O(void 0,[6790],function(){return a(2781)});s=a.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=s}();
1	+ var SLDS;!function(){"use strict";var e,t={2781:function(e,t,l){l.r(t),l.d(t,{default:function(){return V},states:function(){return J}});var a=l(1594),s=l.n(a),n=l(4187),r=l.n(n),o=l(6955),i=l(3589),c=l(1369),d=l.n(c),u=l(6482),m=l(5006),b=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 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){y(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 y(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 v=s().createContext({isActionableMode:!1});r().string,r().node;var x=function(e){var t=d()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return s().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&&y({},"aria-labelledby",e.ariaLabelledBy)),e.ariaLabel&&y({},"aria-label",e.ariaLabel)),e.children)};x.displayName="Table",x.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasCellBuffer:r().bool,hasHiddenHeader:r().bool,hasNoCellFocus:r().bool,hasNoRowHover:r().bool,isBordered:r().bool,isColBordered:r().bool,isEditable:r().bool,isFixedLayout:r().bool,isResizable:r().bool,isResponsive:r().bool,isResponsiveStacked:r().bool,isStriped:r().bool,selectionType:r().oneOf(["multiple","single"]),style:r().object,type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:r().bool};var g=function(e){return s().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};g.displayName="THead",g.propTypes={children:r().node,isHidden:r().bool};var _=function(e){return s().createElement("tr",{className:"slds-line-height_reset"},e.children)};_.displayName="THeadTr",_.propTypes={children:r().node};var N=function(e){var t,l=(0,a.useContext)(v).isActionableMode,n=d()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":l});return s().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":r().string,children:r().node,hasFocus:r().bool,hasMenu:r().bool,isResizable:r().bool,isRightAligned:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending","none"]),style:r().object,hasWrap:r().bool,isDataTable:r().bool};var T=function(e){return s().createElement("div",{className:d()("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:r().string.isRequired,id:r().string,isAssistiveText:r().bool,isFixedCell:r().bool},T.defaultProps={columnName:"Column Name",isDataTable:r().bool};var S=function(e){var t=u.Ay.uniqueId("cell-resize-handle-");return s().createElement("div",{className:"slds-resizable"},s().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),s().createElement("span",{className:"slds-resizable__handle"},s().createElement("span",{className:"slds-resizable__divider"})))};S.displayName="ResizeControl",S.propTypes={label:r().string.isRequired,tabIndex:r().oneOf(["0","-1"])};var w=function(e){var t=(0,a.useContext)(v).isActionableMode,l=t?"0":"-1",n=function(){return s().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,s().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&s().createElement(p.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return s().createElement(s().Fragment,null,e.isSortable?s().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},s().createElement("span",{className:"slds-assistive-text"},"Sort by: "),n()):s().createElement("div",{className:"slds-th__action"},n()),e.sortDirection&&s().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&s().createElement(o.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&&s().createElement(S,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};w.displayName="InteractiveColumnHeader",w.propTypes={columnName:r().string.isRequired,columnHeaderIcons:r().array,hasMenu:r().bool,isResizable:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending"])},w.defaultProps={isResizable:!0,isSortable:!0};var k=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("div",{className:"slds-th__action slds-th__action_form"},s().createElement(i.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})))};k.displayName="SelectAllColumnHeader",k.propTypes={checked:r().bool};var C=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return s().createElement(g,{isHidden:e.isHidden},s().createElement(_,null,e.hasErrorColumn?s().createElement(N,{style:{width:"3.75rem"}},s().createElement(T,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&s().createElement(N,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?s().createElement(T,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):s().createElement(k,{checked:e.selectAll})),e.columns.map(function(t,a){return s().createElement(N,{key:a,"aria-label":t,hasFocus:0===a?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null,style:{width:0===a&&e.singleColumnWidth?e.singleColumnWidth:l}},s().createElement(w,{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&&s().createElement(N,{style:{width:"3.25rem"}},s().createElement(T,{columnName:"Actions",isAssistiveText:!0}))))};C.displayName="AdvancedDataTableHead",C.propTypes={columnHeaderIcons:r().array,columns:r().array.isRequired,hasErrorColumn:r().bool,hasFocus:r().bool,hasMenus:r().bool,hasNoRowSelection:r().bool,hasRowLevelActions:r().bool,hasSingleRowSelect:r().bool,isHidden:r().bool,isResizable:r().bool,isSortable:r().bool,mainColumnWidth:r().string,selectAll:r().bool,singleColumnWidth:r().string,sortDirection:r().oneOf(["ascending","descending","none"])},C.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var R=function(e){return s().createElement("tbody",null,e.children)};R.displayName="TBody",R.propTypes={children:r().node};var A=function(e){return s().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:d()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};A.displayName="TBodyTr",A.propTypes={children:r().node,isExpanded:r().bool,isSelected:r().bool,isTopAligned:r().bool,level:r().string,positionWithinLevel:r().string,numberOfItemsAtLevel:r().string,tabIndex:r().oneOf(["0","-1"])};var I=function(e){var t=(0,a.useContext)(v).isActionableMode,l=d()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return s().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:r().node,"data-label":r().string,hasError:r().bool,hasFocus:r().bool,isEditable:r().bool,isEdited:r().bool,isEditing:r().bool,isErrorCell:r().bool,isLocked:r().bool,isRightAligned:r().bool,isShrunken:r().bool,style:r().object,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:r().bool};var O=function(e){var t=(0,a.useContext)(v).isActionableMode,l=d()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return s().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};O.displayName="RowTh",O.propTypes={children:r().node,"data-label":r().string,hasFocus:r().bool,isEditable:r().bool,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["base","advanced","treegrid"]),isItemHovered:r().bool,hasWrap:r().bool};var D=function(e){return s().createElement(s().Fragment,null,e.hasSingleRowSelect?s().createElement(b.Radio,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"radio-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"radio-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}):s().createElement(i.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}))};D.displayName="SelectRowCell",D.propTypes={checked:r().bool,hasSingleRowSelect:r().bool,index:r().number.isRequired,inputTabIndex:r().oneOf(["0","-1"])};var L=function(e){var t=e.rowName,l=(0,a.useContext)(v).isActionableMode;return s().createElement(o.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)})};L.displayName="RowActionsCell",L.propTypes={rowName:r().string.isRequired};var H=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement(o.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:d()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),s().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};H.displayName="ErrorCell",H.propTypes={hasError:r().bool,index:r().number.isRequired};var j=function(e){var t=e.hasWrap,l=e.cellText,n=e.cellLink,r=(0,a.useContext)(v).isActionableMode;return s().createElement("div",{className:d()(t?"slds-line-clamp":"slds-truncate"),title:l},n?s().createElement("a",{href:"#",tabIndex:r?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};j.displayName="ReadOnlyCell",j.propTypes={cellLink:r().bool,cellText:r().string.isRequired,hasWrap:r().bool};var z=function(e){var t=(0,a.useContext)(v).isActionableMode;return s().createElement(s().Fragment,null,s().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?s().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):s().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),s().createElement(o.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:d()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&s().createElement(M,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&s().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};z.displayName="EditableCell",z.propTypes={buttonText:r().string.isRequired,cellLink:r().bool,cellText:r().string.isRequired,hasError:(0,u.VY)("showEdit",r().bool),index:r().number,isLocked:r().bool,isRequired:(0,u.VY)("showEdit",r().bool),showEdit:r().bool};var M=function(e){return s().createElement(m.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},s().createElement("div",{className:d()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},s().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?s().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,s().createElement("span",{className:"slds-assistive-text"},"Company")),s().createElement("div",{className:"slds-form-element__control slds-grow"},s().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?s().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};M.displayName="EditPopover",M.propTypes={hasError:r().bool,isRequired:r().bool};var F="check-group-header",q=function(e){return s().createElement(_,null,s().createElement(N,{isDataTable:!0},s().createElement(i.Checkbox,{checked:e.checked,groupId:F,hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all",isDataTable:!0})),s().createElement(N,null,s().createElement(T,{columnName:"Opportunity Name"})),s().createElement(N,null,s().createElement(T,{columnName:"Account Name"})),s().createElement(N,null,s().createElement(T,{columnName:"Close Date"})),s().createElement(N,null,s().createElement(T,{columnName:"Stage"})),s().createElement(N,null,s().createElement(T,{columnName:"Confidence"})),s().createElement(N,null,s().createElement(T,{columnName:"Amount"})),s().createElement(N,null,s().createElement(T,{columnName:"Contact"})),s().createElement(N,{columnName:"Actions",isAssistiveText:!0}))};q.propTypes={checked:r().bool};var P=function(e){return s().createElement(A,null,s().createElement(I,{"data-label":"Select Row",type:"base"},s().createElement(i.Checkbox,{checked:e.checked,groupId:F,hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),isDataTable:!0})),s().createElement(O,{"data-label":"Opportunity Name",type:"base"},s().createElement(j,{cellText:e.title})),s().createElement(I,{"data-label":"Account Name",type:"base"},s().createElement(j,{cellText:"Cloudhub"})),s().createElement(I,{"data-label":"Close Date",type:"base"},s().createElement(j,{cellText:"4/14/2015"})),s().createElement(I,{"data-label":"Prospecting",type:"base"},s().createElement(j,{cellText:"Prospecting"})),s().createElement(I,{"data-label":"Confidence",type:"base"},s().createElement(j,{cellText:"20%"})),s().createElement(I,{"data-label":"Amount",type:"base"},s().createElement(j,{cellText:"$25k"})),s().createElement(I,{"data-label":"Contact",type:"base"},s().createElement(v.Provider,{value:{isActionableMode:!0}},s().createElement(j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),s().createElement(I,{"data-label":"Actions",isShrunken:!0,type:"base"},s().createElement(o.A,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};P.propTypes={checked:r().bool,index:r().string,title:r().string};var W=function(e){return s().createElement(x,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},s().createElement(g,null,s().createElement(q,null)),s().createElement(R,null,s().createElement(P,{index:"1",title:"Cloudhub"}),s().createElement(P,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},B=function(e){return s().createElement(x,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},s().createElement(g,null,s().createElement(q,null)),s().createElement(R,null,s().createElement(P,{index:"1",title:"Cloudhub"}),s().createElement(P,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},V=s().createElement(B,null),J=[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:s().createElement(B,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:s().createElement(W,null)}]},1594:function(e){e.exports=React}},l={};function a(e){var s=l[e];if(void 0!==s)return s.exports;var n=l[e]={exports:{}};return t[e](n,n.exports,a),n.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,s){if(!l){for(var n=0;n<e.length;n++){l=e[n][0],s=e[n][1];for(var r=!0,o=0;o<l.length;o++)a.O.j(l[o])?l.splice(o--,1):r=!1;if(r){e.splice(n--,1);var i=s();void 0!==i&&(t=i)}}return t}e.push([l,s])},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=3939,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3939: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 s,n,r=l[0],o=l[1],i=l[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(s in o)a.o(o,s)&&(a.m[s]=o[s]);if(i)var d=i(a)}for(t&&t(l);c<r.length;c++)n=r[c],a.o(e,n)&&e[n]&&e[n][0](),e[n]=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 s=a.O(void 0,[6790],function(){return a(2781)});s=a.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=s}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={5343:function(e,t,a){a.r(t),a.d(t,{DATE_EXAMPLE:function(){return b},DATE_FORMAT_TEXT:function(){return f},DatePicker:function(){return w},DatePickerElement:function(){return S},SimpleTable:function(){return y},examples:function(){return v},states:function(){return R}});var l=a(1594),n=a.n(l),r=a(1369),i=a.n(r),d=a(6955),s=a(188),c=a(2711),o=a(5526),u="date-input-id",m="height: 25rem;",b="12/31/2024",f="Format: ".concat(b),E=function(e){return n().createElement("div",{"aria-hidden":"false","aria-label":"Date picker: June",className:i()("slds-datepicker",e.className),role:"dialog"},e.children,n().createElement("button",{className:"slds-button slds-align_absolute-center slds-text-link"},"Today"))},g=function(e){return n().createElement("div",{className:"slds-datepicker__filter slds-grid"},n().createElement("div",{className:"slds-datepicker__filter_month slds-grid slds-grid_align-spread slds-grow"},n().createElement("div",{className:"slds-align-middle"},n().createElement(d.A,{assistiveText:"Previous Month",className:"slds-button_icon-container",symbol:"left",title:"Previous Month"})),n().createElement("h2",{"aria-atomic":"false","aria-live":"polite",className:"slds-align-middle",id:"".concat(e.idPrefix,"-month")},"June"),n().createElement("div",{className:"slds-align-middle"},n().createElement(d.A,{assistiveText:"Next Month",className:"slds-button_icon-container",symbol:"right",title:"Next Month"}))),n().createElement("div",{className:"slds-shrink-none"},n().createElement("label",{className:"slds-assistive-text",htmlFor:"".concat(e.idPrefix,"_select")},"Pick a Year"),n().createElement(s.Select,{id:"".concat(e.idPrefix,"_select")},n().createElement("option",null,"2021"),n().createElement("option",null,"2022"),n().createElement("option",null,"2023"))))},p=function(e){return n().createElement("tr",{id:"".concat(e.idPrefix,"-weekdays")},n().createElement("th",{id:"".concat(e.idPrefix,"-Sunday"),scope:"col"},n().createElement("abbr",{title:"Sunday"},"Sun")),n().createElement("th",{id:"".concat(e.idPrefix,"-Monday"),scope:"col"},n().createElement("abbr",{title:"Monday"},"Mon")),n().createElement("th",{id:"".concat(e.idPrefix,"-Tuesday"),scope:"col"},n().createElement("abbr",{title:"Tuesday"},"Tue")),n().createElement("th",{id:"".concat(e.idPrefix,"-Wednesday"),scope:"col"},n().createElement("abbr",{title:"Wednesday"},"Wed")),n().createElement("th",{id:"".concat(e.idPrefix,"-Thursday"),scope:"col"},n().createElement("abbr",{title:"Thursday"},"Thu")),n().createElement("th",{id:"".concat(e.idPrefix,"-Friday"),scope:"col"},n().createElement("abbr",{title:"Friday"},"Fri")),n().createElement("th",{id:"".concat(e.idPrefix,"-Saturday"),scope:"col"},n().createElement("abbr",{title:"Saturday"},"Sat")))},h=function(e){return n().createElement("tr",e,e.children)},k=function(e){return n().createElement("td",{"aria-disabled":e["aria-disabled"],"aria-selected":e["aria-selected"],"aria-current":e["aria-current"],className:i()(e.className,{"slds-day_adjacent-month":e.isAdjacentMonth}),role:"gridcell",tabIndex:e.tabIndex,"aria-label":e["aria-label"]},n().createElement("span",{className:"slds-day"},e.children))},y=function(e){return n().createElement("table",{className:"slds-table","aria-label":"Example table for datepicker"},n().createElement("tbody",null,n().createElement("tr",null,n().createElement("th",null,"Name"),n().createElement("th",null,"Date")),n().createElement("tr",null,n().createElement("td",null,"Order"),n().createElement("td",null,e.children))))},w=function(e){return n().createElement(E,{className:"slds-dropdown slds-dropdown_left"},n().createElement(g,{idPrefix:e.idPrefix}),n().createElement("table",{"aria-multiselectable":"true",className:"slds-datepicker__month",role:"grid"},n().createElement("thead",null,n().createElement(p,{idPrefix:e.idPrefix})),n().createElement("tbody",null,n().createElement(h,null,n().createElement(k,{"aria-selected":"false",isAdjacentMonth:!0,"aria-label":"31 May 2020"},"31"),n().createElement(k,{"aria-selected":"false",tabIndex:"0","aria-label":"1 June 2020"},"1"),n().createElement(k,{"aria-selected":"false","aria-label":"2 June 2020"},"2"),n().createElement(k,{"aria-selected":"false","aria-label":"3 June 2020"},"3"),n().createElement(k,{"aria-selected":"false","aria-label":"4 June 2020"},"4"),n().createElement(k,{"aria-selected":"false","aria-label":"5 June 2020"},"5"),n().createElement(k,{"aria-selected":"false","aria-label":"6 June 2020"},"6")),n().createElement(h,null,n().createElement(k,{"aria-selected":"false","aria-label":"7 June 2020"},"7"),n().createElement(k,{"aria-selected":"false","aria-label":"8 June 2020"},"8"),n().createElement(k,{"aria-selected":"false","aria-label":"9 June 2020"},"9"),n().createElement(k,{"aria-selected":"false","aria-label":"10 June 2020"},"10"),n().createElement(k,{"aria-selected":"false","aria-label":"11 June 2020"},"11"),n().createElement(k,{"aria-selected":"false","aria-label":"12 June 2020"},"12"),n().createElement(k,{"aria-selected":"false","aria-label":"13 June 2020"},"13")),n().createElement(h,null,n().createElement(k,{"aria-selected":"false","aria-label":"14 June 2020"},"14"),n().createElement(k,{"aria-selected":"false","aria-label":"15 June 2020"},"15"),n().createElement(k,{"aria-selected":"false","aria-label":"16 June 2020"},"16"),n().createElement(k,{"aria-selected":"false","aria-label":"17 June 2020"},"17"),n().createElement(k,{"aria-selected":"false","aria-current":e.todayActive?"date":null,className:e.todayActive?"slds-is-today":null,"aria-label":"18 June 2020"},"18"),n().createElement(k,{"aria-selected":"false","aria-label":"19 June 2020"},"19"),n().createElement(k,{"aria-selected":"false","aria-label":"20 June 2020"},"20")),n().createElement(h,{className:i()({"slds-has-multi-selection":"week-4"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(k,{"aria-selected":"false","aria-label":"21 June 2020"},"21"),n().createElement(k,{"aria-selected":"false","aria-label":"22 June 2020"},"22"),n().createElement(k,{"aria-selected":"false","aria-label":"23 June 2020"},"23"),n().createElement(k,{"aria-selected":!e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected":"single"===e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"24 June 2020"},"24"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-today":e.todayActiveInRange}),"aria-label":"25 June 2020","aria-current":e.todayActiveInRange?"date":null},"25"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"26 June 2020"},"26"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"27 June 2020"},"27")),n().createElement(h,{className:i()({"slds-has-multi-selection":"week-5"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(k,{"aria-selected":!e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected":"single"===e.dateSelected&&"week-5"===e.dateRange,"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-5"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"28 June 2020"},"28"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"29 June 2020"},"29"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"30 June 2020"},"30"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"1 July 2020"},"1"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"2 July 2020"},"2"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"3 July 2020"},"3"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"4 July 2020"},"4")))))},S=function(e){return n().createElement(c.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click"+(null!=e&&e.isOpen?" slds-is-open":""),labelContent:e.labelContent,inputId:e.dateInputId,hasRightIcon:!0,hasError:e.hasError,isRequired:e.isRequired,isDisabled:e.isDisabled,hasTooltip:e.hasTooltip,showTooltip:e.showTooltip,fieldLevelMessage:e.fieldLevelMessage,inlineMessage:!e.hasError&&e.dateFormat,hasHiddenInlineMessage:!e.showDateFormat,dropdown:!e.isDisabled&&n().createElement(w,{idPrefix:e.idPrefix,todayActive:e.todayActive,todayActiveInRange:e.todayActiveInRange,dateSelected:e.dateSelected,dateRange:e.dateRange,dateRangeMulti:e.dateRangeMulti})},n().createElement(o.A,{id:e.dateInputId,placeholder:" ",defaultValue:e.defaultValue,required:e.isRequired,disabled:e.isDisabled}),n().createElement(d.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:e.isDisabled}))};t.default=[{id:"default",label:"Base – default",demoStyles:m,element:n().createElement(S,{idPrefix:"defaultPicker",labelContent:"Date",dateInputId:u+"-default",isOpen:!0,todayActive:!0,dateFormat:f})}];var R=[{id:"datepicker-day-selected",label:"Date selected",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerDaySelected",labelContent:"Date",dateInputId:u+"-day_selected",isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:f})},{id:"datepicker-with-error",label:"Date Picker has Error",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerWithError",labelContent:"Date",dateInputId:u+"-error",isOpen:!0,todayActive:!0,hasError:!0})},{id:"datepicker-required",label:"Date Picker - required",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",isOpen:!0,todayActive:!0,isRequired:!0,dateFormat:f})},{id:"datepicker-required-with-error",label:"Date Picker - required with error",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",isOpen:!0,todayActive:!0,isRequired:!0,hasError:!0})},{id:"datepicker-with-tooltip",label:"Date Picker - With tooltip",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",todayActive:!0,isRequired:!0,isOpen:!0,defaultValue:"Jan 1 2023",fieldLevelMessage:"Format: mmm d yyyy \| ex: Jan 1 2023",hasTooltip:!0,showTooltip:!0,dateFormat:f})},{id:"datepicker-disabled",label:"Datepicker - disabled",demoStyles:"height: 8rem;",storybookStyles:!0,element:n().createElement(S,{idPrefix:"pickerDisabled",labelContent:"Date",dateInputId:u+"-table",isDisabled:!0,dateFormat:f})},{id:"date-format-visible",label:"Date Picker - date format visible",demoStyles:"height: 6rem;",element:n().createElement(S,{idPrefix:"pickerDateFormatVisible",labelContent:"Date",dateInputId:u+"-date-format-visible",dateFormat:f,showDateFormat:!0})}],v=[{id:"datepicker-in-datatable",label:"Datepicker in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,dateFormat:f}))},{id:"datepicker-in-datatable_date-selected",label:"Datepicker with date selected in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable-selected",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:f}))},{id:"datepicker-in-datatable_with-error",label:"Datepicker with an error in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable-error",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,hasError:!0}))}]},1594:function(e){e.exports=React}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,a,n,r){if(!a){var i=1/0;for(o=0;o<e.length;o++){a=e[o][0],n=e[o][1],r=e[o][2];for(var d=!0,s=0;s<a.length;s++)1&r&&!(i>=r)\|\|!Object.keys(l.O).every(function(e){return l.O[e](a[s])})?(d=!1,r<i&&(i=r)):a.splice(s--,1);if(d){e.splice(o--,1);var c=n();void 0!==c&&(t=c)}}return t}r=r\|\|0;for(var o=e.length;o>0&&e[o-1][2]>r;o--)e[o]=e[o-1];e[o]=[a,n,r]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.cw=function(e){var t;return function(){if(e){var a=e;e=0,t={exports:{}},a.call(t.exports,t,t.exports)}return t.exports}},l.d=function(e,t){for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=3511,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3511:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,r,i=a[0],d=a[1],s=a[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(n in d)l.o(d,n)&&(l.m[n]=d[n]);if(s)var o=s(l)}for(t&&t(a);c<i.length;c++)r=i[c],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(o)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),l.nc=void 0;var n=l.O(void 0,[6790],function(){return l(5343)});n=l.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=n}();
1	+ var SLDS;!function(){"use strict";var e,t={5343:function(e,t,a){a.r(t),a.d(t,{DATE_EXAMPLE:function(){return b},DATE_FORMAT_TEXT:function(){return f},DatePicker:function(){return w},DatePickerElement:function(){return S},SimpleTable:function(){return y},examples:function(){return v},states:function(){return R}});var l=a(1594),n=a.n(l),r=a(1369),i=a.n(r),d=a(6955),s=a(188),c=a(2711),o=a(5526),u="date-input-id",m="height: 25rem;",b="12/31/2024",f="Format: ".concat(b),E=function(e){return n().createElement("div",{"aria-hidden":"false","aria-label":"Date picker: June",className:i()("slds-datepicker",e.className),role:"dialog"},e.children,n().createElement("button",{className:"slds-button slds-align_absolute-center slds-text-link"},"Today"))},p=function(e){return n().createElement("div",{className:"slds-datepicker__filter slds-grid"},n().createElement("div",{className:"slds-datepicker__filter_month slds-grid slds-grid_align-spread slds-grow"},n().createElement("div",{className:"slds-align-middle"},n().createElement(d.A,{assistiveText:"Previous Month",className:"slds-button_icon-container",symbol:"left",title:"Previous Month"})),n().createElement("h2",{"aria-atomic":"false","aria-live":"polite",className:"slds-align-middle",id:"".concat(e.idPrefix,"-month")},"June"),n().createElement("div",{className:"slds-align-middle"},n().createElement(d.A,{assistiveText:"Next Month",className:"slds-button_icon-container",symbol:"right",title:"Next Month"}))),n().createElement("div",{className:"slds-shrink-none"},n().createElement("label",{className:"slds-assistive-text",htmlFor:"".concat(e.idPrefix,"_select")},"Pick a Year"),n().createElement(s.Select,{id:"".concat(e.idPrefix,"_select")},n().createElement("option",null,"2021"),n().createElement("option",null,"2022"),n().createElement("option",null,"2023"))))},g=function(e){return n().createElement("tr",{id:"".concat(e.idPrefix,"-weekdays")},n().createElement("th",{id:"".concat(e.idPrefix,"-Sunday"),scope:"col"},n().createElement("abbr",{title:"Sunday"},"Sun")),n().createElement("th",{id:"".concat(e.idPrefix,"-Monday"),scope:"col"},n().createElement("abbr",{title:"Monday"},"Mon")),n().createElement("th",{id:"".concat(e.idPrefix,"-Tuesday"),scope:"col"},n().createElement("abbr",{title:"Tuesday"},"Tue")),n().createElement("th",{id:"".concat(e.idPrefix,"-Wednesday"),scope:"col"},n().createElement("abbr",{title:"Wednesday"},"Wed")),n().createElement("th",{id:"".concat(e.idPrefix,"-Thursday"),scope:"col"},n().createElement("abbr",{title:"Thursday"},"Thu")),n().createElement("th",{id:"".concat(e.idPrefix,"-Friday"),scope:"col"},n().createElement("abbr",{title:"Friday"},"Fri")),n().createElement("th",{id:"".concat(e.idPrefix,"-Saturday"),scope:"col"},n().createElement("abbr",{title:"Saturday"},"Sat")))},h=function(e){return n().createElement("tr",e,e.children)},k=function(e){return n().createElement("td",{"aria-disabled":e["aria-disabled"],"aria-selected":e["aria-selected"],"aria-current":e["aria-current"],className:i()(e.className,{"slds-day_adjacent-month":e.isAdjacentMonth}),role:"gridcell",tabIndex:e.tabIndex,"aria-label":e["aria-label"]},n().createElement("span",{className:"slds-day"},e.children))},y=function(e){return n().createElement("table",{className:"slds-table","aria-label":"Example table for datepicker"},n().createElement("tbody",null,n().createElement("tr",null,n().createElement("th",null,"Name"),n().createElement("th",null,"Date")),n().createElement("tr",null,n().createElement("td",null,"Order"),n().createElement("td",null,e.children))))},w=function(e){return n().createElement(E,{className:"slds-dropdown slds-dropdown_left"},n().createElement(p,{idPrefix:e.idPrefix}),n().createElement("table",{"aria-multiselectable":"true",className:"slds-datepicker__month",role:"grid"},n().createElement("thead",null,n().createElement(g,{idPrefix:e.idPrefix})),n().createElement("tbody",null,n().createElement(h,null,n().createElement(k,{"aria-selected":"false",isAdjacentMonth:!0,"aria-label":"31 May 2020"},"31"),n().createElement(k,{"aria-selected":"false",tabIndex:"0","aria-label":"1 June 2020"},"1"),n().createElement(k,{"aria-selected":"false","aria-label":"2 June 2020"},"2"),n().createElement(k,{"aria-selected":"false","aria-label":"3 June 2020"},"3"),n().createElement(k,{"aria-selected":"false","aria-label":"4 June 2020"},"4"),n().createElement(k,{"aria-selected":"false","aria-label":"5 June 2020"},"5"),n().createElement(k,{"aria-selected":"false","aria-label":"6 June 2020"},"6")),n().createElement(h,null,n().createElement(k,{"aria-selected":"false","aria-label":"7 June 2020"},"7"),n().createElement(k,{"aria-selected":"false","aria-label":"8 June 2020"},"8"),n().createElement(k,{"aria-selected":"false","aria-label":"9 June 2020"},"9"),n().createElement(k,{"aria-selected":"false","aria-label":"10 June 2020"},"10"),n().createElement(k,{"aria-selected":"false","aria-label":"11 June 2020"},"11"),n().createElement(k,{"aria-selected":"false","aria-label":"12 June 2020"},"12"),n().createElement(k,{"aria-selected":"false","aria-label":"13 June 2020"},"13")),n().createElement(h,null,n().createElement(k,{"aria-selected":"false","aria-label":"14 June 2020"},"14"),n().createElement(k,{"aria-selected":"false","aria-label":"15 June 2020"},"15"),n().createElement(k,{"aria-selected":"false","aria-label":"16 June 2020"},"16"),n().createElement(k,{"aria-selected":"false","aria-label":"17 June 2020"},"17"),n().createElement(k,{"aria-selected":"false","aria-current":e.todayActive?"date":null,className:e.todayActive?"slds-is-today":null,"aria-label":"18 June 2020"},"18"),n().createElement(k,{"aria-selected":"false","aria-label":"19 June 2020"},"19"),n().createElement(k,{"aria-selected":"false","aria-label":"20 June 2020"},"20")),n().createElement(h,{className:i()({"slds-has-multi-selection":"week-4"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(k,{"aria-selected":"false","aria-label":"21 June 2020"},"21"),n().createElement(k,{"aria-selected":"false","aria-label":"22 June 2020"},"22"),n().createElement(k,{"aria-selected":"false","aria-label":"23 June 2020"},"23"),n().createElement(k,{"aria-selected":!e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected":"single"===e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"24 June 2020"},"24"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-today":e.todayActiveInRange}),"aria-label":"25 June 2020","aria-current":e.todayActiveInRange?"date":null},"25"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"26 June 2020"},"26"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"27 June 2020"},"27")),n().createElement(h,{className:i()({"slds-has-multi-selection":"week-5"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(k,{"aria-selected":!e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:i()({"slds-is-selected":"single"===e.dateSelected&&"week-5"===e.dateRange,"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-5"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"28 June 2020"},"28"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"29 June 2020"},"29"),n().createElement(k,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"30 June 2020"},"30"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"1 July 2020"},"1"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"2 July 2020"},"2"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"3 July 2020"},"3"),n().createElement(k,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:i()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"4 July 2020"},"4")))))},S=function(e){return n().createElement(c.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click"+(null!=e&&e.isOpen?" slds-is-open":""),labelContent:e.labelContent,inputId:e.dateInputId,hasRightIcon:!0,hasError:e.hasError,isRequired:e.isRequired,isDisabled:e.isDisabled,hasTooltip:e.hasTooltip,showTooltip:e.showTooltip,fieldLevelMessage:e.fieldLevelMessage,inlineMessage:!e.hasError&&e.dateFormat,hasHiddenInlineMessage:!e.showDateFormat,dropdown:!e.isDisabled&&n().createElement(w,{idPrefix:e.idPrefix,todayActive:e.todayActive,todayActiveInRange:e.todayActiveInRange,dateSelected:e.dateSelected,dateRange:e.dateRange,dateRangeMulti:e.dateRangeMulti})},n().createElement(o.A,{id:e.dateInputId,placeholder:" ",defaultValue:e.defaultValue,required:e.isRequired,disabled:e.isDisabled}),n().createElement(d.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:e.isDisabled}))};t.default=[{id:"default",label:"Base – default",demoStyles:m,element:n().createElement(S,{idPrefix:"defaultPicker",labelContent:"Date",dateInputId:u+"-default",isOpen:!0,todayActive:!0,dateFormat:f})}];var R=[{id:"datepicker-day-selected",label:"Date selected",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerDaySelected",labelContent:"Date",dateInputId:u+"-day_selected",isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:f})},{id:"datepicker-with-error",label:"Date Picker has Error",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerWithError",labelContent:"Date",dateInputId:u+"-error",isOpen:!0,todayActive:!0,hasError:!0})},{id:"datepicker-required",label:"Date Picker - required",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",isOpen:!0,todayActive:!0,isRequired:!0,dateFormat:f})},{id:"datepicker-required-with-error",label:"Date Picker - required with error",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",isOpen:!0,todayActive:!0,isRequired:!0,hasError:!0})},{id:"datepicker-with-tooltip",label:"Date Picker - With tooltip",demoStyles:m,element:n().createElement(S,{idPrefix:"pickerRequired",labelContent:"Date",dateInputId:u+"-required",todayActive:!0,isRequired:!0,isOpen:!0,defaultValue:"Jan 1 2023",fieldLevelMessage:"Format: mmm d yyyy \| ex: Jan 1 2023",hasTooltip:!0,showTooltip:!0,dateFormat:f})},{id:"datepicker-disabled",label:"Datepicker - disabled",demoStyles:"height: 8rem;",storybookStyles:!0,element:n().createElement(S,{idPrefix:"pickerDisabled",labelContent:"Date",dateInputId:u+"-table",isDisabled:!0,dateFormat:f})},{id:"date-format-visible",label:"Date Picker - date format visible",demoStyles:"height: 6rem;",element:n().createElement(S,{idPrefix:"pickerDateFormatVisible",labelContent:"Date",dateInputId:u+"-date-format-visible",dateFormat:f,showDateFormat:!0})}],v=[{id:"datepicker-in-datatable",label:"Datepicker in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,dateFormat:f}))},{id:"datepicker-in-datatable_date-selected",label:"Datepicker with date selected in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable-selected",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:f}))},{id:"datepicker-in-datatable_with-error",label:"Datepicker with an error in a Data Table",demoStyles:m,element:n().createElement(y,null,n().createElement(S,{idPrefix:"pickerInTable-error",labelContent:"Date",dateInputId:u+"-table",isOpen:!0,todayActive:!0,hasError:!0}))}]},1594:function(e){e.exports=React}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var r=a[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,a,n){if(!a){for(var r=0;r<e.length;r++){a=e[r][0],n=e[r][1];for(var i=!0,d=0;d<a.length;d++)l.O.j(a[d])?a.splice(d--,1):i=!1;if(i){e.splice(r--,1);var s=n();void 0!==s&&(t=s)}}return t}e.push([a,n])},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.cw=function(e){var t;return function(){if(e){var a=e;e=0,t={exports:{}},a.call(t.exports,t,t.exports)}return t.exports}},l.d=function(e,t){for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=3511,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3511:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,r,i=a[0],d=a[1],s=a[2],c=0;if(i.some(function(t){return 0!==e[t]})){for(n in d)l.o(d,n)&&(l.m[n]=d[n]);if(s)var o=s(l)}for(t&&t(a);c<i.length;c++)r=i[c],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(o)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),l.nc=void 0;var n=l.O(void 0,[6790],function(){return l(5343)});n=l.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=n}();

package/__internal/chunked/showcase/ui/components/datepickers/range/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={5343:function(e,t,a){a.d(t,{DATE_FORMAT_TEXT:function(){return m},DatePickerElement:function(){return p},SimpleTable:function(){return _}});var l=a(1594),n=a.n(l),d=a(1369),r=a.n(d),s=a(6955),i=a(188),c=a(2711),o=a(5526),m="Format: ".concat("12/31/2024"),u=function(e){return n().createElement("div",{"aria-hidden":"false","aria-label":"Date picker: June",className:r()("slds-datepicker",e.className),role:"dialog"},e.children,n().createElement("button",{className:"slds-button slds-align_absolute-center slds-text-link"},"Today"))},E=function(e){return n().createElement("div",{className:"slds-datepicker__filter slds-grid"},n().createElement("div",{className:"slds-datepicker__filter_month slds-grid slds-grid_align-spread slds-grow"},n().createElement("div",{className:"slds-align-middle"},n().createElement(s.A,{assistiveText:"Previous Month",className:"slds-button_icon-container",symbol:"left",title:"Previous Month"})),n().createElement("h2",{"aria-atomic":"false","aria-live":"polite",className:"slds-align-middle",id:"".concat(e.idPrefix,"-month")},"June"),n().createElement("div",{className:"slds-align-middle"},n().createElement(s.A,{assistiveText:"Next Month",className:"slds-button_icon-container",symbol:"right",title:"Next Month"}))),n().createElement("div",{className:"slds-shrink-none"},n().createElement("label",{className:"slds-assistive-text",htmlFor:"".concat(e.idPrefix,"_select")},"Pick a Year"),n().createElement(i.Select,{id:"".concat(e.idPrefix,"_select")},n().createElement("option",null,"2021"),n().createElement("option",null,"2022"),n().createElement("option",null,"2023"))))},f=function(e){return n().createElement("tr",{id:"".concat(e.idPrefix,"-weekdays")},n().createElement("th",{id:"".concat(e.idPrefix,"-Sunday"),scope:"col"},n().createElement("abbr",{title:"Sunday"},"Sun")),n().createElement("th",{id:"".concat(e.idPrefix,"-Monday"),scope:"col"},n().createElement("abbr",{title:"Monday"},"Mon")),n().createElement("th",{id:"".concat(e.idPrefix,"-Tuesday"),scope:"col"},n().createElement("abbr",{title:"Tuesday"},"Tue")),n().createElement("th",{id:"".concat(e.idPrefix,"-Wednesday"),scope:"col"},n().createElement("abbr",{title:"Wednesday"},"Wed")),n().createElement("th",{id:"".concat(e.idPrefix,"-Thursday"),scope:"col"},n().createElement("abbr",{title:"Thursday"},"Thu")),n().createElement("th",{id:"".concat(e.idPrefix,"-Friday"),scope:"col"},n().createElement("abbr",{title:"Friday"},"Fri")),n().createElement("th",{id:"".concat(e.idPrefix,"-Saturday"),scope:"col"},n().createElement("abbr",{title:"Saturday"},"Sat")))},b=function(e){return n().createElement("tr",e,e.children)},g=function(e){return n().createElement("td",{"aria-disabled":e["aria-disabled"],"aria-selected":e["aria-selected"],"aria-current":e["aria-current"],className:r()(e.className,{"slds-day_adjacent-month":e.isAdjacentMonth}),role:"gridcell",tabIndex:e.tabIndex,"aria-label":e["aria-label"]},n().createElement("span",{className:"slds-day"},e.children))},_=function(e){return n().createElement("table",{className:"slds-table","aria-label":"Example table for datepicker"},n().createElement("tbody",null,n().createElement("tr",null,n().createElement("th",null,"Name"),n().createElement("th",null,"Date")),n().createElement("tr",null,n().createElement("td",null,"Order"),n().createElement("td",null,e.children))))},T=function(e){return n().createElement(u,{className:"slds-dropdown slds-dropdown_left"},n().createElement(E,{idPrefix:e.idPrefix}),n().createElement("table",{"aria-multiselectable":"true",className:"slds-datepicker__month",role:"grid"},n().createElement("thead",null,n().createElement(f,{idPrefix:e.idPrefix})),n().createElement("tbody",null,n().createElement(b,null,n().createElement(g,{"aria-selected":"false",isAdjacentMonth:!0,"aria-label":"31 May 2020"},"31"),n().createElement(g,{"aria-selected":"false",tabIndex:"0","aria-label":"1 June 2020"},"1"),n().createElement(g,{"aria-selected":"false","aria-label":"2 June 2020"},"2"),n().createElement(g,{"aria-selected":"false","aria-label":"3 June 2020"},"3"),n().createElement(g,{"aria-selected":"false","aria-label":"4 June 2020"},"4"),n().createElement(g,{"aria-selected":"false","aria-label":"5 June 2020"},"5"),n().createElement(g,{"aria-selected":"false","aria-label":"6 June 2020"},"6")),n().createElement(b,null,n().createElement(g,{"aria-selected":"false","aria-label":"7 June 2020"},"7"),n().createElement(g,{"aria-selected":"false","aria-label":"8 June 2020"},"8"),n().createElement(g,{"aria-selected":"false","aria-label":"9 June 2020"},"9"),n().createElement(g,{"aria-selected":"false","aria-label":"10 June 2020"},"10"),n().createElement(g,{"aria-selected":"false","aria-label":"11 June 2020"},"11"),n().createElement(g,{"aria-selected":"false","aria-label":"12 June 2020"},"12"),n().createElement(g,{"aria-selected":"false","aria-label":"13 June 2020"},"13")),n().createElement(b,null,n().createElement(g,{"aria-selected":"false","aria-label":"14 June 2020"},"14"),n().createElement(g,{"aria-selected":"false","aria-label":"15 June 2020"},"15"),n().createElement(g,{"aria-selected":"false","aria-label":"16 June 2020"},"16"),n().createElement(g,{"aria-selected":"false","aria-label":"17 June 2020"},"17"),n().createElement(g,{"aria-selected":"false","aria-current":e.todayActive?"date":null,className:e.todayActive?"slds-is-today":null,"aria-label":"18 June 2020"},"18"),n().createElement(g,{"aria-selected":"false","aria-label":"19 June 2020"},"19"),n().createElement(g,{"aria-selected":"false","aria-label":"20 June 2020"},"20")),n().createElement(b,{className:r()({"slds-has-multi-selection":"week-4"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(g,{"aria-selected":"false","aria-label":"21 June 2020"},"21"),n().createElement(g,{"aria-selected":"false","aria-label":"22 June 2020"},"22"),n().createElement(g,{"aria-selected":"false","aria-label":"23 June 2020"},"23"),n().createElement(g,{"aria-selected":!e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected":"single"===e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"24 June 2020"},"24"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-today":e.todayActiveInRange}),"aria-label":"25 June 2020","aria-current":e.todayActiveInRange?"date":null},"25"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"26 June 2020"},"26"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"27 June 2020"},"27")),n().createElement(b,{className:r()({"slds-has-multi-selection":"week-5"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(g,{"aria-selected":!e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected":"single"===e.dateSelected&&"week-5"===e.dateRange,"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-5"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"28 June 2020"},"28"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"29 June 2020"},"29"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"30 June 2020"},"30"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"1 July 2020"},"1"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"2 July 2020"},"2"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"3 July 2020"},"3"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"4 July 2020"},"4")))))},p=function(e){return n().createElement(c.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click"+(null!=e&&e.isOpen?" slds-is-open":""),labelContent:e.labelContent,inputId:e.dateInputId,hasRightIcon:!0,hasError:e.hasError,isRequired:e.isRequired,isDisabled:e.isDisabled,hasTooltip:e.hasTooltip,showTooltip:e.showTooltip,fieldLevelMessage:e.fieldLevelMessage,inlineMessage:!e.hasError&&e.dateFormat,hasHiddenInlineMessage:!e.showDateFormat,dropdown:!e.isDisabled&&n().createElement(T,{idPrefix:e.idPrefix,todayActive:e.todayActive,todayActiveInRange:e.todayActiveInRange,dateSelected:e.dateSelected,dateRange:e.dateRange,dateRangeMulti:e.dateRangeMulti})},n().createElement(o.A,{id:e.dateInputId,placeholder:" ",defaultValue:e.defaultValue,required:e.isRequired,disabled:e.isDisabled}),n().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:e.isDisabled}))}},9983:function(e,t,a){a.r(t),a.d(t,{examples:function(){return m},states:function(){return o}});var l=a(1594),n=a.n(l),d=a(5343),r="date-input-id-01",s="date-input-id-02",i="height: 25rem;",c=function(e){return n().createElement("div",{className:"slds-form slds-form_compound"},n().createElement("fieldset",{className:"slds-form-element"},n().createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),n().createElement("div",{className:"slds-form-element__control"},n().createElement("div",{className:"slds-form-element__group"},n().createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat(r,"-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat(s,"-default"),dateFormat:d.DATE_FORMAT_TEXT}))}];var o=[{id:"start-date",label:"Start date selected",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat(r,"-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat(s,"-start_selected"),dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat(r,"-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat(s,"-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat(r,"-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat(s,"-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat(r,"-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat(s,"-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat(r,"-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat(s,"-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT}))}],m=[{id:"table_default",label:"Default in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat(r,"-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat(s,"-default"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-start_selected"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT})))}]},1594:function(e){e.exports=React}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var d=a[e]={exports:{}};return t[e](d,d.exports,l),d.exports}l.m=t,l.amdO={},e=[],l.O=function(t,a,n,d){if(!a){var r=1/0;for(o=0;o<e.length;o++){a=e[o][0],n=e[o][1],d=e[o][2];for(var s=!0,i=0;i<a.length;i++)1&d&&!(r>=d)\|\|!Object.keys(l.O).every(function(e){return l.O[e](a[i])})?(s=!1,d<r&&(r=d)):a.splice(i--,1);if(s){e.splice(o--,1);var c=n();void 0!==c&&(t=c)}}return t}d=d\|\|0;for(var o=e.length;o>0&&e[o-1][2]>d;o--)e[o]=e[o-1];e[o]=[a,n,d]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.cw=function(e){var t;return function(){if(e){var a=e;e=0,t={exports:{}},a.call(t.exports,t,t.exports)}return t.exports}},l.d=function(e,t){for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=5933,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3511:0,4268:0,4583:0,4723:0,4924:0,5933:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,d,r=a[0],s=a[1],i=a[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(i)var o=i(l)}for(t&&t(a);c<r.length;c++)d=r[c],l.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return l.O(o)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),l.nc=void 0;var n=l.O(void 0,[6790],function(){return l(9983)});n=l.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=n}();
1	+ var SLDS;!function(){"use strict";var e,t={5343:function(e,t,a){a.d(t,{DATE_FORMAT_TEXT:function(){return m},DatePickerElement:function(){return p},SimpleTable:function(){return _}});var l=a(1594),n=a.n(l),d=a(1369),r=a.n(d),s=a(6955),i=a(188),c=a(2711),o=a(5526),m="Format: ".concat("12/31/2024"),u=function(e){return n().createElement("div",{"aria-hidden":"false","aria-label":"Date picker: June",className:r()("slds-datepicker",e.className),role:"dialog"},e.children,n().createElement("button",{className:"slds-button slds-align_absolute-center slds-text-link"},"Today"))},E=function(e){return n().createElement("div",{className:"slds-datepicker__filter slds-grid"},n().createElement("div",{className:"slds-datepicker__filter_month slds-grid slds-grid_align-spread slds-grow"},n().createElement("div",{className:"slds-align-middle"},n().createElement(s.A,{assistiveText:"Previous Month",className:"slds-button_icon-container",symbol:"left",title:"Previous Month"})),n().createElement("h2",{"aria-atomic":"false","aria-live":"polite",className:"slds-align-middle",id:"".concat(e.idPrefix,"-month")},"June"),n().createElement("div",{className:"slds-align-middle"},n().createElement(s.A,{assistiveText:"Next Month",className:"slds-button_icon-container",symbol:"right",title:"Next Month"}))),n().createElement("div",{className:"slds-shrink-none"},n().createElement("label",{className:"slds-assistive-text",htmlFor:"".concat(e.idPrefix,"_select")},"Pick a Year"),n().createElement(i.Select,{id:"".concat(e.idPrefix,"_select")},n().createElement("option",null,"2021"),n().createElement("option",null,"2022"),n().createElement("option",null,"2023"))))},f=function(e){return n().createElement("tr",{id:"".concat(e.idPrefix,"-weekdays")},n().createElement("th",{id:"".concat(e.idPrefix,"-Sunday"),scope:"col"},n().createElement("abbr",{title:"Sunday"},"Sun")),n().createElement("th",{id:"".concat(e.idPrefix,"-Monday"),scope:"col"},n().createElement("abbr",{title:"Monday"},"Mon")),n().createElement("th",{id:"".concat(e.idPrefix,"-Tuesday"),scope:"col"},n().createElement("abbr",{title:"Tuesday"},"Tue")),n().createElement("th",{id:"".concat(e.idPrefix,"-Wednesday"),scope:"col"},n().createElement("abbr",{title:"Wednesday"},"Wed")),n().createElement("th",{id:"".concat(e.idPrefix,"-Thursday"),scope:"col"},n().createElement("abbr",{title:"Thursday"},"Thu")),n().createElement("th",{id:"".concat(e.idPrefix,"-Friday"),scope:"col"},n().createElement("abbr",{title:"Friday"},"Fri")),n().createElement("th",{id:"".concat(e.idPrefix,"-Saturday"),scope:"col"},n().createElement("abbr",{title:"Saturday"},"Sat")))},b=function(e){return n().createElement("tr",e,e.children)},g=function(e){return n().createElement("td",{"aria-disabled":e["aria-disabled"],"aria-selected":e["aria-selected"],"aria-current":e["aria-current"],className:r()(e.className,{"slds-day_adjacent-month":e.isAdjacentMonth}),role:"gridcell",tabIndex:e.tabIndex,"aria-label":e["aria-label"]},n().createElement("span",{className:"slds-day"},e.children))},_=function(e){return n().createElement("table",{className:"slds-table","aria-label":"Example table for datepicker"},n().createElement("tbody",null,n().createElement("tr",null,n().createElement("th",null,"Name"),n().createElement("th",null,"Date")),n().createElement("tr",null,n().createElement("td",null,"Order"),n().createElement("td",null,e.children))))},T=function(e){return n().createElement(u,{className:"slds-dropdown slds-dropdown_left"},n().createElement(E,{idPrefix:e.idPrefix}),n().createElement("table",{"aria-multiselectable":"true",className:"slds-datepicker__month",role:"grid"},n().createElement("thead",null,n().createElement(f,{idPrefix:e.idPrefix})),n().createElement("tbody",null,n().createElement(b,null,n().createElement(g,{"aria-selected":"false",isAdjacentMonth:!0,"aria-label":"31 May 2020"},"31"),n().createElement(g,{"aria-selected":"false",tabIndex:"0","aria-label":"1 June 2020"},"1"),n().createElement(g,{"aria-selected":"false","aria-label":"2 June 2020"},"2"),n().createElement(g,{"aria-selected":"false","aria-label":"3 June 2020"},"3"),n().createElement(g,{"aria-selected":"false","aria-label":"4 June 2020"},"4"),n().createElement(g,{"aria-selected":"false","aria-label":"5 June 2020"},"5"),n().createElement(g,{"aria-selected":"false","aria-label":"6 June 2020"},"6")),n().createElement(b,null,n().createElement(g,{"aria-selected":"false","aria-label":"7 June 2020"},"7"),n().createElement(g,{"aria-selected":"false","aria-label":"8 June 2020"},"8"),n().createElement(g,{"aria-selected":"false","aria-label":"9 June 2020"},"9"),n().createElement(g,{"aria-selected":"false","aria-label":"10 June 2020"},"10"),n().createElement(g,{"aria-selected":"false","aria-label":"11 June 2020"},"11"),n().createElement(g,{"aria-selected":"false","aria-label":"12 June 2020"},"12"),n().createElement(g,{"aria-selected":"false","aria-label":"13 June 2020"},"13")),n().createElement(b,null,n().createElement(g,{"aria-selected":"false","aria-label":"14 June 2020"},"14"),n().createElement(g,{"aria-selected":"false","aria-label":"15 June 2020"},"15"),n().createElement(g,{"aria-selected":"false","aria-label":"16 June 2020"},"16"),n().createElement(g,{"aria-selected":"false","aria-label":"17 June 2020"},"17"),n().createElement(g,{"aria-selected":"false","aria-current":e.todayActive?"date":null,className:e.todayActive?"slds-is-today":null,"aria-label":"18 June 2020"},"18"),n().createElement(g,{"aria-selected":"false","aria-label":"19 June 2020"},"19"),n().createElement(g,{"aria-selected":"false","aria-label":"20 June 2020"},"20")),n().createElement(b,{className:r()({"slds-has-multi-selection":"week-4"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(g,{"aria-selected":"false","aria-label":"21 June 2020"},"21"),n().createElement(g,{"aria-selected":"false","aria-label":"22 June 2020"},"22"),n().createElement(g,{"aria-selected":"false","aria-label":"23 June 2020"},"23"),n().createElement(g,{"aria-selected":!e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected":"single"===e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"24 June 2020"},"24"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-4"===e.dateRange\|\|"week-4-5"===e.dateRange),"slds-is-today":e.todayActiveInRange}),"aria-label":"25 June 2020","aria-current":e.todayActiveInRange?"date":null},"25"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"26 June 2020"},"26"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-4"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"27 June 2020"},"27")),n().createElement(b,{className:r()({"slds-has-multi-selection":"week-5"===e.dateRange,"slds-has-multi-row-selection":e.dateRangeMulti})},n().createElement(g,{"aria-selected":!e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:r()({"slds-is-selected":"single"===e.dateSelected&&"week-5"===e.dateRange,"slds-is-selected slds-is-selected-multi":"single"!==e.dateSelected&&("week-5"===e.dateRange\|\|"week-4-5"===e.dateRange)}),"aria-label":"28 June 2020"},"28"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"29 June 2020"},"29"),n().createElement(g,{"aria-selected":"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?"false":"true",className:"single"===e.dateSelected\|\|"week-5"!==e.dateRange&&"week-4-5"!==e.dateRange?null:"slds-is-selected slds-is-selected-multi","aria-label":"30 June 2020"},"30"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"1 July 2020"},"1"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"2 July 2020"},"2"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"3 July 2020"},"3"),n().createElement(g,{"aria-selected":"single"!==e.dateSelected&&"week-5"===e.dateRange?"true":"false",className:r()("single"!==e.dateSelected&&"week-5"===e.dateRange?"slds-is-selected slds-is-selected-multi":null),isAdjacentMonth:!0,"aria-label":"4 July 2020"},"4")))))},p=function(e){return n().createElement(c.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click"+(null!=e&&e.isOpen?" slds-is-open":""),labelContent:e.labelContent,inputId:e.dateInputId,hasRightIcon:!0,hasError:e.hasError,isRequired:e.isRequired,isDisabled:e.isDisabled,hasTooltip:e.hasTooltip,showTooltip:e.showTooltip,fieldLevelMessage:e.fieldLevelMessage,inlineMessage:!e.hasError&&e.dateFormat,hasHiddenInlineMessage:!e.showDateFormat,dropdown:!e.isDisabled&&n().createElement(T,{idPrefix:e.idPrefix,todayActive:e.todayActive,todayActiveInRange:e.todayActiveInRange,dateSelected:e.dateSelected,dateRange:e.dateRange,dateRangeMulti:e.dateRangeMulti})},n().createElement(o.A,{id:e.dateInputId,placeholder:" ",defaultValue:e.defaultValue,required:e.isRequired,disabled:e.isDisabled}),n().createElement(s.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:e.isDisabled}))}},9983:function(e,t,a){a.r(t),a.d(t,{examples:function(){return m},states:function(){return o}});var l=a(1594),n=a.n(l),d=a(5343),r="date-input-id-01",s="date-input-id-02",i="height: 25rem;",c=function(e){return n().createElement("div",{className:"slds-form slds-form_compound"},n().createElement("fieldset",{className:"slds-form-element"},n().createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),n().createElement("div",{className:"slds-form-element__control"},n().createElement("div",{className:"slds-form-element__group"},n().createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat(r,"-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat(s,"-default"),dateFormat:d.DATE_FORMAT_TEXT}))}];var o=[{id:"start-date",label:"Start date selected",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat(r,"-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat(s,"-start_selected"),dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat(r,"-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat(s,"-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat(r,"-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat(s,"-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat(r,"-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat(s,"-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:i,element:n().createElement(c,null,n().createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat(r,"-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat(s,"-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT}))}],m=[{id:"table_default",label:"Default in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat(r,"-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat(s,"-default"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-start_selected"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:i,element:n().createElement(c,null,n().createElement(d.SimpleTable,null,n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat(r,"-table-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),n().createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat(s,"-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT})))}]},1594:function(e){e.exports=React}},a={};function l(e){var n=a[e];if(void 0!==n)return n.exports;var d=a[e]={exports:{}};return t[e](d,d.exports,l),d.exports}l.m=t,l.amdO={},e=[],l.O=function(t,a,n){if(!a){for(var d=0;d<e.length;d++){a=e[d][0],n=e[d][1];for(var r=!0,s=0;s<a.length;s++)l.O.j(a[s])?a.splice(s--,1):r=!1;if(r){e.splice(d--,1);var i=n();void 0!==i&&(t=i)}}return t}e.push([a,n])},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.cw=function(e){var t;return function(){if(e){var a=e;e=0,t={exports:{}},a.call(t.exports,t,t.exports)}return t.exports}},l.d=function(e,t){for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=5933,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3511:0,4268:0,4583:0,4723:0,4924:0,5933:0,6671:0,7217:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,d,r=a[0],s=a[1],i=a[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(i)var o=i(l)}for(t&&t(a);c<r.length;c++)d=r[c],l.o(e,d)&&e[d]&&e[d][0](),e[d]=0;return l.O(o)},a=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}(),l.nc=void 0;var n=l.O(void 0,[6790],function(){return l(9983)});n=l.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=n}();