carbon-react 157.5.0 → 157.5.2

package/esm/components/flat-table/flat-table.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o,useContext as n,useLayoutEffect as i}from"react";import{StyledFlatTableWrapper as l,StyledTableContainer as a,StyledFlatTable as c,StyledFlatTableFooter as s}from"./flat-table.style.js";import d from"../drawer/__internal__/drawer-sidebar.context.js";import u from"../../__internal__/utils/helpers/events/events.js";import{StrictFlatTableProvider as f}from"./__internal__/strict-flat-table.context.js";import b from"./__internal__/flat-table.context.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){h(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",v=h=>{var{caption:v,children:g,hasStickyHead:O,colorTheme:w="dark",footer:S,hasStickyFooter:j=!1,height:x,isZebra:P,size:_="medium",hasMaxHeight:A=!1,hasOuterVerticalBorders:D=!0,bottomBorderRadius:H="borderRadius100",ariaDescribedby:k,minHeight:I,overflowX:B,width:E,title:F}=h,K=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(h,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const R=r(null),T=r(null),q=r(null),[z,C]=o(!1),[V,X]=o(!1),[Z,M]=o(-1),[N,U]=o(-1),[W,Y]=o(!1),G=!x&&(O||j),J={caption:v,isZebra:P,size:_,"aria-describedby":k},{isInSidebar:L}=n(d),[Q,$]=o(!1);i((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),i=null==n?void 0:n.getAttribute("rowspan");return i&&Number(i)>=r+1}));if(R.current&&T.current){var t;const{offsetHeight:r,offsetWidth:o}=R.current,{top:n,bottom:i,right:l,left:a}=null===(t=T.current)||void 0===t?void 0:t.getBoundingClientRect();C(i-n>r),X(l-a>o);const c=T.current.querySelector("tbody"),s=c?Array.from(null==c?void 0:c.querySelectorAll("tr")):[],{length:d}=s,u=e(s.slice(0,d-1).reverse(),!0),f=e(s.slice(0,d-1).reverse());u&&M(s.indexOf(u)),f&&U(s.indexOf(f))}}),[S,g,x,I]);const ee=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))}));return e(l,y(p({ref:R,"data-role":"flat-table-wrapper",isInSidebar:L,hasStickyHead:O,colorTheme:w,minHeight:I,overflowY:O||j?"auto":void 0,height:G&&!A?"99%":x,maxHeight:A?"100%":void 0,hasOuterVerticalBorders:D,bottomBorderRadius:H,display:"flex",flexDirection:"column",justifyContent:j||x?"space-between":void 0,role:"region",overflowX:E?"hidden":void 0,width:E,hasStickyFooter:j,hasVerticalScrollbar:z,hasHorizontalScrollbar:V,footer:!!S,firstColRowSpanIndex:Z,lastColRowSpanIndex:N,onKeyDown:e=>{var t;const r=null===(t=T.current)||void 0===t?void 0:t.querySelectorAll(m),o=Array.from(r||[]);if(!o.length)return;const n=o.findIndex((e=>e===document.activeElement));if(Q&&(O||j))(u.isPageUpKey(e)||u.isPageDownKey(e)||u.isHomeKey(e)||u.isEndKey(e))&&e.preventDefault();else if(u.isDownKey(e))if(e.preventDefault(),-1!==n&&n<o.length){var i;null===(i=o[n+1])||void 0===i||i.focus()}else{const e=ee(o);var l;-1!==e&&e<o.length&&(null===(l=o[e+1])||void 0===l||l.focus())}else if(u.isUpKey(e))if(e.preventDefault(),n>0){var a;null===(a=o[n-1])||void 0===a||a.focus()}else{const e=ee(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}},isFocused:W},K),{"data-component":"flat-table-wrapper",title:F,children:[t(a,{ref:q,onFocus:()=>{q.current===document.activeElement&&Y(!0)},onBlur:()=>Y(!1),tabIndex:0,overflowX:B,width:E,"data-role":"flat-table-container",children:e(c,y(p({ref:T,"data-component":"flat-table"},J),{children:[v?t("caption",{children:v}):null,t(f,{value:{colorTheme:w,size:_,getTabStopElementId:()=>{var e;const t=Array.from((null===(e=T.current)||void 0===e?void 0:e.querySelectorAll(m))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}},children:t(b.Provider,{value:{isInFlatTable:!0,setHasOpenDatePicker:$},children:g})})]}))}),S&&t(s,{hasStickyFooter:j,"data-role":"flat-table-footer",children:S})]}))};v.displayName="FlatTable";export{v as FlatTable,v as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as o,useContext as n,useLayoutEffect as i}from"react";import{StyledFlatTableWrapper as l,StyledTableContainer as a,StyledFlatTable as c,StyledFlatTableFooter as s}from"./flat-table.style.js";import d from"../drawer/__internal__/drawer-sidebar.context.js";import u from"../../__internal__/utils/helpers/events/events.js";import{StrictFlatTableProvider as f}from"./__internal__/strict-flat-table.context.js";import b from"./__internal__/flat-table.context.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){h(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const m="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",v=h=>{var{caption:v,children:g,hasStickyHead:O,colorTheme:w="dark",footer:S,hasStickyFooter:j=!1,height:x,isZebra:P,size:_="medium",hasMaxHeight:A=!1,hasOuterVerticalBorders:D=!0,bottomBorderRadius:H="borderRadius100",ariaDescribedby:k,minHeight:I,overflowX:B,width:E,title:K}=h,R=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(h,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const T=r(null),q=r(null),F=r(null),[z,C]=o(!1),[V,X]=o(!1),[Z,M]=o(-1),[N,U]=o(-1),W=!x&&(O||j),Y={caption:v,isZebra:P,size:_,"aria-describedby":k},{isInSidebar:G}=n(d),[J,L]=o(!1);i((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),i=null==n?void 0:n.getAttribute("rowspan");return i&&Number(i)>=r+1}));if(T.current&&q.current){var t;const{offsetHeight:r,offsetWidth:o}=T.current,{top:n,bottom:i,right:l,left:a}=null===(t=q.current)||void 0===t?void 0:t.getBoundingClientRect();C(i-n>r),X(l-a>o);const c=q.current.querySelector("tbody"),s=c?Array.from(null==c?void 0:c.querySelectorAll("tr")):[],{length:d}=s,u=e(s.slice(0,d-1).reverse(),!0),f=e(s.slice(0,d-1).reverse());u&&M(s.indexOf(u)),f&&U(s.indexOf(f))}}),[S,g,x,I]);const Q=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))}));return e(l,y(p({ref:T,"data-role":"flat-table-wrapper",isInSidebar:G,hasStickyHead:O,colorTheme:w,minHeight:I,overflowY:O||j?"auto":void 0,height:W&&!A?"99%":x,maxHeight:A?"100%":void 0,hasOuterVerticalBorders:D,bottomBorderRadius:H,display:"flex",flexDirection:"column",justifyContent:j||x?"space-between":void 0,role:"region",overflowX:E?"hidden":void 0,width:E,hasStickyFooter:j,hasVerticalScrollbar:z,hasHorizontalScrollbar:V,footer:!!S,firstColRowSpanIndex:Z,lastColRowSpanIndex:N,onKeyDown:e=>{var t;const r=null===(t=q.current)||void 0===t?void 0:t.querySelectorAll(m),o=Array.from(r||[]);if(!o.length)return;const n=o.findIndex((e=>e===document.activeElement));if(J&&(O||j))(u.isPageUpKey(e)||u.isPageDownKey(e)||u.isHomeKey(e)||u.isEndKey(e))&&e.preventDefault();else if(u.isDownKey(e))if(e.preventDefault(),-1!==n&&n<o.length){var i;null===(i=o[n+1])||void 0===i||i.focus()}else{const e=Q(o);var l;-1!==e&&e<o.length&&(null===(l=o[e+1])||void 0===l||l.focus())}else if(u.isUpKey(e))if(e.preventDefault(),n>0){var a;null===(a=o[n-1])||void 0===a||a.focus()}else{const e=Q(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}}},R),{"data-component":"flat-table-wrapper",title:K,children:[t(a,{ref:F,tabIndex:0,overflowX:B,width:E,"data-role":"flat-table-container",children:e(c,y(p({ref:q,"data-component":"flat-table"},Y),{children:[v?t("caption",{children:v}):null,t(f,{value:{colorTheme:w,size:_,getTabStopElementId:()=>{var e;const t=Array.from((null===(e=q.current)||void 0===e?void 0:e.querySelectorAll(m))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}},children:t(b.Provider,{value:{isInFlatTable:!0,setHasOpenDatePicker:L},children:g})})]}))}),S&&t(s,{hasStickyFooter:j,"data-role":"flat-table-footer",children:S})]}))};v.displayName="FlatTable";export{v as FlatTable,v as default};

package/esm/components/flat-table/flat-table.style.d.ts

@@ -9,7 +9,6 @@ interface StyledFlatTableWrapperProps extends Pick<FlatTableProps, "hasStickyFoo
     hasVerticalScrollbar: boolean;
     lastColRowSpanIndex: number;
     firstColRowSpanIndex: number;
-    isFocused: boolean;
     bottomBorderRadius: NonNullable<FlatTableProps["bottomBorderRadius"]>;
 }
 declare const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any, {

package/esm/components/flat-table/flat-table.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagerContainer as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-43c3dd9c-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-43c3dd9c-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-43c3dd9c-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o,isFocused:t})=>r(["box-sizing:border-box;"," ",""],t&&r(["",""],y()),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-43c3dd9c-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};
+import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagerContainer as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-e272cfd9-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-e272cfd9-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-e272cfd9-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o})=>r(["box-sizing:border-box;:has(",":focus-visible){","}",""],h,y(),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-e272cfd9-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};

package/esm/hooks/__internal__/useChildButtons/useChildButtons.d.ts

@@ -1,15 +1,17 @@
+import React from "react";
 declare const useChildButtons: (toggleButtonRef: React.RefObject<HTMLButtonElement>, widthRatio?: number) => {
     showAdditionalButtons: boolean;
     showButtons: () => void;
     hideButtons: () => void;
-    buttonNode: import("react").RefObject<HTMLDivElement>;
+    buttonNode: React.RefObject<HTMLDivElement>;
     handleToggleButtonKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     wrapperProps: {
         "data-element": string;
         role: string;
         onKeyDown: (ev: React.KeyboardEvent<HTMLElement>) => void;
+        onBlur: (ev: React.FocusEvent<HTMLElement>) => void;
         minWidth: number;
-        ref: import("react").RefObject<HTMLUListElement>;
+        ref: React.RefObject<HTMLUListElement>;
     };
     contextValue: {
         inSplitButton: boolean;

package/esm/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -1 +1 @@
-import{useState as t,useRef as e,useCallback as n}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import r from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const l=(l,u=1)=>{const[i,a]=t(!1),[s,d]=t(0),c=e(null),v=e(null),p=n((()=>{a(!1)}),[]);function f(){a(!0),c.current&&d(u*c.current.getBoundingClientRect().width)}const m=n((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]),y=r(l,m,p,i),h={inSplitButton:!0,onChildButtonClick:t=>e=>{var n;null==t||t(e),p(),null===(n=l.current)||void 0===n||n.focus()}};return{showAdditionalButtons:i,showButtons:f,hideButtons:p,buttonNode:c,handleToggleButtonKeyDown:t=>{const e=o.isEnterKey(t)||o.isSpaceKey(t);var n,r;!e&&!o.isDownKey(t)||i||(t.preventDefault(),f()),o.isDownKey(t)&&i&&(t.preventDefault(),null===(r=m())||void 0===r||null===(n=r[0])||void 0===n||n.focus({preventScroll:!0})),e&&i&&(t.preventDefault(),p())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:y,minWidth:s,ref:v},contextValue:h}};export{l as default};
+import{useState as t,useRef as e,useCallback as n}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import r from"../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js";const l=(l,u=1)=>{const[i,a]=t(!1),[s,d]=t(0),c=e(null),v=e(null),p=n((()=>{a(!1)}),[]);function f(){a(!0),c.current&&d(u*c.current.getBoundingClientRect().width)}const m=n((()=>{var t;return null===(t=v.current)||void 0===t?void 0:t.querySelectorAll('[data-component="button"]')}),[]),y={"data-element":"additional-buttons",role:"list",onKeyDown:r(l,m,p,i),onBlur:t=>{t.currentTarget.contains(t.relatedTarget)||p()},minWidth:s,ref:v},g={inSplitButton:!0,onChildButtonClick:t=>e=>{var n;null==t||t(e),p(),null===(n=l.current)||void 0===n||n.focus()}};return{showAdditionalButtons:i,showButtons:f,hideButtons:p,buttonNode:c,handleToggleButtonKeyDown:t=>{const e=o.isEnterKey(t)||o.isSpaceKey(t);var n,r;!e&&!o.isDownKey(t)||i||(t.preventDefault(),f()),o.isDownKey(t)&&i&&(t.preventDefault(),null===(r=m())||void 0===r||null===(n=r[0])||void 0===n||n.focus({preventScroll:!0})),e&&i&&(t.preventDefault(),p())},wrapperProps:y,contextValue:g}};export{l as default};

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -1 +1 @@
-import{useCallback as e,useEffect as n}from"react";import t from"../../../__internal__/utils/helpers/events/events.js";import o from"../useModalManager/useModalManager.js";var r=(r,s,i,a)=>{const l=e((()=>{var e;i(),null===(e=r.current)||void 0===e||e.focus()}),[i,r]),c=e((e=>{t.isEscKey(e)&&l()}),[l]);o({open:a,closeModal:c,modalRef:r});const u=e((e=>{t.isEnterKey(e)||t.isSpaceKey(e)||t.isTabKey(e)||e.preventDefault();const n=s(),o=null==n?void 0:n.length;let r=-1;const i=Array.from(n).indexOf(document.activeElement),a=e.ctrlKey||e.metaKey;var l;(t.isEndKey(e)||a&&t.isDownKey(e))&&(r=o-1),(t.isHomeKey(e)||a&&t.isUpKey(e))&&(r=0),!a&&t.isUpKey(e)&&i>0&&(r=i-1),!a&&t.isDownKey(e)&&i<o-1&&(r=i+1),r>-1&&(null==n||null===(l=n[r])||void 0===l||l.focus())}),[s]),d=e((()=>{const e=s();e&&(Array.from(e).some((e=>e===document.activeElement))||i())}),[s,i]);return n((()=>(document.addEventListener("focusin",d),window.addEventListener("blur",i),()=>{document.removeEventListener("focusin",d),window.removeEventListener("blur",i)})),[d,i]),u};export{r as default};
+import{useCallback as e}from"react";import o from"../../../__internal__/utils/helpers/events/events.js";import s from"../useModalManager/useModalManager.js";var n=(n,r,t,l)=>{const a=e((()=>{var e;t(),null===(e=n.current)||void 0===e||e.focus()}),[t,n]),i=e((e=>{o.isEscKey(e)&&a()}),[a]);return s({open:l,closeModal:i,modalRef:n}),e((e=>{o.isEnterKey(e)||o.isSpaceKey(e)||o.isTabKey(e)||e.preventDefault();const s=r(),n=null==s?void 0:s.length;let t=-1;const l=Array.from(s).indexOf(document.activeElement),a=e.ctrlKey||e.metaKey;var i;(o.isEndKey(e)||a&&o.isDownKey(e))&&(t=n-1),(o.isHomeKey(e)||a&&o.isUpKey(e))&&(t=0),!a&&o.isUpKey(e)&&l>0&&(t=l-1),!a&&o.isDownKey(e)&&l<n-1&&(t=l+1),t>-1&&(null==s||null===(i=s[t])||void 0===i||i.focus())}),[r])};export{n as default};

package/lib/components/flat-table/flat-table.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./flat-table.style.js"),o=require("../drawer/__internal__/drawer-sidebar.context.js"),n=require("../../__internal__/utils/helpers/events/events.js"),l=require("./__internal__/strict-flat-table.context.js"),i=require("./__internal__/flat-table.context.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){a(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",d=a=>{var{caption:d,children:f,hasStickyHead:b,colorTheme:y="dark",footer:h,hasStickyFooter:p=!1,height:v,isZebra:m,size:g="medium",hasMaxHeight:O=!1,hasOuterVerticalBorders:S=!0,bottomBorderRadius:j="borderRadius100",ariaDescribedby:x,minHeight:w,overflowX:P,width:_,title:A}=a,D=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const F=t.useRef(null),q=t.useRef(null),H=t.useRef(null),[T,k]=t.useState(!1),[I,R]=t.useState(!1),[E,B]=t.useState(-1),[K,C]=t.useState(-1),[z,V]=t.useState(!1),X=!v&&(b||p),M={caption:d,isZebra:m,size:g,"aria-describedby":x},{isInSidebar:Z}=t.useContext(o.default),[N,U]=t.useState(!1);t.useLayoutEffect((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),l=null==n?void 0:n.getAttribute("rowspan");return l&&Number(l)>=r+1}));if(F.current&&q.current){var t;const{offsetHeight:r,offsetWidth:o}=F.current,{top:n,bottom:l,right:i,left:a}=null===(t=q.current)||void 0===t?void 0:t.getBoundingClientRect();k(l-n>r),R(i-a>o);const s=q.current.querySelector("tbody"),c=s?Array.from(null==s?void 0:s.querySelectorAll("tr")):[],{length:u}=c,d=e(c.slice(0,u-1).reverse(),!0),f=e(c.slice(0,u-1).reverse());d&&B(c.indexOf(d)),f&&C(c.indexOf(f))}}),[h,f,v,w]);const W=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))}));return e.jsxs(r.StyledFlatTableWrapper,c(s({ref:F,"data-role":"flat-table-wrapper",isInSidebar:Z,hasStickyHead:b,colorTheme:y,minHeight:w,overflowY:b||p?"auto":void 0,height:X&&!O?"99%":v,maxHeight:O?"100%":void 0,hasOuterVerticalBorders:S,bottomBorderRadius:j,display:"flex",flexDirection:"column",justifyContent:p||v?"space-between":void 0,role:"region",overflowX:_?"hidden":void 0,width:_,hasStickyFooter:p,hasVerticalScrollbar:T,hasHorizontalScrollbar:I,footer:!!h,firstColRowSpanIndex:E,lastColRowSpanIndex:K,onKeyDown:e=>{var t;const r=null===(t=q.current)||void 0===t?void 0:t.querySelectorAll(u),o=Array.from(r||[]);if(!o.length)return;const l=o.findIndex((e=>e===document.activeElement));if(N&&(b||p))(n.default.isPageUpKey(e)||n.default.isPageDownKey(e)||n.default.isHomeKey(e)||n.default.isEndKey(e))&&e.preventDefault();else if(n.default.isDownKey(e))if(e.preventDefault(),-1!==l&&l<o.length){var i;null===(i=o[l+1])||void 0===i||i.focus()}else{const e=W(o);var a;-1!==e&&e<o.length&&(null===(a=o[e+1])||void 0===a||a.focus())}else if(n.default.isUpKey(e))if(e.preventDefault(),l>0){var s;null===(s=o[l-1])||void 0===s||s.focus()}else{const e=W(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}},isFocused:z},D),{"data-component":"flat-table-wrapper",title:A,children:[e.jsx(r.StyledTableContainer,{ref:H,onFocus:()=>{H.current===document.activeElement&&V(!0)},onBlur:()=>V(!1),tabIndex:0,overflowX:P,width:_,"data-role":"flat-table-container",children:e.jsxs(r.StyledFlatTable,c(s({ref:q,"data-component":"flat-table"},M),{children:[d?e.jsx("caption",{children:d}):null,e.jsx(l.StrictFlatTableProvider,{value:{colorTheme:y,size:g,getTabStopElementId:()=>{var e;const t=Array.from((null===(e=q.current)||void 0===e?void 0:e.querySelectorAll(u))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}},children:e.jsx(i.default.Provider,{value:{isInFlatTable:!0,setHasOpenDatePicker:U},children:f})})]}))}),h&&e.jsx(r.StyledFlatTableFooter,{hasStickyFooter:p,"data-role":"flat-table-footer",children:h})]}))};d.displayName="FlatTable",exports.FlatTable=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./flat-table.style.js"),o=require("../drawer/__internal__/drawer-sidebar.context.js"),n=require("../../__internal__/utils/helpers/events/events.js"),l=require("./__internal__/strict-flat-table.context.js"),i=require("./__internal__/flat-table.context.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){a(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u="tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]",d=a=>{var{caption:d,children:f,hasStickyHead:b,colorTheme:y="dark",footer:h,hasStickyFooter:p=!1,height:v,isZebra:g,size:m="medium",hasMaxHeight:O=!1,hasOuterVerticalBorders:S=!0,bottomBorderRadius:j="borderRadius100",ariaDescribedby:x,minHeight:w,overflowX:P,width:_,title:A}=a,D=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(a,["caption","children","hasStickyHead","colorTheme","footer","hasStickyFooter","height","isZebra","size","hasMaxHeight","hasOuterVerticalBorders","bottomBorderRadius","ariaDescribedby","minHeight","overflowX","width","title"]);const q=t.useRef(null),H=t.useRef(null),T=t.useRef(null),[k,F]=t.useState(!1),[I,R]=t.useState(!1),[E,B]=t.useState(-1),[K,C]=t.useState(-1),z=!v&&(b||p),V={caption:d,isZebra:g,size:m,"aria-describedby":x},{isInSidebar:X}=t.useContext(o.default),[M,Z]=t.useState(!1);t.useLayoutEffect((()=>{const e=(e,t)=>e.find(((e,r)=>{const o=Array.from(e.querySelectorAll("td, th")),n=t?o.shift():o.pop(),l=null==n?void 0:n.getAttribute("rowspan");return l&&Number(l)>=r+1}));if(q.current&&H.current){var t;const{offsetHeight:r,offsetWidth:o}=q.current,{top:n,bottom:l,right:i,left:a}=null===(t=H.current)||void 0===t?void 0:t.getBoundingClientRect();F(l-n>r),R(i-a>o);const s=H.current.querySelector("tbody"),c=s?Array.from(null==s?void 0:s.querySelectorAll("tr")):[],{length:u}=c,d=e(c.slice(0,u-1).reverse(),!0),f=e(c.slice(0,u-1).reverse());d&&B(c.indexOf(d)),f&&C(c.indexOf(f))}}),[h,f,v,w]);const N=e=>e.findIndex((e=>{const t=e.querySelectorAll("button, input, a, [tabindex]");return!(!t||!Array.from(t).find((e=>e===document.activeElement)))}));return e.jsxs(r.StyledFlatTableWrapper,c(s({ref:q,"data-role":"flat-table-wrapper",isInSidebar:X,hasStickyHead:b,colorTheme:y,minHeight:w,overflowY:b||p?"auto":void 0,height:z&&!O?"99%":v,maxHeight:O?"100%":void 0,hasOuterVerticalBorders:S,bottomBorderRadius:j,display:"flex",flexDirection:"column",justifyContent:p||v?"space-between":void 0,role:"region",overflowX:_?"hidden":void 0,width:_,hasStickyFooter:p,hasVerticalScrollbar:k,hasHorizontalScrollbar:I,footer:!!h,firstColRowSpanIndex:E,lastColRowSpanIndex:K,onKeyDown:e=>{var t;const r=null===(t=H.current)||void 0===t?void 0:t.querySelectorAll(u),o=Array.from(r||[]);if(!o.length)return;const l=o.findIndex((e=>e===document.activeElement));if(M&&(b||p))(n.default.isPageUpKey(e)||n.default.isPageDownKey(e)||n.default.isHomeKey(e)||n.default.isEndKey(e))&&e.preventDefault();else if(n.default.isDownKey(e))if(e.preventDefault(),-1!==l&&l<o.length){var i;null===(i=o[l+1])||void 0===i||i.focus()}else{const e=N(o);var a;-1!==e&&e<o.length&&(null===(a=o[e+1])||void 0===a||a.focus())}else if(n.default.isUpKey(e))if(e.preventDefault(),l>0){var s;null===(s=o[l-1])||void 0===s||s.focus()}else{const e=N(o);var c;e>0&&(null===(c=o[e-1])||void 0===c||c.focus())}}},D),{"data-component":"flat-table-wrapper",title:A,children:[e.jsx(r.StyledTableContainer,{ref:T,tabIndex:0,overflowX:P,width:_,"data-role":"flat-table-container",children:e.jsxs(r.StyledFlatTable,c(s({ref:H,"data-component":"flat-table"},V),{children:[d?e.jsx("caption",{children:d}):null,e.jsx(l.StrictFlatTableProvider,{value:{colorTheme:y,size:m,getTabStopElementId:()=>{var e;const t=Array.from((null===(e=H.current)||void 0===e?void 0:e.querySelectorAll(u))||[]),r=t.find((e=>"true"===e.getAttribute("data-selected")||"true"===e.getAttribute("data-highlighted")))||t[0];return(null==r?void 0:r.getAttribute("id"))||""}},children:e.jsx(i.default.Provider,{value:{isInFlatTable:!0,setHasOpenDatePicker:Z},children:f})})]}))}),h&&e.jsx(r.StyledFlatTableFooter,{hasStickyFooter:p,"data-role":"flat-table-footer",children:h})]}))};d.displayName="FlatTable",exports.FlatTable=d,exports.default=d;

package/lib/components/flat-table/flat-table.style.d.ts

@@ -9,7 +9,6 @@ interface StyledFlatTableWrapperProps extends Pick<FlatTableProps, "hasStickyFoo
     hasVerticalScrollbar: boolean;
     lastColRowSpanIndex: number;
     firstColRowSpanIndex: number;
-    isFocused: boolean;
     bottomBorderRadius: NonNullable<FlatTableProps["bottomBorderRadius"]>;
 }
 declare const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any, {

package/lib/components/flat-table/flat-table.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),r=require("./flat-table-header/flat-table-header.style.js"),o=require("./flat-table-row/flat-table-row.style.js"),e=require("./flat-table-row-header/flat-table-row-header.style.js"),l=require("./flat-table-head/flat-table-head.style.js"),a=require("./flat-table-checkbox/flat-table-checkbox.style.js"),d=require("../../style/themes/apply-base-theme.js"),i=require("./flat-table-cell/flat-table-cell.style.js"),s=require("./cell-sizes.style.js"),c=require("../box/box.style.js"),b=require("../pager/pager.style.js"),u=require("../../style/utils/add-focus-styling.js");function f(t){return t&&t.__esModule?t:{default:t}}var n=f(t);const y=n.default.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-43c3dd9c-0"})([""," :focus{outline:none;}"],(({width:r,overflowX:o})=>r&&t.css(["width:",";",""],r,o&&`overflow-x: ${o};`))),h=n.default.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-43c3dd9c-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:r})=>r&&t.css(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:l})=>{const{height:d,fontSize:c,paddingSize:b}=s.default[l];return t.css(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],o.default,d,i.StyledFlatTableCell,r.default,e.StyledFlatTableRowHeader,a.default,c,b,b)}),(({isZebra:r})=>r&&t.css(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],o.default,e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,o.default,i.StyledFlatTableCell,e.StyledFlatTableRowHeader,a.default))),v=n.default(c.default).attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-43c3dd9c-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:r})=>!r&&t.css(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],o.default,i.StyledFlatTableCell,i.StyledFlatTableCell)),(({hasStickyFooter:r,hasHorizontalScrollbar:o,bottomBorderRadius:e})=>!r&&!o&&t.css(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],e,e)),(({isInSidebar:r,isFocused:o})=>t.css(["box-sizing:border-box;"," ",""],o&&t.css(["",""],u.default()),r?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-base":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-white":return t.css(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);default:return t.css([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],l.default,a.default,r.default,l.default,l.default,e.StyledFlatTableRowHeader)}}),(({isInSidebar:o})=>o&&t.css(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],l.default,r.default,l.default,e.StyledFlatTableRowHeader,l.default,a.default)),(({hasStickyHead:r,theme:o})=>r&&t.css(["","{position:sticky;top:0;left:0;z-index:",";}"],l.default,o.zIndex.overlay+5)),l.default,e.StyledFlatTableRowHeader,r.default,l.default,a.default,(({theme:t})=>t.zIndex.overlay+5),r.default,a.default,r.default,a.default,(({theme:t})=>t.zIndex.overlay+3),o.default,(({hasVerticalScrollbar:r})=>!r&&t.css(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay+5),(({footer:r})=>r&&t.css(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:r,firstColRowSpanIndex:e,lastColRowSpanIndex:l,hasHorizontalScrollbar:a,hasVerticalScrollbar:d,bottomBorderRadius:i})=>!r&&t.css(["tbody{"," "," ",":last-of-type{"," ","}}"],e>=0&&t.css(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],o.default,e+1),l>=0&&!a&&t.css(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],o.default,l+1),o.default,!a&&-1===e&&t.css(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],i),!d&&!a&&-1===l&&t.css(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],i)))),p=n.default.div.attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-43c3dd9c-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],b.StyledPagerContainer,(({hasStickyFooter:r,theme:o})=>r&&t.css(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],o.zIndex.overlay+1,b.StyledPagerContainer)));exports.StyledFlatTable=h,exports.StyledFlatTableFooter=p,exports.StyledFlatTableWrapper=v,exports.StyledTableContainer=y;
+"use strict";var t=require("styled-components"),r=require("./flat-table-header/flat-table-header.style.js"),o=require("./flat-table-row/flat-table-row.style.js"),e=require("./flat-table-row-header/flat-table-row-header.style.js"),l=require("./flat-table-head/flat-table-head.style.js"),a=require("./flat-table-checkbox/flat-table-checkbox.style.js"),d=require("../../style/themes/apply-base-theme.js"),i=require("./flat-table-cell/flat-table-cell.style.js"),s=require("./cell-sizes.style.js"),c=require("../box/box.style.js"),b=require("../pager/pager.style.js"),u=require("../../style/utils/add-focus-styling.js");function f(t){return t&&t.__esModule?t:{default:t}}var n=f(t);const y=n.default.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-e272cfd9-0"})([""," :focus{outline:none;}"],(({width:r,overflowX:o})=>r&&t.css(["width:",";",""],r,o&&`overflow-x: ${o};`))),h=n.default.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-e272cfd9-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:r})=>r&&t.css(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:l})=>{const{height:d,fontSize:c,paddingSize:b}=s.default[l];return t.css(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],o.default,d,i.StyledFlatTableCell,r.default,e.StyledFlatTableRowHeader,a.default,c,b,b)}),(({isZebra:r})=>r&&t.css(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],o.default,e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,o.default,i.StyledFlatTableCell,e.StyledFlatTableRowHeader,a.default))),v=n.default(c.default).attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-e272cfd9-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:r})=>!r&&t.css(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],o.default,i.StyledFlatTableCell,i.StyledFlatTableCell)),(({hasStickyFooter:r,hasHorizontalScrollbar:o,bottomBorderRadius:e})=>!r&&!o&&t.css(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],e,e)),(({isInSidebar:r})=>t.css(["box-sizing:border-box;:has(",":focus-visible){","}",""],y,u.default(),r?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-base":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-white":return t.css(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);default:return t.css([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],l.default,a.default,r.default,l.default,l.default,e.StyledFlatTableRowHeader)}}),(({isInSidebar:o})=>o&&t.css(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],l.default,r.default,l.default,e.StyledFlatTableRowHeader,l.default,a.default)),(({hasStickyHead:r,theme:o})=>r&&t.css(["","{position:sticky;top:0;left:0;z-index:",";}"],l.default,o.zIndex.overlay+5)),l.default,e.StyledFlatTableRowHeader,r.default,l.default,a.default,(({theme:t})=>t.zIndex.overlay+5),r.default,a.default,r.default,a.default,(({theme:t})=>t.zIndex.overlay+3),o.default,(({hasVerticalScrollbar:r})=>!r&&t.css(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay+5),(({footer:r})=>r&&t.css(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:r,firstColRowSpanIndex:e,lastColRowSpanIndex:l,hasHorizontalScrollbar:a,hasVerticalScrollbar:d,bottomBorderRadius:i})=>!r&&t.css(["tbody{"," "," ",":last-of-type{"," ","}}"],e>=0&&t.css(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],o.default,e+1),l>=0&&!a&&t.css(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],o.default,l+1),o.default,!a&&-1===e&&t.css(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],i),!d&&!a&&-1===l&&t.css(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],i)))),p=n.default.div.attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-e272cfd9-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],b.StyledPagerContainer,(({hasStickyFooter:r,theme:o})=>r&&t.css(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],o.zIndex.overlay+1,b.StyledPagerContainer)));exports.StyledFlatTable=h,exports.StyledFlatTableFooter=p,exports.StyledFlatTableWrapper=v,exports.StyledTableContainer=y;

package/lib/hooks/__internal__/useChildButtons/useChildButtons.d.ts

@@ -1,15 +1,17 @@
+import React from "react";
 declare const useChildButtons: (toggleButtonRef: React.RefObject<HTMLButtonElement>, widthRatio?: number) => {
     showAdditionalButtons: boolean;
     showButtons: () => void;
     hideButtons: () => void;
-    buttonNode: import("react").RefObject<HTMLDivElement>;
+    buttonNode: React.RefObject<HTMLDivElement>;
     handleToggleButtonKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     wrapperProps: {
         "data-element": string;
         role: string;
         onKeyDown: (ev: React.KeyboardEvent<HTMLElement>) => void;
+        onBlur: (ev: React.FocusEvent<HTMLElement>) => void;
         minWidth: number;
-        ref: import("react").RefObject<HTMLUListElement>;
+        ref: React.RefObject<HTMLUListElement>;
     };
     contextValue: {
         inSplitButton: boolean;

package/lib/hooks/__internal__/useChildButtons/useChildButtons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,l=1)=>{const[o,r]=e.useState(!1),[a,i]=e.useState(0),s=e.useRef(null),d=e.useRef(null),c=e.useCallback((()=>{r(!1)}),[]);function v(){r(!0),s.current&&i(l*s.current.getBoundingClientRect().width)}const f=e.useCallback((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelectorAll('[data-component="button"]')}),[]),p=n.default(u,f,c,o),y={inSplitButton:!0,onChildButtonClick:e=>t=>{var n;null==e||e(t),c(),null===(n=u.current)||void 0===n||n.focus()}};return{showAdditionalButtons:o,showButtons:v,hideButtons:c,buttonNode:s,handleToggleButtonKeyDown:e=>{const n=t.default.isEnterKey(e)||t.default.isSpaceKey(e);var u,l;!n&&!t.default.isDownKey(e)||o||(e.preventDefault(),v()),t.default.isDownKey(e)&&o&&(e.preventDefault(),null===(l=f())||void 0===l||null===(u=l[0])||void 0===u||u.focus({preventScroll:!0})),n&&o&&(e.preventDefault(),c())},wrapperProps:{"data-element":"additional-buttons",role:"list",onKeyDown:p,minWidth:a,ref:d},contextValue:y}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),n=require("../useMenuKeyboardNavigation/useMenuKeyboardNavigation.js");exports.default=(u,l=1)=>{const[r,o]=e.useState(!1),[a,i]=e.useState(0),s=e.useRef(null),d=e.useRef(null),c=e.useCallback((()=>{o(!1)}),[]);function v(){o(!0),s.current&&i(l*s.current.getBoundingClientRect().width)}const f=e.useCallback((()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelectorAll('[data-component="button"]')}),[]),p={"data-element":"additional-buttons",role:"list",onKeyDown:n.default(u,f,c,r),onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||c()},minWidth:a,ref:d},y={inSplitButton:!0,onChildButtonClick:e=>t=>{var n;null==e||e(t),c(),null===(n=u.current)||void 0===n||n.focus()}};return{showAdditionalButtons:r,showButtons:v,hideButtons:c,buttonNode:s,handleToggleButtonKeyDown:e=>{const n=t.default.isEnterKey(e)||t.default.isSpaceKey(e);var u,l;!n&&!t.default.isDownKey(e)||r||(e.preventDefault(),v()),t.default.isDownKey(e)&&r&&(e.preventDefault(),null===(l=f())||void 0===l||null===(u=l[0])||void 0===u||u.focus({preventScroll:!0})),n&&r&&(e.preventDefault(),c())},wrapperProps:p,contextValue:y}};

package/lib/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../__internal__/utils/helpers/events/events.js"),l=require("../useModalManager/useModalManager.js");exports.default=(a,n,s,u)=>{const r=e.useCallback((()=>{var e;s(),null===(e=a.current)||void 0===e||e.focus()}),[s,a]),o=e.useCallback((e=>{t.default.isEscKey(e)&&r()}),[r]);l.default({open:u,closeModal:o,modalRef:a});const d=e.useCallback((e=>{t.default.isEnterKey(e)||t.default.isSpaceKey(e)||t.default.isTabKey(e)||e.preventDefault();const l=n(),a=null==l?void 0:l.length;let s=-1;const u=Array.from(l).indexOf(document.activeElement),r=e.ctrlKey||e.metaKey;var o;(t.default.isEndKey(e)||r&&t.default.isDownKey(e))&&(s=a-1),(t.default.isHomeKey(e)||r&&t.default.isUpKey(e))&&(s=0),!r&&t.default.isUpKey(e)&&u>0&&(s=u-1),!r&&t.default.isDownKey(e)&&u<a-1&&(s=u+1),s>-1&&(null==l||null===(o=l[s])||void 0===o||o.focus())}),[n]),i=e.useCallback((()=>{const e=n();e&&(Array.from(e).some((e=>e===document.activeElement))||s())}),[n,s]);return e.useEffect((()=>(document.addEventListener("focusin",i),window.addEventListener("blur",s),()=>{document.removeEventListener("focusin",i),window.removeEventListener("blur",s)})),[i,s]),d};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),l=require("../../../__internal__/utils/helpers/events/events.js"),a=require("../useModalManager/useModalManager.js");exports.default=(t,u,s,r)=>{const n=e.useCallback((()=>{var e;s(),null===(e=t.current)||void 0===e||e.focus()}),[s,t]),d=e.useCallback((e=>{l.default.isEscKey(e)&&n()}),[n]);return a.default({open:r,closeModal:d,modalRef:t}),e.useCallback((e=>{l.default.isEnterKey(e)||l.default.isSpaceKey(e)||l.default.isTabKey(e)||e.preventDefault();const a=u(),t=null==a?void 0:a.length;let s=-1;const r=Array.from(a).indexOf(document.activeElement),n=e.ctrlKey||e.metaKey;var d;(l.default.isEndKey(e)||n&&l.default.isDownKey(e))&&(s=t-1),(l.default.isHomeKey(e)||n&&l.default.isUpKey(e))&&(s=0),!n&&l.default.isUpKey(e)&&r>0&&(s=r-1),!n&&l.default.isDownKey(e)&&r<t-1&&(s=r+1),s>-1&&(null==a||null===(d=a[s])||void 0===d||d.focus())}),[u])};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "157.5.0",
+  "version": "157.5.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -121,26 +121,26 @@
     "@typescript-eslint/parser": "^8.35.1",
     "babel-jest": "^29.7.0",
     "babel-plugin-dev-expression": "^0.2.3",
-    "browserslist": "^4.22.1",
+    "browserslist": "^4.26.3",
     "chromatic": "^6.17.4",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "core-js": "^3.33.3",
+    "core-js": "^3.45.1",
     "css-loader": "^6.8.1",
     "dayjs": "^1.11.10",
-    "eslint": "^9.30.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.36.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^28.14.0",
-    "eslint-plugin-jest-dom": "^5.2.0",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-mdx": "^3.5.0",
-    "eslint-plugin-no-unsanitized": "^4.1.2",
-    "eslint-plugin-playwright": "^1.6.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-jest": "^29.0.1",
+    "eslint-plugin-jest-dom": "^5.5.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-mdx": "^3.6.2",
+    "eslint-plugin-no-unsanitized": "^4.1.4",
+    "eslint-plugin-playwright": "^2.2.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^6.1.0",
     "eslint-plugin-ssr-friendly": "^1.3.0",
-    "eslint-plugin-testing-library": "^7.6.0",
+    "eslint-plugin-testing-library": "^7.11.0",
     "events": "~1.1.1",
     "fast-glob": "^3.3.2",
     "file-loader": "^6.2.0",
@@ -195,7 +195,6 @@
     "@tanstack/react-virtual": "^3.11.2",
     "@types/styled-system": "^5.1.22",
     "chalk": "^4.1.2",
-    "classnames": "~2.3.2",
     "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "immutable": "~3.8.2",