carbon-react 154.9.0 → 154.10.0

package/esm/components/menu/__internal__/submenu/submenu.component.d.ts

@@ -15,7 +15,7 @@ export interface SubmenuProps {
     /** Defines which direction the submenu will hang eg. left/right */
     submenuDirection?: string;
     /** A title for the menu item that has a submenu. */
-    title?: string;
+    title?: React.ReactNode;
     /** onKeyDown handler */
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** set the colour variant for a menuType */

package/esm/components/menu/menu-item/menu-item.component.d.ts

@@ -11,7 +11,7 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
     /** Is the menu item the currently selected item. */
     selected?: boolean;
     /** A title for the menu item that has a submenu. */
-    submenu?: string | boolean;
+    submenu?: React.ReactNode;
     /** The href to use for the menu item. */
     href?: string;
     /** onKeyDown handler */

package/esm/components/menu/menu-item/menu-item.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as n,useState as r,useLayoutEffect as o,useEffect as i}from"react";import u from"invariant";import{defaultFocusableSelectors as l}from"../../../__internal__/focus-trap/focus-trap-utils.js";import s from"../../../style/utils/filter-styled-system-padding-props.js";import a from"./menu-item.style.js";import c from"../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as m}from"../__internal__/strict-menu.context.js";import d from"../__internal__/submenu/submenu.component.js";import p from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as b}from"../menu-segment-title/menu-segment-title.context.js";import{StyledMenuItem as f}from"../menu.style.js";import h from"../../../__internal__/utils/helpers/guid/index.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 v(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 O(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}const g=y=>{var{submenu:g,submenuMaxWidth:j,submenuMinWidth:w,children:_,href:x,onClick:S,target:P,submenuDirection:D="right",icon:k,selected:I,onKeyDown:W,variant:C="default",showDropdownArrow:F=!0,ariaLabel:M,clickToOpen:T,maxWidth:L,onSubmenuOpen:V,onSubmenuClose:E,overrideColor:K,rel:A,as:q,"data-element":H,"data-role":N}=y,Y=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,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);u(k||_,"Either prop `icon` must be defined or this node must have `children`."),u(_||M||"string"==typeof g,"If no text is provided an `ariaLabel` should be given to facilitate accessibility."),u("boolean"==typeof g||void 0===g||_&&"string"==typeof g&&g.length,"You should not pass `children` when `submenu` is an empty string");const z=t(h()),{isChildOfSegment:B,overriddenVariant:G}=n(b),{inFullscreenView:J,registerItem:Q,unregisterItem:R,focusId:U,updateFocusId:X,menuType:Z}=m(),$=n(p),ee=Object.keys($).length>0,{submenuFocusId:te,updateFocusId:ne,handleKeyDown:re,submenuHasMaxWidth:oe}=$,ie=U===z.current,ue=te?te===z.current:void 0,[le,se]=r(null),[ae,ce]=r(null);o((()=>{var e;const t=null!==(e=null==le?void 0:le.querySelector(l))&&void 0!==e?e:null;t!==ae&&ce(t)}),[ae,le]),i((()=>{const e=z.current;return Q&&Q(e),()=>{R&&R(e)}}),[Q,R]),i((()=>{if(ie&&!ue||ue){if(ae)return void ae.focus();null==le||le.focus()}}),[ae,ie,ue,le]);const me=e=>{ee?(e.stopPropagation(),null==ne||ne(z.current)):null==X||X(z.current)},de={className:x||S?"carbon-menu-item--has-link":"",href:ae?void 0:x,onClick:ae?void 0:S,target:P,rel:A,icon:k,removeAriaLabelOnIcon:!0,selected:I,onKeyDown:J?void 0:e=>{null==W||W(e),c.isEscKey(e)&&(null==le||le.focus()),null==re||re(e)},overrideColor:K,ref:se};"alternate"===G&&B&&"alternate"===C&&["white","black"].includes(Z)&&(de.overrideColor=!0);const pe=e=>L&&"string"==typeof e?e:void 0,be=J?void 0:L,fe=!(S||x||ae);if(g)return e(f,O(v({"data-component":"menu-item","data-element":H,"data-role":N,menuType:Z,title:pe(g),maxWidth:be},Y),{inFullscreenView:J,id:z.current,as:q,onFocus:me,children:e(d,O(v(O(v(O(v({},"boolean"!=typeof g&&{title:g}),{submenuDirection:D,showDropdownArrow:F,clickToOpen:T,maxWidth:L,asPassiveItem:fe,ariaLabel:M,onSubmenuOpen:V,onSubmenuClose:E,submenuMaxWidth:j,submenuMinWidth:w}),de),{variant:C}),Y),{children:_}))}));const he=s(Y),ye=!!(null==le?void 0:le.querySelector("[data-element='input']"));return e(f,O(v({"data-component":"menu-item","data-element":H,"data-role":N,menuType:Z,inSubmenu:ee,title:pe(_),maxWidth:be},Y),{inFullscreenView:J&&!Object.keys($).length,id:z.current,as:q,onFocus:me,children:e(a,O(v(O(v({menuType:Z,"data-role":"menu-item-wrapper"},de),{menuItemVariant:C,ariaLabel:M,maxWidth:oe?void 0:be,inFullscreenView:J,asPassiveItem:fe}),he),{asDiv:ye||"div"===q,hasFocusableChild:!!ae,hasInput:ye,inSubmenu:ee,children:_}))}))};export{g as MenuItem,g as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useRef as n,useContext as r,useState as o,useLayoutEffect as i,useEffect as u}from"react";import l from"invariant";import{defaultFocusableSelectors as s}from"../../../__internal__/focus-trap/focus-trap-utils.js";import a from"../../../style/utils/filter-styled-system-padding-props.js";import c from"./menu-item.style.js";import m from"../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as d}from"../__internal__/strict-menu.context.js";import p from"../__internal__/submenu/submenu.component.js";import b from"../__internal__/submenu/submenu.context.js";import{MenuSegmentContext as f}from"../menu-segment-title/menu-segment-title.context.js";import{StyledMenuItem as h}from"../menu.style.js";import y from"../../../__internal__/utils/helpers/guid/index.js";function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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){v(e,t,n[t])}))}return e}function g(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}const j=v=>{var{submenu:j,submenuMaxWidth:w,submenuMinWidth:_,children:x,href:S,onClick:P,target:D,submenuDirection:k="right",icon:I,selected:W,onKeyDown:C,variant:F="default",showDropdownArrow:M=!0,ariaLabel:T,clickToOpen:V,maxWidth:E,onSubmenuOpen:L,onSubmenuClose:K,overrideColor:A,rel:q,as:H,"data-element":N,"data-role":Y}=v,z=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}(v,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);l(I||x,"Either prop `icon` must be defined or this node must have `children`."),l(x||T||j||"string"==typeof j&&j.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),l("boolean"==typeof j||void 0===j||t.isValidElement(j)||x&&"string"==typeof j&&j.length,"You should not pass `children` when `submenu` is an empty string");const B=n(y()),{isChildOfSegment:G,overriddenVariant:J}=r(f),{inFullscreenView:Q,registerItem:R,unregisterItem:U,focusId:X,updateFocusId:Z,menuType:$}=d(),ee=r(b),te=Object.keys(ee).length>0,{submenuFocusId:ne,updateFocusId:re,handleKeyDown:oe,submenuHasMaxWidth:ie}=ee,ue=X===B.current,le=ne?ne===B.current:void 0,[se,ae]=o(null),[ce,me]=o(null);i((()=>{var e;const t=null!==(e=null==se?void 0:se.querySelector(s))&&void 0!==e?e:null;t!==ce&&me(t)}),[ce,se]),u((()=>{const e=B.current;return R&&R(e),()=>{U&&U(e)}}),[R,U]),u((()=>{if(ue&&!le||le){if(ce)return void ce.focus();null==se||se.focus()}}),[ce,ue,le,se]);const de=e=>{te?(e.stopPropagation(),null==re||re(B.current)):null==Z||Z(B.current)},pe={className:S||P?"carbon-menu-item--has-link":"",href:ce?void 0:S,onClick:ce?void 0:P,target:D,rel:q,icon:I,removeAriaLabelOnIcon:!0,selected:W,onKeyDown:Q?void 0:e=>{null==C||C(e),m.isEscKey(e)&&(null==se||se.focus()),null==oe||oe(e)},overrideColor:A,ref:ae};"alternate"===J&&G&&"alternate"===F&&["white","black"].includes($)&&(pe.overrideColor=!0);const be=e=>E&&"string"==typeof e?e:void 0,fe=Q?void 0:E,he=!(P||S||ce);if(j)return e(h,g(O({"data-component":"menu-item","data-element":N,"data-role":Y,menuType:$,title:be(j),maxWidth:fe},z),{inFullscreenView:Q,id:B.current,as:H,onFocus:de,children:e(p,g(O(g(O(g(O({},"boolean"!=typeof j&&{title:j}),{submenuDirection:k,showDropdownArrow:M,clickToOpen:V,maxWidth:E,asPassiveItem:he,ariaLabel:T,onSubmenuOpen:L,onSubmenuClose:K,submenuMaxWidth:w,submenuMinWidth:_}),pe),{variant:F}),z),{children:x}))}));const ye=a(z),ve=!!(null==se?void 0:se.querySelector("[data-element='input']"));return e(h,g(O({"data-component":"menu-item","data-element":N,"data-role":Y,menuType:$,inSubmenu:te,title:be(x),maxWidth:fe},z),{inFullscreenView:Q&&!Object.keys(ee).length,id:B.current,as:H,onFocus:de,children:e(c,g(O(g(O({menuType:$,"data-role":"menu-item-wrapper"},pe),{menuItemVariant:F,ariaLabel:T,maxWidth:ie?void 0:fe,inFullscreenView:Q,asPassiveItem:he}),ye),{asDiv:ve||"div"===H,hasFocusableChild:!!ce,hasInput:ve,inSubmenu:te,children:x}))}))};export{j as MenuItem,j as default};

package/lib/components/menu/__internal__/submenu/submenu.component.d.ts

@@ -15,7 +15,7 @@ export interface SubmenuProps {
     /** Defines which direction the submenu will hang eg. left/right */
     submenuDirection?: string;
     /** A title for the menu item that has a submenu. */
-    title?: string;
+    title?: React.ReactNode;
     /** onKeyDown handler */
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** set the colour variant for a menuType */

package/lib/components/menu/menu-item/menu-item.component.d.ts

@@ -11,7 +11,7 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
     /** Is the menu item the currently selected item. */
     selected?: boolean;
     /** A title for the menu item that has a submenu. */
-    submenu?: string | boolean;
+    submenu?: React.ReactNode;
     /** The href to use for the menu item. */
     href?: string;
     /** onKeyDown handler */

package/lib/components/menu/menu-item/menu-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("../../../__internal__/focus-trap/focus-trap-utils.js"),u=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("./menu-item.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),l=require("../__internal__/strict-menu.context.js"),s=require("../__internal__/submenu/submenu.component.js"),a=require("../__internal__/submenu/submenu.context.js"),c=require("../menu-segment-title/menu-segment-title.context.js"),d=require("../menu.style.js"),m=require("../../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var f=b(n);function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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){p(e,t,n[t])}))}return e}function h(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}const v=n=>{var{submenu:b,submenuMaxWidth:p,submenuMinWidth:v,children:O,href:j,onClick:g,target:w,submenuDirection:x="right",icon:_,selected:S,onKeyDown:P,variant:C="default",showDropdownArrow:I=!0,ariaLabel:q,clickToOpen:D,maxWidth:M,onSubmenuOpen:k,onSubmenuClose:W,overrideColor:F,rel:E,as:L,"data-element":T,"data-role":V}=n,K=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(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)&&(u[n]=e[n])}return u}(n,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);f.default(_||O,"Either prop `icon` must be defined or this node must have `children`."),f.default(O||q||"string"==typeof b,"If no text is provided an `ariaLabel` should be given to facilitate accessibility."),f.default("boolean"==typeof b||void 0===b||O&&"string"==typeof b&&b.length,"You should not pass `children` when `submenu` is an empty string");const A=t.useRef(m.default()),{isChildOfSegment:H,overriddenVariant:N}=t.useContext(c.MenuSegmentContext),{inFullscreenView:R,registerItem:Y,unregisterItem:z,focusId:B,updateFocusId:G,menuType:J}=l.useStrictMenuContext(),Q=t.useContext(a.default),U=Object.keys(Q).length>0,{submenuFocusId:X,updateFocusId:Z,handleKeyDown:$,submenuHasMaxWidth:ee}=Q,te=B===A.current,ne=X?X===A.current:void 0,[re,ue]=t.useState(null),[ie,oe]=t.useState(null);t.useLayoutEffect((()=>{var e;const t=null!==(e=null==re?void 0:re.querySelector(r.defaultFocusableSelectors))&&void 0!==e?e:null;t!==ie&&oe(t)}),[ie,re]),t.useEffect((()=>{const e=A.current;return Y&&Y(e),()=>{z&&z(e)}}),[Y,z]),t.useEffect((()=>{if(te&&!ne||ne){if(ie)return void ie.focus();null==re||re.focus()}}),[ie,te,ne,re]);const le=e=>{U?(e.stopPropagation(),null==Z||Z(A.current)):null==G||G(A.current)},se={className:j||g?"carbon-menu-item--has-link":"",href:ie?void 0:j,onClick:ie?void 0:g,target:w,rel:E,icon:_,removeAriaLabelOnIcon:!0,selected:S,onKeyDown:R?void 0:e=>{null==P||P(e),o.default.isEscKey(e)&&(null==re||re.focus()),null==$||$(e)},overrideColor:F,ref:ue};"alternate"===N&&H&&"alternate"===C&&["white","black"].includes(J)&&(se.overrideColor=!0);const ae=e=>M&&"string"==typeof e?e:void 0,ce=R?void 0:M,de=!(g||j||ie);if(b)return e.jsx(d.StyledMenuItem,h(y({"data-component":"menu-item","data-element":T,"data-role":V,menuType:J,title:ae(b),maxWidth:ce},K),{inFullscreenView:R,id:A.current,as:L,onFocus:le,children:e.jsx(s.default,h(y(h(y(h(y({},"boolean"!=typeof b&&{title:b}),{submenuDirection:x,showDropdownArrow:I,clickToOpen:D,maxWidth:M,asPassiveItem:de,ariaLabel:q,onSubmenuOpen:k,onSubmenuClose:W,submenuMaxWidth:p,submenuMinWidth:v}),se),{variant:C}),K),{children:O}))}));const me=u.default(K),be=!!(null==re?void 0:re.querySelector("[data-element='input']"));return e.jsx(d.StyledMenuItem,h(y({"data-component":"menu-item","data-element":T,"data-role":V,menuType:J,inSubmenu:U,title:ae(O),maxWidth:ce},K),{inFullscreenView:R&&!Object.keys(Q).length,id:A.current,as:L,onFocus:le,children:e.jsx(i.default,h(y(h(y({menuType:J,"data-role":"menu-item-wrapper"},se),{menuItemVariant:C,ariaLabel:q,maxWidth:ee?void 0:ce,inFullscreenView:R,asPassiveItem:de}),me),{asDiv:be||"div"===L,hasFocusableChild:!!ie,hasInput:be,inSubmenu:U,children:O}))}))};exports.MenuItem=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("../../../__internal__/focus-trap/focus-trap-utils.js"),u=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("./menu-item.style.js"),o=require("../../../__internal__/utils/helpers/events/events.js"),l=require("../__internal__/strict-menu.context.js"),s=require("../__internal__/submenu/submenu.component.js"),a=require("../__internal__/submenu/submenu.context.js"),c=require("../menu-segment-title/menu-segment-title.context.js"),d=require("../menu.style.js"),m=require("../../../__internal__/utils/helpers/guid/index.js");function b(e){return e&&e.__esModule?e:{default:e}}var f=b(t),p=b(n);function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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){h(e,t,n[t])}))}return e}function v(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}const O=n=>{var{submenu:b,submenuMaxWidth:h,submenuMinWidth:O,children:g,href:j,onClick:w,target:x,submenuDirection:_="right",icon:S,selected:P,onKeyDown:C,variant:I="default",showDropdownArrow:q=!0,ariaLabel:D,clickToOpen:M,maxWidth:k,onSubmenuOpen:W,onSubmenuClose:F,overrideColor:E,rel:L,as:T,"data-element":V,"data-role":K}=n,A=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(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)&&(u[n]=e[n])}return u}(n,["submenu","submenuMaxWidth","submenuMinWidth","children","href","onClick","target","submenuDirection","icon","selected","onKeyDown","variant","showDropdownArrow","ariaLabel","clickToOpen","maxWidth","onSubmenuOpen","onSubmenuClose","overrideColor","rel","as","data-element","data-role"]);p.default(S||g,"Either prop `icon` must be defined or this node must have `children`."),p.default(g||D||b||"string"==typeof b&&b.length,"If no text or node is provided via the `submenu` prop, an `ariaLabel` should be given to facilitate accessibility."),p.default("boolean"==typeof b||void 0===b||f.default.isValidElement(b)||g&&"string"==typeof b&&b.length,"You should not pass `children` when `submenu` is an empty string");const H=t.useRef(m.default()),{isChildOfSegment:N,overriddenVariant:R}=t.useContext(c.MenuSegmentContext),{inFullscreenView:Y,registerItem:z,unregisterItem:B,focusId:G,updateFocusId:J,menuType:Q}=l.useStrictMenuContext(),U=t.useContext(a.default),X=Object.keys(U).length>0,{submenuFocusId:Z,updateFocusId:$,handleKeyDown:ee,submenuHasMaxWidth:te}=U,ne=G===H.current,re=Z?Z===H.current:void 0,[ue,ie]=t.useState(null),[oe,le]=t.useState(null);t.useLayoutEffect((()=>{var e;const t=null!==(e=null==ue?void 0:ue.querySelector(r.defaultFocusableSelectors))&&void 0!==e?e:null;t!==oe&&le(t)}),[oe,ue]),t.useEffect((()=>{const e=H.current;return z&&z(e),()=>{B&&B(e)}}),[z,B]),t.useEffect((()=>{if(ne&&!re||re){if(oe)return void oe.focus();null==ue||ue.focus()}}),[oe,ne,re,ue]);const se=e=>{X?(e.stopPropagation(),null==$||$(H.current)):null==J||J(H.current)},ae={className:j||w?"carbon-menu-item--has-link":"",href:oe?void 0:j,onClick:oe?void 0:w,target:x,rel:L,icon:S,removeAriaLabelOnIcon:!0,selected:P,onKeyDown:Y?void 0:e=>{null==C||C(e),o.default.isEscKey(e)&&(null==ue||ue.focus()),null==ee||ee(e)},overrideColor:E,ref:ie};"alternate"===R&&N&&"alternate"===I&&["white","black"].includes(Q)&&(ae.overrideColor=!0);const ce=e=>k&&"string"==typeof e?e:void 0,de=Y?void 0:k,me=!(w||j||oe);if(b)return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":V,"data-role":K,menuType:Q,title:ce(b),maxWidth:de},A),{inFullscreenView:Y,id:H.current,as:T,onFocus:se,children:e.jsx(s.default,v(y(v(y(v(y({},"boolean"!=typeof b&&{title:b}),{submenuDirection:_,showDropdownArrow:q,clickToOpen:M,maxWidth:k,asPassiveItem:me,ariaLabel:D,onSubmenuOpen:W,onSubmenuClose:F,submenuMaxWidth:h,submenuMinWidth:O}),ae),{variant:I}),A),{children:g}))}));const be=u.default(A),fe=!!(null==ue?void 0:ue.querySelector("[data-element='input']"));return e.jsx(d.StyledMenuItem,v(y({"data-component":"menu-item","data-element":V,"data-role":K,menuType:Q,inSubmenu:X,title:ce(g),maxWidth:de},A),{inFullscreenView:Y&&!Object.keys(U).length,id:H.current,as:T,onFocus:se,children:e.jsx(i.default,v(y(v(y({menuType:Q,"data-role":"menu-item-wrapper"},ae),{menuItemVariant:I,ariaLabel:D,maxWidth:te?void 0:de,inFullscreenView:Y,asPassiveItem:me}),be),{asDiv:fe||"div"===T,hasFocusableChild:!!oe,hasInput:fe,inSubmenu:X,children:g}))}))};exports.MenuItem=O,exports.default=O;

package/package.json

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