carbon-react 155.5.2 → 155.5.4

package/esm/components/action-popover/__internal__/action-popover.context.d.ts

@@ -4,6 +4,8 @@ type ActionPopoverContextType = {
     focusButton: () => void;
     horizontalAlignment: Alignment;
     submenuPosition: Alignment;
+    selectedSubmenuRef: HTMLUListElement | null;
+    setSelectedSubmenuRef: (ref: HTMLUListElement | null) => void;
 };
 export declare const ActionPopoverProvider: import("react").Provider<ActionPopoverContextType | null>;
 export declare const useActionPopoverContext: () => ActionPopoverContextType;

package/esm/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as o,useCallback as i,useEffect as u}from"react";import c from"invariant";import{StyledMenuItemWrapper as a,StyledMenuItem as l,SubMenuItemIcon as s,MenuItemIcon as p,StyledMenuItemInnerText as f}from"../action-popover.style.js";import m from"../../../__internal__/utils/helpers/events/events.js";import d from"../../../__internal__/utils/helpers/guid/index.js";import{useActionPopoverContext as v}from"../__internal__/action-popover.context.js";import b from"../action-popover-menu/action-popover-menu.component.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function P(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function g(e){return Boolean(e&&e.current)}const O=y=>{var{children:O,icon:j,disabled:w=!1,onClick:_,submenu:D,focusItem:E,download:x,href:I,currentSubmenuPosition:S,setCurrentSubmenuPosition:k}=y,K=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","icon","disabled","onClick","submenu","focusItem","download","href","currentSubmenuPosition","setCurrentSubmenuPosition"]);c(!n.isValidElement(D)||D.type===b,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:C,focusButton:T,submenuPosition:A}=v(),L=!!I,[M,B]=r(void 0),[R]=r(d()),[W,$]=r(!1),[V,z]=r(0),F=o(null),N=o(null),q=o(null),G=o(null),H=i((()=>{const e=function(e,t,n,r){if(!e.current||!t.current)return r||n;const{left:o,right:i}=e.current.getBoundingClientRect(),{offsetWidth:u}=t.current,c=document.body.clientWidth;return"left"===n?o>=u?"left":"right":c>=i+u?"right":"left"}(N,F,A,S);return null==k||k(e),g(N)&&g(F)&&D}),[D,k,A,S]);u((()=>{B((()=>{if(!N.current||!F.current)return;const{offsetWidth:e}=F.current,t="left"===S;return{left:t?-e:"auto",right:t?"auto":-e}}))}),[D,S]),u((()=>{D&&H()}),[H,D]),u((()=>{E&&setTimeout((()=>{var e;null===(e=N.current)||void 0===e||e.focus()}),0)}),[E]),u((()=>function(){q.current&&clearTimeout(q.current),G.current&&clearTimeout(G.current)}),[]),u((()=>{const e="resize";return window.addEventListener(e,H),function(){window.removeEventListener(e,H)}}),[H]);const J=i((e=>{var t;e.stopPropagation(),w?(null===(t=N.current)||void 0===t||t.focus(),e.preventDefault()):(C(!1),T(),_&&_(e))}),[w,T,_,C]),Q=i((e=>{if(m.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(w)m.isEnterKey(e)&&e.stopPropagation();else if(D){var t;if("left"===S){if(m.isLeftKey(e)||m.isEnterKey(e))$(!0),z(0),e.stopPropagation();else if(m.isRightKey(e)){var n;$(!1),null===(n=N.current)||void 0===n||n.focus(),e.stopPropagation()}}else(m.isRightKey(e)||m.isEnterKey(e))&&($(!0),z(0),e.stopPropagation()),m.isLeftKey(e)&&($(!1),null===(t=N.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else if(m.isEnterKey(e)){var r;L&&x&&(null===(r=N.current)||void 0===r||r.click()),e.preventDefault(),J(e)}}),[w,x,L,J,D,S]),U=P(h({},!w&&{onClick:e=>{var t;$(!0),null===(t=N.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${R}`,"aria-expanded":W}),X=h({},!w&&{onMouseEnter:e=>{q.current&&clearTimeout(q.current),z(-1),q.current=setTimeout((()=>{$(!0)}),150),e.stopPropagation()},onMouseLeave:e=>{G.current&&clearTimeout(G.current),G.current=setTimeout((()=>{$(!1)}),150),e.stopPropagation()}});return e(a,P(h({onKeyDown:Q},D&&X),{children:[e(l,P(h(P(h({},K),{ref:N,onClick:J,type:"button",tabIndex:0,isDisabled:w}),w&&{"aria-disabled":!0},L&&{as:"a",download:x,href:I},D&&U),{children:[D&&g(N)&&t(s,{"aria-hidden":!0,"data-element":"action-popover-menu-item-chevron","data-role":"chevron-icon",type:"left"===S?"chevron_left_thick":"chevron_right_thick"}),j&&t(p,{"aria-hidden":!0,type:j,"data-element":"action-popover-menu-item-icon","data-role":"item-icon"}),t(f,{"data-element":"action-popover-menu-item-inner-text",children:O})]})),n.isValidElement(D)?n.cloneElement(D,{parentID:`ActionPopoverItem_${R}`,menuID:`ActionPopoverMenu_${R}`,"data-element":"action-popover-submenu",isOpen:W,ref:F,style:M,setOpen:$,setFocusIndex:z,focusIndex:V}):null]}))};O.displayName="ActionPopoverItem";export{O as ActionPopoverItem,O as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useState as n,useRef as o,useCallback as i,useEffect as u}from"react";import c from"invariant";import{StyledMenuItemWrapper as l,StyledMenuItem as a,SubMenuItemIcon as s,MenuItemIcon as p,StyledMenuItemInnerText as f}from"../action-popover.style.js";import m from"../../../__internal__/utils/helpers/events/events.js";import d from"../../../__internal__/utils/helpers/guid/index.js";import{useActionPopoverContext as v}from"../__internal__/action-popover.context.js";import b from"../action-popover-menu/action-popover-menu.component.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function P(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}function g(e){return Boolean(e&&e.current)}const O=y=>{var{children:O,icon:j,disabled:w=!1,onClick:_,submenu:S,focusItem:D,download:E,href:x,currentSubmenuPosition:I,setCurrentSubmenuPosition:k}=y,K=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(y,["children","icon","disabled","onClick","submenu","focusItem","download","href","currentSubmenuPosition","setCurrentSubmenuPosition"]);c(!r.isValidElement(S)||S.type===b,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:C,focusButton:T,submenuPosition:A,selectedSubmenuRef:L,setSelectedSubmenuRef:M}=v(),R=!!x,[B,W]=n(void 0),[$]=n(d()),[V,z]=n(!1),[F,N]=n(0),q=o(null),G=o(null),H=o(null),J=o(null),Q=i((()=>{const e=function(e,t,r,n){if(!e.current||!t.current)return n||r;const{left:o,right:i}=e.current.getBoundingClientRect(),{offsetWidth:u}=t.current,c=document.body.clientWidth;return"left"===r?o>=u?"left":"right":c>=i+u?"right":"left"}(G,q,A,I);return null==k||k(e),g(G)&&g(q)&&S}),[S,k,A,I]);u((()=>{!w&&q.current&&z(L===q.current)}),[w,L]),u((()=>{W((()=>{if(!G.current||!q.current)return;const{offsetWidth:e}=q.current,t="left"===I;return{left:t?-e:"auto",right:t?"auto":-e}}))}),[S,I]),u((()=>{S&&Q()}),[Q,S]),u((()=>{D&&setTimeout((()=>{var e;null===(e=G.current)||void 0===e||e.focus()}),0)}),[D]),u((()=>function(){H.current&&clearTimeout(H.current),J.current&&clearTimeout(J.current)}),[]),u((()=>{const e="resize";return window.addEventListener(e,Q),function(){window.removeEventListener(e,Q)}}),[Q]);const U=i((e=>{var t;e.stopPropagation(),w?(null===(t=G.current)||void 0===t||t.focus(),e.preventDefault()):(C(!1),T(),_&&_(e))}),[w,T,_,C]),X=i((e=>{if(m.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(w)m.isEnterKey(e)&&e.stopPropagation();else if(S){var t;if("left"===I){if(m.isLeftKey(e)||m.isEnterKey(e))M(q.current),z(!0),N(0),e.stopPropagation();else if(m.isRightKey(e)){var r;z(!1),null===(r=G.current)||void 0===r||r.focus(),e.stopPropagation()}}else(m.isRightKey(e)||m.isEnterKey(e))&&(z(!0),N(0),e.stopPropagation()),m.isLeftKey(e)&&(z(!1),null===(t=G.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else if(m.isEnterKey(e)){var n;R&&E&&(null===(n=G.current)||void 0===n||n.click()),e.preventDefault(),U(e)}}),[w,S,I,M,R,E,U]),Y=P(h({},!w&&{onClick:e=>{var t;M(q.current),z(!0),null===(t=G.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${$}`,"aria-expanded":V}),Z=h({},!w&&{onMouseEnter:e=>{H.current&&clearTimeout(H.current),N(-1),H.current=setTimeout((()=>{z(!0),M(q.current)}),150),e.stopPropagation()},onMouseLeave:e=>{J.current&&clearTimeout(J.current),J.current=setTimeout((()=>{z(!1)}),150),e.stopPropagation()}});return e(l,P(h({onKeyDown:X},S&&Z),{children:[e(a,P(h(P(h({},K),{ref:G,onClick:U,type:"button",tabIndex:0,isDisabled:w}),w&&{"aria-disabled":!0},R&&{as:"a",download:E,href:x},S&&Y),{children:[S&&g(G)&&t(s,{"aria-hidden":!0,"data-element":"action-popover-menu-item-chevron","data-role":"chevron-icon",type:"left"===I?"chevron_left_thick":"chevron_right_thick"}),j&&t(p,{"aria-hidden":!0,type:j,"data-element":"action-popover-menu-item-icon","data-role":"item-icon"}),t(f,{"data-element":"action-popover-menu-item-inner-text",children:O})]})),r.isValidElement(S)?r.cloneElement(S,{parentID:`ActionPopoverItem_${$}`,menuID:`ActionPopoverMenu_${$}`,"data-element":"action-popover-submenu",isOpen:V,ref:q,style:B,setOpen:z,setFocusIndex:N,focusIndex:F}):null]}))};O.displayName="ActionPopoverItem";export{O as ActionPopoverItem,O as default};

package/esm/components/action-popover/action-popover.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o,{forwardRef as r,useState as n,useRef as a,useContext as i,useMemo as l,useCallback as p,useImperativeHandle as c,useEffect as s}from"react";import u from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{MenuItemDivider as b,MenuButton as m,StyledButtonIcon as f,ButtonIcon as v}from"./action-popover.style.js";import y from"../../__internal__/utils/helpers/events/events.js";import _ from"../../__internal__/popover/popover.component.js";import O from"../../__internal__/utils/helpers/guid/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import g from"./action-popover-menu/action-popover-menu.component.js";import{ActionPopoverItem as h}from"./action-popover-item/action-popover-item.component.js";import"./action-popover-divider/action-popover-divider.component.js";import{ActionPopoverProvider as P}from"./__internal__/action-popover.context.js";import x from"../../hooks/__internal__/useModalManager/useModalManager.js";import{getItems as w,findFirstFocusableItem as A,findLastFocusableItem as D,checkChildrenForString as I}from"./__internal__/action-popover.utils.js";import k from"../flat-table/__internal__/flat-table.context.js";function E(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const M=()=>{},S=()=>{},L=r(((r,L)=>{var{children:B,id:K,onOpen:$=M,onClose:C=S,rightAlignMenu:z,renderButton:F,placement:N="bottom",horizontalAlignment:U="left",submenuPosition:q="left","aria-label":R,"aria-labelledby":T,"aria-describedby":V}=r,G=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(r,["children","id","onOpen","onClose","rightAlignMenu","renderButton","placement","horizontalAlignment","submenuPosition","aria-label","aria-labelledby","aria-describedby"]);const H=j(),[J,Q]=n(!1),[W,X]=n(0),[Y]=n(O()),Z=a(null),ee=a(null),{isInFlatTable:te}=i(k),oe=l((()=>!o.Children.toArray(B).find((e=>!o.isValidElement(e)||e.type!==h&&e.type!==b))),[B]),re=l((()=>w(B)),[B]),ne=A(re),ae=D(re);u(oe,`ActionPopover only accepts children of type \`${h.displayName}\` and \`${b.displayName}\`.`);const ie=l((()=>"top"!==N||z?"top"===N&&z?"top-start":"bottom"===N&&z?"bottom-start":"bottom-end":"top-end"),[N,z]),le=p((e=>{e&&!J&&$(),!e&&J&&C(),Q(e)}),[J,$,C]),pe=p((()=>{var e;const t=null===(e=Z.current)||void 0===e?void 0:e.querySelector("[data-element='action-popover-button']");null==t||t.focus()}),[]);c(L,(()=>({focusButton(){pe()}})),[pe]);const ce=p((e=>{e.stopPropagation();const t=!J;X(ne),le(t),t||pe()}),[J,ne,le,pe]),se=p((e=>{y.isSpaceKey(e)||y.isDownKey(e)||y.isEnterKey(e)?(e.preventDefault(),e.stopPropagation(),X(ne),le(!0)):y.isUpKey(e)&&(e.preventDefault(),e.stopPropagation(),X(ae),le(!0))}),[ne,ae,le]),ue=p((e=>{y.isEscKey(e)&&(le(!1),pe())}),[le,pe]);x({open:J,closeModal:ue,modalRef:Z}),s((()=>{const e=({target:e})=>{var t,o;const r=null==ee||null===(t=ee.current)||void 0===t?void 0:t.contains(e),n=null==Z||null===(o=Z.current)||void 0===o?void 0:o.contains(e);r||n||le(!1)},t="click";return document.addEventListener(t,e,{capture:!0}),function(){document.removeEventListener(t,e,{capture:!0})}}),[le]);const de=K||`ActionPopoverButton_${Y}`,be=`ActionPopoverMenu_${Y}`;return e(m,(me=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){E(e,t,o[t])}))}return e}({id:de,onKeyDown:se,onClick:ce,isOpen:J,ref:Z},G,d("action-popover-wrapper",G)),fe=null!=(fe={children:[(e=>{if(F){const t=F({tabIndex:J?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":R||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":`${J}`}}),o=I(t);return F({tabIndex:J?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":o?void 0:R||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":`${J}`}})}return t(f,{role:"button","aria-haspopup":"true","aria-label":R||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":J,tabIndex:J?-1:0,"data-element":"action-popover-button",children:t(v,{type:"ellipsis_vertical"})})})(be),t(P,{value:{setOpenPopover:le,focusButton:pe,submenuPosition:q,horizontalAlignment:U},children:J&&t(_,{placement:ie,reference:Z,disableBackgroundUI:te,children:t(g,{"data-component":"action-popover",ref:ee,parentID:de,menuID:be,focusIndex:W,setFocusIndex:X,isOpen:J,setOpen:le,placement:N,children:B})})})]})?fe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(me,Object.getOwnPropertyDescriptors(fe)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(fe)).forEach((function(e){Object.defineProperty(me,e,Object.getOwnPropertyDescriptor(fe,e))})),me));var me,fe}));export{L as ActionPopover,L as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import o,{forwardRef as r,useState as n,useRef as a,useContext as i,useMemo as l,useCallback as p,useImperativeHandle as c,useEffect as s}from"react";import u from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{MenuItemDivider as b,MenuButton as m,StyledButtonIcon as f,ButtonIcon as v}from"./action-popover.style.js";import y from"../../__internal__/utils/helpers/events/events.js";import _ from"../../__internal__/popover/popover.component.js";import O from"../../__internal__/utils/helpers/guid/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import g from"./action-popover-menu/action-popover-menu.component.js";import{ActionPopoverItem as h}from"./action-popover-item/action-popover-item.component.js";import"./action-popover-divider/action-popover-divider.component.js";import{ActionPopoverProvider as P}from"./__internal__/action-popover.context.js";import x from"../../hooks/__internal__/useModalManager/useModalManager.js";import{getItems as w,findFirstFocusableItem as A,findLastFocusableItem as S,checkChildrenForString as D}from"./__internal__/action-popover.utils.js";import I from"../flat-table/__internal__/flat-table.context.js";function k(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const E=()=>{},M=()=>{},L=r(((r,L)=>{var{children:B,id:K,onOpen:$=E,onClose:C=M,rightAlignMenu:z,renderButton:R,placement:F="bottom",horizontalAlignment:N="left",submenuPosition:U="left","aria-label":q,"aria-labelledby":T,"aria-describedby":V}=r,G=function(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(r,["children","id","onOpen","onClose","rightAlignMenu","renderButton","placement","horizontalAlignment","submenuPosition","aria-label","aria-labelledby","aria-describedby"]);const H=j(),[J,Q]=n(!1),[W,X]=n(0),[Y]=n(O()),Z=a(null),ee=a(null),{isInFlatTable:te}=i(I),[oe,re]=n(null),ne=l((()=>!o.Children.toArray(B).find((e=>!o.isValidElement(e)||e.type!==h&&e.type!==b))),[B]),ae=l((()=>w(B)),[B]),ie=A(ae),le=S(ae);u(ne,`ActionPopover only accepts children of type \`${h.displayName}\` and \`${b.displayName}\`.`);const pe=l((()=>"top"!==F||z?"top"===F&&z?"top-start":"bottom"===F&&z?"bottom-start":"bottom-end":"top-end"),[F,z]),ce=p((e=>{e&&!J&&$(),!e&&J&&C(),Q(e)}),[J,$,C]),se=p((()=>{var e;const t=null===(e=Z.current)||void 0===e?void 0:e.querySelector("[data-element='action-popover-button']");null==t||t.focus()}),[]);c(L,(()=>({focusButton(){se()}})),[se]);const ue=p((e=>{e.stopPropagation();const t=!J;X(ie),ce(t),t||se()}),[J,ie,ce,se]),de=p((e=>{y.isSpaceKey(e)||y.isDownKey(e)||y.isEnterKey(e)?(e.preventDefault(),e.stopPropagation(),X(ie),ce(!0)):y.isUpKey(e)&&(e.preventDefault(),e.stopPropagation(),X(le),ce(!0))}),[ie,le,ce]),be=p((e=>{y.isEscKey(e)&&(ce(!1),se())}),[ce,se]);x({open:J,closeModal:be,modalRef:Z}),s((()=>{const e=({target:e})=>{var t,o;const r=null==ee||null===(t=ee.current)||void 0===t?void 0:t.contains(e),n=null==Z||null===(o=Z.current)||void 0===o?void 0:o.contains(e);r||n||ce(!1)},t="click";return document.addEventListener(t,e,{capture:!0}),function(){document.removeEventListener(t,e,{capture:!0})}}),[ce]);const me=K||`ActionPopoverButton_${Y}`,fe=`ActionPopoverMenu_${Y}`;return e(m,(ve=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){k(e,t,o[t])}))}return e}({id:me,onKeyDown:de,onClick:ue,isOpen:J,ref:Z},G,d("action-popover-wrapper",G)),ye=null!=(ye={children:[(e=>{if(R){const t=R({tabIndex:J?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":q||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":`${J}`}}),o=D(t);return R({tabIndex:J?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":o?void 0:q||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":`${J}`}})}return t(f,{role:"button","aria-haspopup":"true","aria-label":q||H.actionPopover.ariaLabel(),"aria-labelledby":T,"aria-describedby":V,"aria-controls":e,"aria-expanded":J,tabIndex:J?-1:0,"data-element":"action-popover-button",children:t(v,{type:"ellipsis_vertical"})})})(fe),t(P,{value:{setOpenPopover:ce,focusButton:se,submenuPosition:U,horizontalAlignment:N,selectedSubmenuRef:oe,setSelectedSubmenuRef:re},children:J&&t(_,{placement:pe,reference:Z,disableBackgroundUI:te,children:t(g,{"data-component":"action-popover",ref:ee,parentID:me,menuID:fe,focusIndex:W,setFocusIndex:X,isOpen:J,setOpen:ce,placement:F,children:B})})})]})?ye:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ve,Object.getOwnPropertyDescriptors(ye)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(ye)).forEach((function(e){Object.defineProperty(ve,e,Object.getOwnPropertyDescriptor(ye,e))})),ve));var ve,ye}));export{L as ActionPopover,L as default};

package/esm/components/button/button.component.d.ts

@@ -53,7 +53,7 @@ export interface ButtonProps extends SpaceProps, TagProps {
     /** Specify a callback triggered on keyDown */
     onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     /** onClick handler */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
     /** Assigns a size to the button: "small" | "medium" | "large" */
     size?: SizeOptions;
     /** Second text child, renders under main text, only when size is "large" */

package/esm/components/icon-button/icon-button.component.d.ts

@@ -18,7 +18,7 @@ export interface IconButtonProps extends SpaceProps, TagProps {
     /** Set the button to disabled */
     disabled?: boolean;
     /** Callback triggered on click */
-    onClick?: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /** @private @internal @ignore */
     "data-component"?: string;
 }

package/esm/components/icon-button/icon-button.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import i from"../../__internal__/utils/helpers/events/events.js";import c from"./icon-button.style.js";import{TooltipProvider as a}from"../../__internal__/tooltip-provider/index.js";import u from"../batch-selection/__internal__/batch-selection.context.js";function s(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]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}function b(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 f=t.forwardRef(((t,s)=>{var f,{"aria-label":y,onClick:O,children:d,disabled:m=!1}=t,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:g}=r(u),v=m||g,[_,h]=n(),w=y||(null==_||null===(f=_.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",P=o((e=>{h(e),s&&("object"==typeof s&&(s.current=e),"function"==typeof s&&s(e))}),[s]);var S;return e(c,b(p(b(p({p:0},j),{"aria-label":w,onKeyDown:e=>{(i.isEnterKey(e)||i.isSpaceKey(e))&&(e.preventDefault(),null==O||O(e))},onClick:e=>{null==_||_.focus({preventScroll:!0}),null==O||O(e)},ref:P,disabled:v}),l(null!==(S=j["data-component"])&&void 0!==S?S:"icon-button",j)),{children:e(a,{disabled:v,focusable:!1,target:_,children:d})}))}));f.displayName="IconButton";export{f as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import c from"./icon-button.style.js";import{TooltipProvider as i}from"../../__internal__/tooltip-provider/index.js";import a from"../batch-selection/__internal__/batch-selection.context.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function p(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 f=t.forwardRef(((t,u)=>{var f,{"aria-label":s,onClick:y,children:O,disabled:d=!1}=t,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=r(a),g=d||j,[v,h]=n(),P=s||(null==v||null===(f=v.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",w=o((e=>{h(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var _;return e(c,p(b(p(b({p:0},m),{"aria-label":P,onClick:e=>{null==v||v.focus({preventScroll:!0}),null==y||y(e)},ref:w,disabled:g}),l(null!==(_=m["data-component"])&&void 0!==_?_:"icon-button",m)),{children:e(i,{disabled:g,focusable:!1,target:v,children:O})}))}));f.displayName="IconButton";export{f as default};

package/esm/components/link/link.component.d.ts

@@ -8,7 +8,7 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
     /** An icon to display next to the link. */
     icon?: IconType;
     /** Function called when the mouse is clicked. */
-    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
     /** Function called when a key is pressed. */
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */

package/lib/components/action-popover/__internal__/action-popover.context.d.ts

@@ -4,6 +4,8 @@ type ActionPopoverContextType = {
     focusButton: () => void;
     horizontalAlignment: Alignment;
     submenuPosition: Alignment;
+    selectedSubmenuRef: HTMLUListElement | null;
+    setSelectedSubmenuRef: (ref: HTMLUListElement | null) => void;
 };
 export declare const ActionPopoverProvider: import("react").Provider<ActionPopoverContextType | null>;
 export declare const useActionPopoverContext: () => ActionPopoverContextType;

package/lib/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../action-popover.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),u=require("../../../__internal__/utils/helpers/guid/index.js"),i=require("../__internal__/action-popover.context.js"),c=require("../action-popover-menu/action-popover-menu.component.js");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(t),s=a(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function d(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e){return Boolean(e&&e.current)}const v=n=>{var{children:a,icon:f,disabled:v=!1,onClick:b,submenu:y,focusItem:P,download:h,href:g,currentSubmenuPosition:O,setCurrentSubmenuPosition:j}=n,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["children","icon","disabled","onClick","submenu","focusItem","download","href","currentSubmenuPosition","setCurrentSubmenuPosition"]);s.default(!l.default.isValidElement(y)||y.type===c.default,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:x,focusButton:I,submenuPosition:w}=i.useActionPopoverContext(),S=!!g,[E,k]=t.useState(void 0),[D]=t.useState(u.default()),[M,C]=t.useState(!1),[K,q]=t.useState(0),A=t.useRef(null),T=t.useRef(null),R=t.useRef(null),L=t.useRef(null),W=t.useCallback((()=>{const e=function(e,t,n,r){if(!e.current||!t.current)return r||n;const{left:o,right:u}=e.current.getBoundingClientRect(),{offsetWidth:i}=t.current,c=document.body.clientWidth;return"left"===n?o>=i?"left":"right":c>=u+i?"right":"left"}(T,A,w,O);return null==j||j(e),m(T)&&m(A)&&y}),[y,j,w,O]);t.useEffect((()=>{k((()=>{if(!T.current||!A.current)return;const{offsetWidth:e}=A.current,t="left"===O;return{left:t?-e:"auto",right:t?"auto":-e}}))}),[y,O]),t.useEffect((()=>{y&&W()}),[W,y]),t.useEffect((()=>{P&&setTimeout((()=>{var e;null===(e=T.current)||void 0===e||e.focus()}),0)}),[P]),t.useEffect((()=>function(){R.current&&clearTimeout(R.current),L.current&&clearTimeout(L.current)}),[]),t.useEffect((()=>{const e="resize";return window.addEventListener(e,W),function(){window.removeEventListener(e,W)}}),[W]);const B=t.useCallback((e=>{var t;e.stopPropagation(),v?(null===(t=T.current)||void 0===t||t.focus(),e.preventDefault()):(x(!1),I(),b&&b(e))}),[v,I,b,x]),$=t.useCallback((e=>{if(o.default.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(v)o.default.isEnterKey(e)&&e.stopPropagation();else if(y){var t;if("left"===O){if(o.default.isLeftKey(e)||o.default.isEnterKey(e))C(!0),q(0),e.stopPropagation();else if(o.default.isRightKey(e)){var n;C(!1),null===(n=T.current)||void 0===n||n.focus(),e.stopPropagation()}}else(o.default.isRightKey(e)||o.default.isEnterKey(e))&&(C(!0),q(0),e.stopPropagation()),o.default.isLeftKey(e)&&(C(!1),null===(t=T.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else if(o.default.isEnterKey(e)){var r;S&&h&&(null===(r=T.current)||void 0===r||r.click()),e.preventDefault(),B(e)}}),[v,h,S,B,y,O]),V=d(p({},!v&&{onClick:e=>{var t;C(!0),null===(t=T.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${D}`,"aria-expanded":M}),z=p({},!v&&{onMouseEnter:e=>{R.current&&clearTimeout(R.current),q(-1),R.current=setTimeout((()=>{C(!0)}),150),e.stopPropagation()},onMouseLeave:e=>{L.current&&clearTimeout(L.current),L.current=setTimeout((()=>{C(!1)}),150),e.stopPropagation()}});return e.jsxs(r.StyledMenuItemWrapper,d(p({onKeyDown:$},y&&z),{children:[e.jsxs(r.StyledMenuItem,d(p(d(p({},_),{ref:T,onClick:B,type:"button",tabIndex:0,isDisabled:v}),v&&{"aria-disabled":!0},S&&{as:"a",download:h,href:g},y&&V),{children:[y&&m(T)&&e.jsx(r.SubMenuItemIcon,{"aria-hidden":!0,"data-element":"action-popover-menu-item-chevron","data-role":"chevron-icon",type:"left"===O?"chevron_left_thick":"chevron_right_thick"}),f&&e.jsx(r.MenuItemIcon,{"aria-hidden":!0,type:f,"data-element":"action-popover-menu-item-icon","data-role":"item-icon"}),e.jsx(r.StyledMenuItemInnerText,{"data-element":"action-popover-menu-item-inner-text",children:a})]})),l.default.isValidElement(y)?l.default.cloneElement(y,{parentID:`ActionPopoverItem_${D}`,menuID:`ActionPopoverMenu_${D}`,"data-element":"action-popover-submenu",isOpen:M,ref:A,style:E,setOpen:C,setFocusIndex:q,focusIndex:K}):null]}))};v.displayName="ActionPopoverItem",exports.ActionPopoverItem=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("../action-popover.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),u=require("../../../__internal__/utils/helpers/guid/index.js"),i=require("../__internal__/action-popover.context.js"),c=require("../action-popover-menu/action-popover-menu.component.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t),s=l(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function d(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e){return Boolean(e&&e.current)}const v=n=>{var{children:l,icon:f,disabled:v=!1,onClick:b,submenu:y,focusItem:P,download:h,href:g,currentSubmenuPosition:O,setCurrentSubmenuPosition:j}=n,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)n=u[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(n,["children","icon","disabled","onClick","submenu","focusItem","download","href","currentSubmenuPosition","setCurrentSubmenuPosition"]);s.default(!a.default.isValidElement(y)||y.type===c.default,"ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`");const{setOpenPopover:S,focusButton:x,submenuPosition:I,selectedSubmenuRef:w,setSelectedSubmenuRef:E}=i.useActionPopoverContext(),k=!!g,[D,M]=t.useState(void 0),[C]=t.useState(u.default()),[K,R]=t.useState(!1),[q,A]=t.useState(0),T=t.useRef(null),L=t.useRef(null),W=t.useRef(null),B=t.useRef(null),$=t.useCallback((()=>{const e=function(e,t,n,r){if(!e.current||!t.current)return r||n;const{left:o,right:u}=e.current.getBoundingClientRect(),{offsetWidth:i}=t.current,c=document.body.clientWidth;return"left"===n?o>=i?"left":"right":c>=u+i?"right":"left"}(L,T,I,O);return null==j||j(e),m(L)&&m(T)&&y}),[y,j,I,O]);t.useEffect((()=>{!v&&T.current&&R(w===T.current)}),[v,w]),t.useEffect((()=>{M((()=>{if(!L.current||!T.current)return;const{offsetWidth:e}=T.current,t="left"===O;return{left:t?-e:"auto",right:t?"auto":-e}}))}),[y,O]),t.useEffect((()=>{y&&$()}),[$,y]),t.useEffect((()=>{P&&setTimeout((()=>{var e;null===(e=L.current)||void 0===e||e.focus()}),0)}),[P]),t.useEffect((()=>function(){W.current&&clearTimeout(W.current),B.current&&clearTimeout(B.current)}),[]),t.useEffect((()=>{const e="resize";return window.addEventListener(e,$),function(){window.removeEventListener(e,$)}}),[$]);const V=t.useCallback((e=>{var t;e.stopPropagation(),v?(null===(t=L.current)||void 0===t||t.focus(),e.preventDefault()):(S(!1),x(),b&&b(e))}),[v,x,b,S]),z=t.useCallback((e=>{if(o.default.isSpaceKey(e))e.preventDefault(),e.stopPropagation();else if(v)o.default.isEnterKey(e)&&e.stopPropagation();else if(y){var t;if("left"===O){if(o.default.isLeftKey(e)||o.default.isEnterKey(e))E(T.current),R(!0),A(0),e.stopPropagation();else if(o.default.isRightKey(e)){var n;R(!1),null===(n=L.current)||void 0===n||n.focus(),e.stopPropagation()}}else(o.default.isRightKey(e)||o.default.isEnterKey(e))&&(R(!0),A(0),e.stopPropagation()),o.default.isLeftKey(e)&&(R(!1),null===(t=L.current)||void 0===t||t.focus(),e.stopPropagation());e.preventDefault()}else if(o.default.isEnterKey(e)){var r;k&&h&&(null===(r=L.current)||void 0===r||r.click()),e.preventDefault(),V(e)}}),[v,y,O,E,k,h,V]),F=d(p({},!v&&{onClick:e=>{var t;E(T.current),R(!0),null===(t=L.current)||void 0===t||t.focus(),e.preventDefault(),e.stopPropagation()}}),{"aria-haspopup":"true","aria-controls":`ActionPopoverMenu_${C}`,"aria-expanded":K}),N=p({},!v&&{onMouseEnter:e=>{W.current&&clearTimeout(W.current),A(-1),W.current=setTimeout((()=>{R(!0),E(T.current)}),150),e.stopPropagation()},onMouseLeave:e=>{B.current&&clearTimeout(B.current),B.current=setTimeout((()=>{R(!1)}),150),e.stopPropagation()}});return e.jsxs(r.StyledMenuItemWrapper,d(p({onKeyDown:z},y&&N),{children:[e.jsxs(r.StyledMenuItem,d(p(d(p({},_),{ref:L,onClick:V,type:"button",tabIndex:0,isDisabled:v}),v&&{"aria-disabled":!0},k&&{as:"a",download:h,href:g},y&&F),{children:[y&&m(L)&&e.jsx(r.SubMenuItemIcon,{"aria-hidden":!0,"data-element":"action-popover-menu-item-chevron","data-role":"chevron-icon",type:"left"===O?"chevron_left_thick":"chevron_right_thick"}),f&&e.jsx(r.MenuItemIcon,{"aria-hidden":!0,type:f,"data-element":"action-popover-menu-item-icon","data-role":"item-icon"}),e.jsx(r.StyledMenuItemInnerText,{"data-element":"action-popover-menu-item-inner-text",children:l})]})),a.default.isValidElement(y)?a.default.cloneElement(y,{parentID:`ActionPopoverItem_${C}`,menuID:`ActionPopoverMenu_${C}`,"data-element":"action-popover-submenu",isOpen:K,ref:T,style:D,setOpen:R,setFocusIndex:A,focusIndex:q}):null]}))};v.displayName="ActionPopoverItem",exports.ActionPopoverItem=v,exports.default=v;

package/lib/components/action-popover/action-popover.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./action-popover.style.js"),a=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/popover/popover.component.js"),l=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("./action-popover-menu/action-popover-menu.component.js"),c=require("./action-popover-item/action-popover-item.component.js");require("./action-popover-divider/action-popover-divider.component.js");var p=require("./__internal__/action-popover.context.js"),d=require("../../hooks/__internal__/useModalManager/useModalManager.js"),b=require("./__internal__/action-popover.utils.js"),f=require("../flat-table/__internal__/flat-table.context.js");function v(e){return e&&e.__esModule?e:{default:e}}var m=v(t),y=v(r);function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const j=()=>{},O=()=>{},g=t.forwardRef(((r,v)=>{var{children:g,id:P,onOpen:h=j,onClose:x=O,rightAlignMenu:I,renderButton:q,placement:M="bottom",horizontalAlignment:w="left",submenuPosition:A="left","aria-label":k,"aria-labelledby":S,"aria-describedby":D}=r,C=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["children","id","onOpen","onClose","rightAlignMenu","renderButton","placement","horizontalAlignment","submenuPosition","aria-label","aria-labelledby","aria-describedby"]);const B=u.default(),[E,L]=t.useState(!1),[F,K]=t.useState(0),[$]=t.useState(l.default()),R=t.useRef(null),z=t.useRef(null),{isInFlatTable:N}=t.useContext(f.default),U=t.useMemo((()=>!m.default.Children.toArray(g).find((e=>!m.default.isValidElement(e)||e.type!==c.ActionPopoverItem&&e.type!==o.MenuItemDivider))),[g]),H=t.useMemo((()=>b.getItems(g)),[g]),T=b.findFirstFocusableItem(H),V=b.findLastFocusableItem(H);y.default(U,`ActionPopover only accepts children of type \`${c.ActionPopoverItem.displayName}\` and \`${o.MenuItemDivider.displayName}\`.`);const G=t.useMemo((()=>"top"!==M||I?"top"===M&&I?"top-start":"bottom"===M&&I?"bottom-start":"bottom-end":"top-end"),[M,I]),J=t.useCallback((e=>{e&&!E&&h(),!e&&E&&x(),L(e)}),[E,h,x]),Q=t.useCallback((()=>{var e;const t=null===(e=R.current)||void 0===e?void 0:e.querySelector("[data-element='action-popover-button']");null==t||t.focus()}),[]);t.useImperativeHandle(v,(()=>({focusButton(){Q()}})),[Q]);const W=t.useCallback((e=>{e.stopPropagation();const t=!E;K(T),J(t),t||Q()}),[E,T,J,Q]),X=t.useCallback((e=>{a.default.isSpaceKey(e)||a.default.isDownKey(e)||a.default.isEnterKey(e)?(e.preventDefault(),e.stopPropagation(),K(T),J(!0)):a.default.isUpKey(e)&&(e.preventDefault(),e.stopPropagation(),K(V),J(!0))}),[T,V,J]),Y=t.useCallback((e=>{a.default.isEscKey(e)&&(J(!1),Q())}),[J,Q]);d.default({open:E,closeModal:Y,modalRef:R}),t.useEffect((()=>{const e=({target:e})=>{var t,r;const n=null==z||null===(t=z.current)||void 0===t?void 0:t.contains(e),o=null==R||null===(r=R.current)||void 0===r?void 0:r.contains(e);n||o||J(!1)},t="click";return document.addEventListener(t,e,{capture:!0}),function(){document.removeEventListener(t,e,{capture:!0})}}),[J]);const Z=P||`ActionPopoverButton_${$}`,ee=`ActionPopoverMenu_${$}`;return e.jsxs(o.MenuButton,(te=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){_(e,t,r[t])}))}return e}({id:Z,onKeyDown:X,onClick:W,isOpen:E,ref:R},C,n.default("action-popover-wrapper",C)),re=null!=(re={children:[(t=>{if(q){const e=q({tabIndex:E?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":k||B.actionPopover.ariaLabel(),"aria-labelledby":S,"aria-describedby":D,"aria-controls":t,"aria-expanded":`${E}`}}),r=b.checkChildrenForString(e);return q({tabIndex:E?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":r?void 0:k||B.actionPopover.ariaLabel(),"aria-labelledby":S,"aria-describedby":D,"aria-controls":t,"aria-expanded":`${E}`}})}return e.jsx(o.StyledButtonIcon,{role:"button","aria-haspopup":"true","aria-label":k||B.actionPopover.ariaLabel(),"aria-labelledby":S,"aria-describedby":D,"aria-controls":t,"aria-expanded":E,tabIndex:E?-1:0,"data-element":"action-popover-button",children:e.jsx(o.ButtonIcon,{type:"ellipsis_vertical"})})})(ee),e.jsx(p.ActionPopoverProvider,{value:{setOpenPopover:J,focusButton:Q,submenuPosition:A,horizontalAlignment:w},children:E&&e.jsx(i.default,{placement:G,reference:R,disableBackgroundUI:N,children:e.jsx(s.default,{"data-component":"action-popover",ref:z,parentID:Z,menuID:ee,focusIndex:F,setFocusIndex:K,isOpen:E,setOpen:J,placement:M,children:g})})})]})?re:{},Object.getOwnPropertyDescriptors?Object.defineProperties(te,Object.getOwnPropertyDescriptors(re)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(re)).forEach((function(e){Object.defineProperty(te,e,Object.getOwnPropertyDescriptor(re,e))})),te));var te,re}));exports.ActionPopover=g,exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./action-popover.style.js"),a=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/popover/popover.component.js"),l=require("../../__internal__/utils/helpers/guid/index.js"),u=require("../../hooks/__internal__/useLocale/useLocale.js"),s=require("./action-popover-menu/action-popover-menu.component.js"),c=require("./action-popover-item/action-popover-item.component.js");require("./action-popover-divider/action-popover-divider.component.js");var p=require("./__internal__/action-popover.context.js"),d=require("../../hooks/__internal__/useModalManager/useModalManager.js"),b=require("./__internal__/action-popover.utils.js"),f=require("../flat-table/__internal__/flat-table.context.js");function v(e){return e&&e.__esModule?e:{default:e}}var m=v(t),y=v(r);function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const j=()=>{},O=()=>{},g=t.forwardRef(((r,v)=>{var{children:g,id:P,onOpen:h=j,onClose:x=O,rightAlignMenu:I,renderButton:q,placement:S="bottom",horizontalAlignment:M="left",submenuPosition:w="left","aria-label":A,"aria-labelledby":k,"aria-describedby":D}=r,C=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["children","id","onOpen","onClose","rightAlignMenu","renderButton","placement","horizontalAlignment","submenuPosition","aria-label","aria-labelledby","aria-describedby"]);const B=u.default(),[E,L]=t.useState(!1),[F,K]=t.useState(0),[R]=t.useState(l.default()),$=t.useRef(null),z=t.useRef(null),{isInFlatTable:N}=t.useContext(f.default),[U,H]=t.useState(null),T=t.useMemo((()=>!m.default.Children.toArray(g).find((e=>!m.default.isValidElement(e)||e.type!==c.ActionPopoverItem&&e.type!==o.MenuItemDivider))),[g]),V=t.useMemo((()=>b.getItems(g)),[g]),G=b.findFirstFocusableItem(V),J=b.findLastFocusableItem(V);y.default(T,`ActionPopover only accepts children of type \`${c.ActionPopoverItem.displayName}\` and \`${o.MenuItemDivider.displayName}\`.`);const Q=t.useMemo((()=>"top"!==S||I?"top"===S&&I?"top-start":"bottom"===S&&I?"bottom-start":"bottom-end":"top-end"),[S,I]),W=t.useCallback((e=>{e&&!E&&h(),!e&&E&&x(),L(e)}),[E,h,x]),X=t.useCallback((()=>{var e;const t=null===(e=$.current)||void 0===e?void 0:e.querySelector("[data-element='action-popover-button']");null==t||t.focus()}),[]);t.useImperativeHandle(v,(()=>({focusButton(){X()}})),[X]);const Y=t.useCallback((e=>{e.stopPropagation();const t=!E;K(G),W(t),t||X()}),[E,G,W,X]),Z=t.useCallback((e=>{a.default.isSpaceKey(e)||a.default.isDownKey(e)||a.default.isEnterKey(e)?(e.preventDefault(),e.stopPropagation(),K(G),W(!0)):a.default.isUpKey(e)&&(e.preventDefault(),e.stopPropagation(),K(J),W(!0))}),[G,J,W]),ee=t.useCallback((e=>{a.default.isEscKey(e)&&(W(!1),X())}),[W,X]);d.default({open:E,closeModal:ee,modalRef:$}),t.useEffect((()=>{const e=({target:e})=>{var t,r;const n=null==z||null===(t=z.current)||void 0===t?void 0:t.contains(e),o=null==$||null===(r=$.current)||void 0===r?void 0:r.contains(e);n||o||W(!1)},t="click";return document.addEventListener(t,e,{capture:!0}),function(){document.removeEventListener(t,e,{capture:!0})}}),[W]);const te=P||`ActionPopoverButton_${R}`,re=`ActionPopoverMenu_${R}`;return e.jsxs(o.MenuButton,(ne=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){_(e,t,r[t])}))}return e}({id:te,onKeyDown:Z,onClick:Y,isOpen:E,ref:$},C,n.default("action-popover-wrapper",C)),oe=null!=(oe={children:[(t=>{if(q){const e=q({tabIndex:E?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":A||B.actionPopover.ariaLabel(),"aria-labelledby":k,"aria-describedby":D,"aria-controls":t,"aria-expanded":`${E}`}}),r=b.checkChildrenForString(e);return q({tabIndex:E?-1:0,"data-element":"action-popover-button",ariaAttributes:{"aria-haspopup":"true","aria-label":r?void 0:A||B.actionPopover.ariaLabel(),"aria-labelledby":k,"aria-describedby":D,"aria-controls":t,"aria-expanded":`${E}`}})}return e.jsx(o.StyledButtonIcon,{role:"button","aria-haspopup":"true","aria-label":A||B.actionPopover.ariaLabel(),"aria-labelledby":k,"aria-describedby":D,"aria-controls":t,"aria-expanded":E,tabIndex:E?-1:0,"data-element":"action-popover-button",children:e.jsx(o.ButtonIcon,{type:"ellipsis_vertical"})})})(re),e.jsx(p.ActionPopoverProvider,{value:{setOpenPopover:W,focusButton:X,submenuPosition:w,horizontalAlignment:M,selectedSubmenuRef:U,setSelectedSubmenuRef:H},children:E&&e.jsx(i.default,{placement:Q,reference:$,disableBackgroundUI:N,children:e.jsx(s.default,{"data-component":"action-popover",ref:z,parentID:te,menuID:re,focusIndex:F,setFocusIndex:K,isOpen:E,setOpen:W,placement:S,children:g})})})]})?oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ne,Object.getOwnPropertyDescriptors(oe)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(oe)).forEach((function(e){Object.defineProperty(ne,e,Object.getOwnPropertyDescriptor(oe,e))})),ne));var ne,oe}));exports.ActionPopover=g,exports.default=g;

package/lib/components/button/button.component.d.ts

@@ -53,7 +53,7 @@ export interface ButtonProps extends SpaceProps, TagProps {
     /** Specify a callback triggered on keyDown */
     onKeyDown?: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     /** onClick handler */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
     /** Assigns a size to the button: "small" | "medium" | "large" */
     size?: SizeOptions;
     /** Second text child, renders under main text, only when size is "large" */

package/lib/components/icon-button/icon-button.component.d.ts

@@ -18,7 +18,7 @@ export interface IconButtonProps extends SpaceProps, TagProps {
     /** Set the button to disabled */
     disabled?: boolean;
     /** Callback triggered on click */
-    onClick?: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /** @private @internal @ignore */
     "data-component"?: string;
 }

package/lib/components/icon-button/icon-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/helpers/events/events.js"),o=require("./icon-button.style.js"),l=require("../../__internal__/tooltip-provider/index.js"),i=require("../batch-selection/__internal__/batch-selection.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function s(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 b=c(t).default.forwardRef(((c,u)=>{var b,{"aria-label":f,onClick:p,children:d,disabled:y=!1}=c,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=t.useContext(i.default),v=y||j,[_,g]=t.useState(),h=f||(null==_||null===(b=_.querySelector("[data-component='icon']"))||void 0===b?void 0:b.getAttribute("type"))||"",P=t.useCallback((e=>{g(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var m;return e.jsx(o.default,s(a(s(a({p:0},O),{"aria-label":h,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),null==p||p(e))},onClick:e=>{null==_||_.focus({preventScroll:!0}),null==p||p(e)},ref:P,disabled:v}),r.default(null!==(m=O["data-component"])&&void 0!==m?m:"icon-button",O)),{children:e.jsx(l.TooltipProvider,{disabled:v,focusable:!1,target:_,children:d})}))}));b.displayName="IconButton",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./icon-button.style.js"),o=require("../../__internal__/tooltip-provider/index.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function a(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 s=i(t).default.forwardRef(((i,c)=>{var s,{"aria-label":b,onClick:f,children:p,disabled:d=!1}=i,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:O}=t.useContext(l.default),j=d||O,[g,v]=t.useState(),_=b||(null==g||null===(s=g.querySelector("[data-component='icon']"))||void 0===s?void 0:s.getAttribute("type"))||"",P=t.useCallback((e=>{v(e),c&&("object"==typeof c&&(c.current=e),"function"==typeof c&&c(e))}),[c]);var h;return e.jsx(n.default,a(u(a(u({p:0},y),{"aria-label":_,onClick:e=>{null==g||g.focus({preventScroll:!0}),null==f||f(e)},ref:P,disabled:j}),r.default(null!==(h=y["data-component"])&&void 0!==h?h:"icon-button",y)),{children:e.jsx(o.TooltipProvider,{disabled:j,focusable:!1,target:g,children:p})}))}));s.displayName="IconButton",exports.default=s;

package/lib/components/link/link.component.d.ts

@@ -8,7 +8,7 @@ export interface LinkProps extends StyledLinkProps, React.AriaAttributes, TagPro
     /** An icon to display next to the link. */
     icon?: IconType;
     /** Function called when the mouse is clicked. */
-    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
     /** Function called when a key is pressed. */
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "155.5.2",
+  "version": "155.5.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",