carbon-react 162.10.0 → 162.12.0-beta.1

package/lib/components/loader-spinner/loader-spinner.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./loader-spinner.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../hooks/useMediaQuery/useMediaQuery.js"),s=require("../typography/typography.component.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=l=>{var{spinnerLabel:c,size:u="medium",showSpinnerLabel:p=!0,variant:d="action",isTracked:y=!1,hasMotion:f=!0,animationTime:b}=l,g=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(l,["spinnerLabel","size","showSpinnerLabel","variant","isTracked","hasMotion","animationTime"]);const j=i.default(),O=a.default("screen and (prefers-reduced-motion: no-preference)");if(void 0===O)return null;const v="inverse"!==d&&"gradient-white"!==d,h=e.jsx(t.StyledLabel,{"data-role":"visible-label",variant:"span",fontWeight:"400",$size:u,inverse:!v,fontSize:"extra-large"===u?"var(--sizing200)":"var(--sizing175)",lineHeight:"extra-large"===u?"var(--sizing300)":"var(--sizing250)",children:c||j.loaderSpinner.loading()}),m="gradient-white"===d||"gradient-grey"===d;return e.jsx(t.StyledSpinnerWrapper,(S=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({size:u,role:"status"},r.default("loader-spinner",g),n.default(g)),w=null!=(w={children:O?e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledSpinnerCircleSvg,{role:"presentation",size:u,variant:d,hasMotion:f,isTracked:y,isGradientVariant:m,animationTime:b||(m?2:1),viewBox:"0 0 24 24",children:[e.jsx("circle",{"data-role":"outer-arc"}),e.jsx("circle",{"data-role":"inner-arc"})]}),p?h:e.jsx(s.Typography,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:c||j.loaderSpinner.loading()})]}):h})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(w,e))})),S));var S,w};exports.LoaderSpinner=l,exports.default=l;
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as i,StyledSpinnerWrapper as o,StyledSpinnerCircleSvg as a}from"./loader-spinner.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import c from"../../hooks/useMediaQuery/useMediaQuery.js";import{Typography as p}from"../typography/typography.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=d=>{var{spinnerLabel:f,size:y="medium",showSpinnerLabel:m=!0,variant:b="action",isTracked:g=!1,hasMotion:O=!0,animationTime:h}=d,j=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(d,["spinnerLabel","size","showSpinnerLabel","variant","isTracked","hasMotion","animationTime"]);const v=l(),w=c("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return null;const P=e(i,{"data-role":"visible-label",variant:"span",fontWeight:"400",$size:y,inverse:!("inverse"!==b&&"gradient-white"!==b),fontSize:"extra-large"===y?"var(--sizing200)":"var(--sizing175)",lineHeight:"extra-large"===y?"var(--sizing300)":"var(--sizing250)",children:f||v.loaderSpinner.loading()}),S="gradient-white"===b||"gradient-grey"===b;return e(o,(z=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}({size:y,role:"status"},n("loader-spinner",j),s(j)),k=null!=(k={children:w?r(t,{children:[r(a,{role:"presentation",size:y,variant:b,hasMotion:O,isTracked:g,isGradientVariant:S,animationTime:h||(S?2:1),viewBox:"0 0 24 24",children:[e("circle",{"data-role":"outer-arc"}),e("circle",{"data-role":"inner-arc"})]}),m?P:e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:f||v.loaderSpinner.loading()})]}):P})?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(k,e))})),z));var z,k};export{d as LoaderSpinner,d as default};

package/lib/components/loader-spinner/loader-spinner.config.js

@@ -1 +1 @@
-"use strict";exports.LOADER_SPINNER_SIZES=["extra-small","small","medium","large","extra-large"],exports.LOADER_SPINNER_SIZE_PARAMS={"extra-small":{wrapperDimensions:20,strokeWidth:4},small:{wrapperDimensions:32,strokeWidth:4,labelMarginTop:12},medium:{wrapperDimensions:56,strokeWidth:3.3,labelMarginTop:16},large:{wrapperDimensions:80,strokeWidth:3.7,labelMarginTop:22},"extra-large":{wrapperDimensions:104,strokeWidth:3.7,labelMarginTop:26}},exports.LOADER_SPINNER_VARIANTS=["action","neutral","inverse","gradient-grey","gradient-white"];
+const e=["action","neutral","inverse","gradient-grey","gradient-white"],r=["extra-small","small","medium","large","extra-large"],a={"extra-small":{wrapperDimensions:20,strokeWidth:4},small:{wrapperDimensions:32,strokeWidth:4,labelMarginTop:12},medium:{wrapperDimensions:56,strokeWidth:3.3,labelMarginTop:16},large:{wrapperDimensions:80,strokeWidth:3.7,labelMarginTop:22},"extra-large":{wrapperDimensions:104,strokeWidth:3.7,labelMarginTop:26}};export{r as LOADER_SPINNER_SIZES,a as LOADER_SPINNER_SIZE_PARAMS,e as LOADER_SPINNER_VARIANTS};

package/lib/components/loader-spinner/loader-spinner.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),r=require("styled-system"),t=require("./loader-spinner.config.js"),a=require("../typography/typography.component.js");function n(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("react");var i=n(e);const o=(e,r)=>{switch(r){case"neutral":return e?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return e?"#00D639":"#0000001A";case"gradient-white":return e?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return e?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},s=i.default.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"carbon_v162_9_1__sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],r.margin,(({size:e})=>"extra-small"===e?"row":"column")),c=i.default(a.Typography).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"carbon_v162_9_1__sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e.css(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${t.LOADER_SPINNER_SIZE_PARAMS[r].labelMarginTop}px`))),d=i.default.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"carbon_v162_9_1__sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:a,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${t.LOADER_SPINNER_SIZE_PARAMS[r].wrapperDimensions}px`;return r&&e.css(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",";",' cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,t.LOADER_SPINNER_SIZE_PARAMS[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",t.LOADER_SPINNER_SIZE_PARAMS[r].strokeWidth,o(!0,c),a&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));exports.StyledLabel=c,exports.StyledSpinnerCircleSvg=d,exports.StyledSpinnerWrapper=s;
+import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import{LOADER_SPINNER_SIZE_PARAMS as a}from"./loader-spinner.config.js";import{Typography as n}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=(r,e)=>{switch(e){case"neutral":return r?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral200)";case"gradient-grey":return r?"#00D639":"#0000001A";case"gradient-white":return r?"#00D639":"var(--colorsActionMajorYang100)";case"inverse":return"var(--colorsActionMajorYang100)";default:return r?"var(--colorsActionMajor500)":"var(--colorsActionMajor150)"}},i=r.div.withConfig({displayName:"loader-spinner.style__StyledSpinnerWrapper",componentId:"carbon_v162_12_0__sc-fe9a4dc0-0"})([""," display:flex;flex-direction:",";"],t,(({size:r})=>"extra-small"===r?"row":"column")),s=r(n).withConfig({displayName:"loader-spinner.style__StyledLabel",componentId:"carbon_v162_12_0__sc-fe9a4dc0-1"})(["",""],(({$size:r})=>e(["display:flex;justify-content:center;text-align:center;",";"],"extra-small"===r?"margin-left: var(--spacing100)":`margin-top: ${a[r].labelMarginTop}px`))),c=r.svg.withConfig({displayName:"loader-spinner.style__StyledSpinnerCircleSvg",componentId:"carbon_v162_12_0__sc-fe9a4dc0-2"})(["",";"],(({size:r,isTracked:t,hasMotion:n,isGradientVariant:i,animationTime:s,variant:c})=>{const d=`${a[r].wrapperDimensions}px`;return r&&e(["height:",";min-height:",';circle[data-role="outer-arc"]{fill:transparent;stroke-width:',"px;stroke:",";",' cx:12px;cy:12px;r:10px;}circle[data-role="inner-arc"]{fill:transparent;stroke-width:',"px;stroke:",";stroke-linecap:round;stroke-dasharray:100px;stroke-dashoffset:80px;transform-origin:12px 12px 0px;cx:12px;cy:12px;r:10px;transform:rotate(270deg);@keyframes gradientAnimation{0%{stroke:#00d639;}33%{stroke:#11afff;}66%{stroke:#8f49fe;}}@keyframes trackedAnimation{from{stroke-dasharray:100;stroke-dashoffset:100;}to{stroke-dasharray:100;stroke-dashoffset:20;}}@keyframes untrackedAnimation{0%{transform:rotate(0deg);stroke-dasharray:100;}40%{stroke-dasharray:80;}80%{stroke-dasharray:100;}100%{transform:rotate(360deg);}}animation-name:",",",";",";animation-timing-function:cubic-bezier(0.2,0.1,0.8,1);animation-iteration-count:",";"],d,d,a[r].strokeWidth,o(!1,c),"inverse"===c&&"stroke-opacity: 0.3;",a[r].strokeWidth,o(!0,c),t&&!i?"trackedAnimation":"untrackedAnimation","gradient-grey"===c||"gradient-white"===c?"gradientAnimation":"none",n&&`animation-duration: ${s}s`,n?"infinite":"none")}));export{s as StyledLabel,c as StyledSpinnerCircleSvg,i as StyledSpinnerWrapper};

package/lib/components/loader-star/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./loader-star.component.js");exports.default=e.default;
+export{default}from"./loader-star.component.js";

package/lib/components/loader-star/internal/star.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./star.style.js");const a=({starContainerClassName:a,gradientId:r})=>e.jsx(t.StyledLoaderStarContainer,{"data-component":"star",role:"presentation",className:a,children:e.jsxs(t.StyledStarSVG,{className:"ai-star-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 217 216",children:[e.jsx("path",{className:"ai-star-path",fill:"#000",fillRule:"evenodd",d:"M108.502 215.994c-.166.006-.334.006-.502.006-7.218 0-11.975-3.217-15.497-8.335-4.396-5.656-7.56-13.591-10.338-21.896l-.597-1.807-.667-2.063-.91-2.87-1.225-3.904c-1.831-5.82-3.65-11.42-5.751-16.135-1.456-2.661-3.075-5.078-4.921-7.146-.356-.391-.72-.777-1.094-1.156-4.054-4.038-9.808-7.093-16.262-9.726-14.49-4.937-33.33-8.698-43.486-17.634C2.766 119.712 0 114.918 0 108l.003-.413c.108-6.697 2.852-11.372 7.25-14.916 10.155-8.935 28.995-12.696 43.485-17.633C57.192 72.405 62.946 69.35 67 65.312c.373-.38.738-.765 1.094-1.156 1.846-2.068 3.465-4.485 4.922-7.145 2.567-5.764 4.713-12.849 6.976-20.04l.91-2.87.666-2.063.338-1.028c2.84-8.586 6.063-16.843 10.598-22.675C95.954 3.32 100.592.13 107.57.004L108 0c.168 0 .336 0 .502.006L109 0l.405.003c6.999.119 11.645 3.316 15.102 8.347 5.071 6.529 8.5 16.09 11.592 25.75l.335 1.054 2.362 7.501c1.645 5.178 3.304 10.125 5.19 14.358 1.456 2.66 3.074 5.075 4.92 7.142.356.392.72.778 1.094 1.157 4.054 4.038 9.808 7.093 16.262 9.726 14.49 4.937 33.33 8.698 43.486 17.634C214.234 96.288 217 101.082 217 108c0 6.918-2.766 11.712-7.252 15.328-10.156 8.936-28.996 12.697-43.486 17.634-6.454 2.633-12.208 5.688-16.262 9.726-.373.38-.738.765-1.094 1.157-1.846 2.067-3.464 4.482-4.92 7.142-1.886 4.233-3.545 9.18-5.19 14.358l-2.362 7.5-.335 1.054c-3.091 9.66-6.521 19.222-11.592 25.751-3.524 5.127-8.282 8.35-15.507 8.35l-.498-.006Z"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:r,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[e.jsx(t.GradientStopTop,{offset:"0%"}),e.jsx(t.GradientStopBottom,{offset:"100%"})]})})]})});a.displayName="Star",exports.default=a;
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import"react";import{StyledLoaderStarContainer as t,StyledStarSVG as l,GradientStopTop as r,GradientStopBottom as s}from"./star.style.js";const c=({starContainerClassName:c,gradientId:i})=>a(t,{"data-component":"star",role:"presentation",className:c,children:e(l,{className:"ai-star-svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 217 216",children:[a("path",{className:"ai-star-path",fill:"#000",fillRule:"evenodd",d:"M108.502 215.994c-.166.006-.334.006-.502.006-7.218 0-11.975-3.217-15.497-8.335-4.396-5.656-7.56-13.591-10.338-21.896l-.597-1.807-.667-2.063-.91-2.87-1.225-3.904c-1.831-5.82-3.65-11.42-5.751-16.135-1.456-2.661-3.075-5.078-4.921-7.146-.356-.391-.72-.777-1.094-1.156-4.054-4.038-9.808-7.093-16.262-9.726-14.49-4.937-33.33-8.698-43.486-17.634C2.766 119.712 0 114.918 0 108l.003-.413c.108-6.697 2.852-11.372 7.25-14.916 10.155-8.935 28.995-12.696 43.485-17.633C57.192 72.405 62.946 69.35 67 65.312c.373-.38.738-.765 1.094-1.156 1.846-2.068 3.465-4.485 4.922-7.145 2.567-5.764 4.713-12.849 6.976-20.04l.91-2.87.666-2.063.338-1.028c2.84-8.586 6.063-16.843 10.598-22.675C95.954 3.32 100.592.13 107.57.004L108 0c.168 0 .336 0 .502.006L109 0l.405.003c6.999.119 11.645 3.316 15.102 8.347 5.071 6.529 8.5 16.09 11.592 25.75l.335 1.054 2.362 7.501c1.645 5.178 3.304 10.125 5.19 14.358 1.456 2.66 3.074 5.075 4.92 7.142.356.392.72.778 1.094 1.157 4.054 4.038 9.808 7.093 16.262 9.726 14.49 4.937 33.33 8.698 43.486 17.634C214.234 96.288 217 101.082 217 108c0 6.918-2.766 11.712-7.252 15.328-10.156 8.936-28.996 12.697-43.486 17.634-6.454 2.633-12.208 5.688-16.262 9.726-.373.38-.738.765-1.094 1.157-1.846 2.067-3.464 4.482-4.92 7.142-1.886 4.233-3.545 9.18-5.19 14.358l-2.362 7.5-.335 1.054c-3.091 9.66-6.521 19.222-11.592 25.751-3.524 5.127-8.282 8.35-15.507 8.35l-.498-.006Z"}),a("defs",{children:e("linearGradient",{id:i,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[a(r,{offset:"0%"}),a(s,{offset:"100%"})]})})]})});c.displayName="Star";export{c as default};

package/lib/components/loader-star/internal/star.style.js

@@ -1 +1 @@
-"use strict";var a=require("styled-components");function t(a){return a&&a.__esModule?a:{default:a}}var o=t(a);const e=a.keyframes(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),s=a.keyframes(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),i=a.keyframes(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),r="3s",n=o.default.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_9_1__sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],e,r),p=o.default.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_9_1__sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],s,r),l=o.default.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_9_1__sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],i,r),d=o.default.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_9_1__sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],n,p,l,n,p,l,n,p,l);exports.GradientStopBottom=l,exports.GradientStopTop=p,exports.StyledLoaderStarContainer=d,exports.StyledStarSVG=n;
+import a,{keyframes as t}from"styled-components";const o=t(["0%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}10%{transform:translate3d(0px,0px,0px) scale(0.3);opacity:0;}20%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}35%{transform:translate3d(0px,0px,0px) scale(0.6);opacity:1;}55%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}60%{transform:translate3d(16px,-12px,0px) scale(1.4);opacity:1;}90%{transform:translate3d(0px,-24px,0px) scale(0.8);opacity:1;}100%{transform:translate3d(0px,-24px,0px) scale(0.6);opacity:0;}"]),i=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#0092db;}90%{stop-color:#8f49fe;}100%{stop-color:#8f49fe;}"]),s=t(["0%{stop-color:#13a038;}10%{stop-color:#13a038;}50%{stop-color:#13a038;}90%{stop-color:#0092db;}100%{stop-color:#0092db;}"]),n="3s",r=a.svg.withConfig({displayName:"star.style__StyledStarSVG",componentId:"carbon_v162_12_0__sc-1b60e449-0"})(["animation:"," "," ease-in-out forwards infinite;height:var(--sizing200);opacity:0;width:var(--sizing200);"],o,n),e=a.stop.withConfig({displayName:"star.style__GradientStopTop",componentId:"carbon_v162_12_0__sc-1b60e449-1"})(["animation:"," "," ease-in-out forwards infinite;"],i,n),p=a.stop.withConfig({displayName:"star.style__GradientStopBottom",componentId:"carbon_v162_12_0__sc-1b60e449-2"})(["animation:"," "," ease-in-out forwards infinite;"],s,n),l=a.div.withConfig({displayName:"star.style__StyledLoaderStarContainer",componentId:"carbon_v162_12_0__sc-1b60e449-3"})(["bottom:0;height:var(--sizing200);left:0;position:absolute;width:var(--sizing200);&.star-1{.ai-star-path{fill:url(#gradient1);}","{animation-delay:-2s;}#gradient1{","{animation-delay:-2s;}","{animation-delay:-2s;}}}&.star-2{.ai-star-path{fill:url(#gradient2);}","{animation-delay:-1s;}#gradient2{","{animation-delay:-1s;}","{animation-delay:-1s;}}}&.star-3{.ai-star-path{fill:url(#gradient3);}","{animation-delay:0s;}#gradient3{","{animation-delay:0s;}","{animation-delay:0s;}}}"],r,e,p,r,e,p,r,e,p);export{p as GradientStopBottom,e as GradientStopTop,l as StyledLoaderStarContainer,r as StyledStarSVG};

package/lib/components/loader-star/loader-star.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./loader-star.style.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),o=require("./internal/star.component.js"),s=require("../typography/typography.component.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i=i=>{var{loaderStarLabel:u}=i,c=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(i,["loaderStarLabel"]);const d=a.default(),p=n.default("screen and (prefers-reduced-motion: no-preference)");if(void 0===p)return null;const y=e.jsx(t.StyledLabel,{"data-role":"visible-label",variant:"span",fontWeight:"400",children:u||d.loaderStar.loading()});return e.jsx(t.StyledLoaderStarWrapper,(f=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){l(e,r,t[r])}))}return e}({role:"status"},r.default("loader-star",c)),b=null!=(b={children:p?e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledStars,{children:[e.jsx(o.default,{starContainerClassName:"star-1",gradientId:"gradient1"}),e.jsx(o.default,{starContainerClassName:"star-2",gradientId:"gradient2"}),e.jsx(o.default,{starContainerClassName:"star-3",gradientId:"gradient3"})]}),e.jsx(s.Typography,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:u||d.loaderStar.loading()})]}):y})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(b)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(b)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(b,e))})),f));var f,b};i.displayName="LoaderStar",exports.default=i;
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledLabel as o,StyledLoaderStarWrapper as a,StyledStars as i}from"./loader-star.style.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import s from"../../hooks/useMediaQuery/useMediaQuery.js";import c from"./internal/star.component.js";import{Typography as p}from"../typography/typography.component.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=u=>{var{loaderStarLabel:f}=u,b=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["loaderStarLabel"]);const y=l(),m=s("screen and (prefers-reduced-motion: no-preference)");if(void 0===m)return null;const O=e(o,{"data-role":"visible-label",variant:"span",fontWeight:"400",children:f||y.loaderStar.loading()});return e(a,(g=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){d(e,r,t[r])}))}return e}({role:"status"},n("loader-star",b)),j=null!=(j={children:m?r(t,{children:[r(i,{children:[e(c,{starContainerClassName:"star-1",gradientId:"gradient1"}),e(c,{starContainerClassName:"star-2",gradientId:"gradient2"}),e(c,{starContainerClassName:"star-3",gradientId:"gradient3"})]}),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:f||y.loaderStar.loading()})]}):O})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(j)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(j)).forEach((function(e){Object.defineProperty(g,e,Object.getOwnPropertyDescriptor(j,e))})),g));var g,j};u.displayName="LoaderStar";export{u as default};

package/lib/components/loader-star/loader-star.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../typography/typography.component.js");function r(e){return e&&e.__esModule?e:{default:e}}require("react/jsx-runtime"),require("react");var a=r(e);const o=a.default.div.withConfig({displayName:"loader-star.style__StyledLoaderStarWrapper",componentId:"carbon_v162_9_1__sc-d84f526-0"})(["position:relative;width:max-content;"]),d=a.default(t.Typography).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"carbon_v162_9_1__sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),n=a.default.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"carbon_v162_9_1__sc-d84f526-2"})(["width:40px;height:40px;"]);exports.StyledLabel=d,exports.StyledLoaderStarWrapper=o,exports.StyledStars=n;
+import t from"styled-components";import{Typography as e}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";const o=t.div.withConfig({displayName:"loader-star.style__StyledLoaderStarWrapper",componentId:"carbon_v162_12_0__sc-d84f526-0"})(["position:relative;width:max-content;"]),r=t(e).withConfig({displayName:"loader-star.style__StyledLabel",componentId:"carbon_v162_12_0__sc-d84f526-1"})(["display:flex;justify-content:center;text-align:center;"]),a=t.div.withConfig({displayName:"loader-star.style__StyledStars",componentId:"carbon_v162_12_0__sc-d84f526-2"})(["width:40px;height:40px;"]);export{r as StyledLabel,o as StyledLoaderStarWrapper,a as StyledStars};

package/lib/components/menu/__internal__/keyboard-navigation/index.js

@@ -1 +1 @@
-"use strict";require("react");var e=require("../../../../__internal__/utils/helpers/events/events.js"),t=require("../locators.js");exports.characterNavigation=function(e,n){if(e&&n)return n.find((n=>{var i,r,o,a,u;return!!(null==n?void 0:n.getAttribute("data-component"))&&[t.MENU_ITEM,t.SCROLLABLE_BLOCK_PARENT].includes(n.getAttribute("data-component"))&&(null===(i=null===(r=null==(o=n)||null===(u=o.textContent)||void 0===u||null===(a=u.split("\n"))||void 0===a?void 0:a.map((e=>e.trim())).join(" "))||void 0===r?void 0:r.toLowerCase())||void 0===i?void 0:i.startsWith(e.toLowerCase()))}))},exports.menuKeyboardNavigation=function(t,n){return e.default.isHomeKey(t)?(t.preventDefault(),0):e.default.isEndKey(t)?(t.preventDefault(),n.length-1):void 0};
+import"react";import t from"../../../../__internal__/utils/helpers/events/events.js";import{MENU_ITEM as e,SCROLLABLE_BLOCK_PARENT as n}from"../locators.js";function o(t,o){if(t&&o)return o.find((o=>{var i,r,l,u,s;return!!(null==o?void 0:o.getAttribute("data-component"))&&[e,n].includes(o.getAttribute("data-component"))&&(null===(i=null===(r=null==(l=o)||null===(s=l.textContent)||void 0===s||null===(u=s.split("\n"))||void 0===u?void 0:u.map((t=>t.trim())).join(" "))||void 0===r?void 0:r.toLowerCase())||void 0===i?void 0:i.startsWith(t.toLowerCase()))}))}function i(e,n){return t.isHomeKey(e)?(e.preventDefault(),0):t.isEndKey(e)?(e.preventDefault(),n.length-1):void 0}export{o as characterNavigation,i as menuKeyboardNavigation};

package/lib/components/menu/__internal__/locators.js

@@ -1 +1 @@
-"use strict";const o="menu-item",t="submenu-scrollable-block",e="scrollable-block-parent",L=`[data-component='${o}'], [data-component='${e}']`,n=`[data-component='${o}'], [data-component='${t}']`,E=`[data-component='${o}']`;exports.ALL_CHILDREN_SELECTOR=L,exports.BLOCK_INDEX_SELECTOR=n,exports.MENU_ITEM=o,exports.MENU_ITEM_CHILDREN_LOCATOR=E,exports.SCROLLABLE_BLOCK=t,exports.SCROLLABLE_BLOCK_PARENT=e;
+const o="menu-item",n="submenu-scrollable-block",t="scrollable-block-parent",a=`[data-component='${o}'], [data-component='${t}']`,e=`[data-component='${o}'], [data-component='${n}']`,c=`[data-component='${o}']`;export{a as ALL_CHILDREN_SELECTOR,e as BLOCK_INDEX_SELECTOR,o as MENU_ITEM,c as MENU_ITEM_CHILDREN_LOCATOR,n as SCROLLABLE_BLOCK,t as SCROLLABLE_BLOCK_PARENT};

package/lib/components/menu/__internal__/menu-item-variant.context.d.ts

@@ -0,0 +1,6 @@
+import { VariantType } from "../menu-item/menu-item.component";
+interface VariantContextType {
+    menuItemVariant?: VariantType;
+}
+declare const _default: import("react").Context<VariantContextType>;
+export default _default;

package/lib/components/menu/__internal__/menu.context.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({inMenu:!1});exports.default=e;
+import{createContext as r}from"react";var a=r({inMenu:!1});export{a as default};

package/lib/components/menu/__internal__/strict-menu.context.d.ts

@@ -1,6 +1,6 @@
-import type { MenuType } from "../menu.types";
+import { MenuVariantType } from "../menu.component";
 export interface StrictMenuContextType {
-    menuType: MenuType;
+    menuVariant: MenuVariantType;
     openSubmenuId: string | null;
     inFullscreenView?: boolean;
     setOpenSubmenuId: (id: string | null) => void;

package/lib/components/menu/__internal__/strict-menu.context.js

@@ -1 +1 @@
-"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"MenuContext",errorMessage:"Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{menuType:"light",openSubmenuId:null,setOpenSubmenuId:()=>{}}});exports.StrictMenuProvider=t,exports.useStrictMenuContext=r;
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,n]=e({name:"MenuContext",errorMessage:"Carbon Menu: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{menuVariant:"white",openSubmenuId:null,setOpenSubmenuId:()=>{}}});export{t as StrictMenuProvider,n as useStrictMenuContext};

package/lib/components/menu/__internal__/submenu/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./submenu.component.js");exports.default=e.default;
+export{default}from"./submenu.component.js";

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

@@ -6,22 +6,14 @@ export interface SubmenuProps {
     children: React.ReactNode;
     /** Custom className */
     className?: string;
-    /**
-     * * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-     *
-     * Adds an icon to the menu item.
-     * */
-    icon?: string;
     /** Defines which direction the submenu will hang eg. left/right */
     submenuDirection?: string;
     /** A title for the menu item that has a submenu. */
     title?: React.ReactNode;
     /** onKeyDown handler */
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** set the colour variant for a menuType */
+    /** Set the variant of the Submenu  */
     variant?: VariantType;
-    /** Flag to display the dropdown arrow when an item has a submenu */
-    showDropdownArrow?: boolean;
     /** When set the submenu opens by click instead of hover */
     clickToOpen?: boolean;
     /** The href to use for the menu item. */
@@ -36,12 +28,12 @@ export interface SubmenuProps {
     onSubmenuClose?: () => void;
     /** Callback triggered when the top-level menu item is clicked */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Accessible label for when no text children are passed to menu item */
-    ariaLabel?: string;
     /** Sets the max-width of the submenu container element */
     submenuMaxWidth?: string;
     /** Sets the min-width of the submenu container element */
     submenuMinWidth?: string;
+    /** Is the menu item the currently selected item. */
+    selected?: boolean;
 }
 declare const Submenu: React.ForwardRefExoticComponent<SubmenuProps & React.RefAttributes<HTMLAnchorElement>>;
 export default Submenu;

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../menu-item/menu-item.style.js"),r=require("./submenu.style.js"),u=require("../../../../__internal__/utils/helpers/events/events.js"),a=require("../strict-menu.context.js"),l=require("../keyboard-navigation/index.js"),o=require("./submenu.context.js"),i=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../locators.js"),c=require("../../../../hooks/__internal__/useStableCallback/useStableCallback.js"),d=require("../../../navigation-bar/__internal__/fixed-navigation-bar.context.js"),m=require("../../../../__internal__/focus-trap/focus-trap-utils.js");function f(e){return e&&e.__esModule?e:{default:e}}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 b(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 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 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 S=f(t).default.forwardRef(((f,p)=>{var{children:S,className:v,title:h,icon:O,submenuDirection:g="right",onKeyDown:j,variant:w="default",showDropdownArrow:x=!0,clickToOpen:_,href:C,maxWidth:E,asPassiveItem:A,onSubmenuOpen:D,onSubmenuClose:L,onClick:k,submenuMaxWidth:P,submenuMinWidth:q}=f,T=function(e,t){if(null==e)return{};var n,r,u=function(e,t){if(null==e)return{};var n,r,u={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(u[n]=e[n]);return u}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(u[n]=e[n])}return u}(f,["children","className","title","icon","submenuDirection","onKeyDown","variant","showDropdownArrow","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth"]);const[K,I]=t.useState(null),R=t.useRef(i.default()),{inFullscreenView:M,openSubmenuId:F,setOpenSubmenuId:W,menuType:B}=a.useStrictMenuContext(),[N,H]=t.useState(!1),[V,$]=t.useState(null),[U,X]=t.useState([]),[z,G]=t.useState(""),[J,Q]=t.useState(!1),[Y,Z]=t.useState(!1),ee=U.length,{submenuMaxHeight:te}=t.useContext(d.default),ne=c.default(D),re=t.useMemo((()=>{const e=null==K?void 0:K.querySelectorAll(s.BLOCK_INDEX_SELECTOR);if(e&&N&&ee){const t=Array.from(e),n=null==K?void 0:K.querySelector(`[data-component='${s.SCROLLABLE_BLOCK}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${s.SCROLLABLE_BLOCK_PARENT}']`))?r+1:r}return-1}),[N,ee,K]),ue=t.useRef(null),ae=t.useCallback((()=>{ue.current=setTimeout((()=>{G("")}),1500)}),[]),le=t.useCallback((()=>{ue.current&&clearTimeout(ue.current),ae()}),[ae]);t.useEffect((()=>()=>{ue.current&&clearTimeout(ue.current)}),[]);const oe=t.useCallback((()=>{H(!0),W(R.current)}),[W]),ie=t.useRef();t.useEffect((()=>{N&&K&&(()=>{var e;if(!K)return;const t=Array.from(K.querySelectorAll("[data-component='menu-item']")||[]),n=t.length>0?t[t.length-1]:null;ie.current=null!=n?n:void 0,K.querySelectorAll("[data-last-visible-menu-item]").forEach((e=>e.removeAttribute("data-last-visible-menu-item"))),n&&n.setAttribute("data-last-visible-menu-item","true");const r=Array.from(K.querySelectorAll("ul:not([data-component='submenu'])")||[]);if(0===r.length)return Q(!1),void Z(!1);const u=r[r.length-1],a=(null==u||null===(e=u.parentElement)||void 0===e?void 0:e.dataset.component)===s.SCROLLABLE_BLOCK,l=Array.from(u.querySelectorAll("[data-component='menu-item']")||[]),o=l.length>0?l[l.length-1]:null;let i=!1;o&&u&&(i=o.getBoundingClientRect().bottom<u.getBoundingClientRect().bottom);const c=!!o&&!!n&&o===n;Q(c),Z(c&&!a||c&&a&&!i)})()}),[N,K,ee]),t.useEffect((()=>{N&&ne&&ne()}),[N,ne]);const se=t.useCallback((()=>{H(!1),$(null),L&&L(),G("")}),[L]);t.useEffect((()=>{F&&F!==R.current&&se()}),[F,se]);const ce=t.useCallback((e=>U.findIndex((t=>t===e))),[U]),de=t.useCallback((e=>{const t=u.default.isEnterKey(e)||u.default.isSpaceKey(e);if(!t&&!u.default.isDownKey(e)||N||(e.preventDefault(),oe()),N){const n=ce(V);let r=n;if(V||((t&&!C||u.default.isSpaceKey(e)&&C)&&(e.preventDefault(),se()),u.default.isShiftKey(e)&&u.default.isTabKey(e)&&se()),u.default.isDownKey(e)&&(e.preventDefault(),r<ee-1&&(r+=1)),u.default.isUpKey(e)&&(e.preventDefault(),Q(!1),r>0&&(r-=1)),u.default.isEscKey(e))return null==j||j(e),void se();u.default.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),u.default.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ee-1),1===e.key.length?(e.stopPropagation(),ue.current?le():ae(),G(`${z}${e.key.toLowerCase()}`)):G(""),u.default.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))))||u.default.isEnterKey(e)&&setTimeout((()=>se()),0),r!==n&&$(U[r])}}),[U,N,C,ee,V,ce,oe,se,j,z,le,ae]);return t.useEffect((()=>{if(K&&S){const e=null==K?void 0:K.querySelectorAll(s.ALL_CHILDREN_SELECTOR);e&&X(Array.from(e).filter((e=>e.querySelector(m.defaultFocusableSelectors))).map((e=>e.getAttribute("id"))))}}),[S,N,K]),t.useEffect((()=>{const e=null==K?void 0:K.querySelectorAll(s.ALL_CHILDREN_SELECTOR);if(e&&""!==z){const t=Array.from(e),n=l.characterNavigation(z,t);n&&$(n.id)}}),[K,z,U]),M?e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper",inFullscreenView:M,asPassiveItem:A,menuType:B,children:[e.jsx(n.default,y(b({},T),{onClick:A?void 0:k,className:v,menuType:B,ref:p,href:C,menuItemVariant:w,inFullscreenView:M,asDiv:A,children:h})),e.jsx(r.StyledSubmenu,{"data-component":"submenu",variant:w,menuType:B,inFullscreenView:M,ref:I,applyFocusRadiusStyling:!1,applyFocusRadiusStylingToLastItem:Y,children:e.jsx(o.default.Provider,{value:{handleKeyDown:de,blockIndex:re,updateFocusId:$},children:S})})]}):e.jsxs(r.StyledSubmenuWrapper,{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:_?void 0:()=>oe(),onMouseLeave:()=>se(),isSubmenuOpen:N,ref:I,children:[e.jsx(n.default,y(b({},T),{className:v,menuType:B,ref:p,icon:O,tabIndex:-1,menuItemVariant:w,isOpen:N,hasSubmenu:!0,showDropdownArrow:x,onKeyDown:de,onClick:e=>{oe(),k&&k(e)},clickToOpen:_,href:C,maxWidth:E,"aria-expanded":N,"data-role":"submenu-parent-item",children:h})),N&&e.jsx(r.StyledSubmenu,{"data-component":"submenu",submenuDirection:g,variant:w,menuType:B,role:0===re?"presentation":"list",maxHeight:te,applyFocusRadiusStyling:J,applyFocusRadiusStylingToLastItem:Y,submenuMaxWidth:P,submenuMinWidth:q,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||se()},children:e.jsx(o.default.Provider,{value:{submenuFocusId:V,handleKeyDown:de,blockIndex:re,updateFocusId:$,submenuHasMaxWidth:!!P,closeSubmenu:se},children:S})})]})}));S.displayName="submenu",exports.default=S;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as o,useContext as i,useMemo as u,useCallback as a,useEffect as l,useLayoutEffect as s}from"react";import{StyledMenuItemWrapper as c}from"../../menu-item/menu-item.style.js";import{StyledSubmenuWrapper as m,StyledSubmenu as p}from"./submenu.style.js";import d from"../../../../__internal__/utils/helpers/events/events.js";import{useStrictMenuContext as b}from"../strict-menu.context.js";import{characterNavigation as f}from"../keyboard-navigation/index.js";import y from"./submenu.context.js";import h from"../../../../__internal__/utils/helpers/guid/index.js";import{BLOCK_INDEX_SELECTOR as v,SCROLLABLE_BLOCK as O,SCROLLABLE_BLOCK_PARENT as g,ALL_CHILDREN_SELECTOR as j}from"../locators.js";import w from"../../../../hooks/__internal__/useStableCallback/useStableCallback.js";import S from"../../../navigation-bar/__internal__/fixed-navigation-bar.context.js";import{defaultFocusableSelectors as x}from"../../../../__internal__/focus-trap/focus-trap-utils.js";function $(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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){$(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}const _=n.forwardRef(((n,$)=>{var{children:_,className:k,title:K,submenuDirection:I="right",onKeyDown:A,variant:M="default",clickToOpen:V,href:E,maxWidth:T,asPassiveItem:W,onSubmenuOpen:C,onSubmenuClose:q,onClick:F,submenuMaxWidth:N,submenuMinWidth:H,selected:L}=n,B=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}(n,["children","className","title","submenuDirection","onKeyDown","variant","clickToOpen","href","maxWidth","asPassiveItem","onSubmenuOpen","onSubmenuClose","onClick","submenuMaxWidth","submenuMinWidth","selected"]);const[R,U]=r(null),z=o(h()),{inFullscreenView:G,openSubmenuId:J,setOpenSubmenuId:Q,menuVariant:X}=b(),[Y,Z]=r(!1),[ee,te]=r(null),[ne,re]=r([]),[oe,ie]=r(""),ue=ne.length,{submenuMaxHeight:ae}=i(S),le=w(C),se=u((()=>{const e=null==R?void 0:R.querySelectorAll(v);if(e&&Y&&ue){const t=Array.from(e),n=null==R?void 0:R.querySelector(`[data-component='${O}']`),r=n?t.indexOf(n):-1;return(null==n?void 0:n.querySelector(`[data-component='${g}']`))?r+1:r}return-1}),[Y,ue,R]),ce=o(null),me=a((()=>{ce.current=setTimeout((()=>{ie("")}),1500)}),[]),pe=a((()=>{ce.current&&clearTimeout(ce.current),me()}),[me]);l((()=>()=>{ce.current&&clearTimeout(ce.current)}),[]);const de=a((()=>{Z(!0),Q(z.current)}),[Q]);l((()=>{Y&&le&&le()}),[Y,le]);const be=a((()=>{Z(!1),te(null),q&&q(),ie("")}),[q]);l((()=>{J&&J!==z.current&&be()}),[J,be]);const fe=a((e=>ne.findIndex((t=>t===e))),[ne]),ye=a((e=>{const t=d.isEnterKey(e)||d.isSpaceKey(e);if(!t&&!d.isDownKey(e)||Y||(e.preventDefault(),de()),Y){const n=fe(ee);let r=n;if(ee||((t&&!E||d.isSpaceKey(e)&&E)&&(e.preventDefault(),be()),d.isShiftKey(e)&&d.isTabKey(e)&&be()),d.isDownKey(e)&&(e.preventDefault(),r<ue-1&&(r+=1)),d.isUpKey(e)&&(e.preventDefault(),r>0&&(r-=1)),d.isEscKey(e))return null==A||A(e),void be();d.isHomeKey(e)&&(e.preventDefault(),e.stopPropagation(),r=0),d.isEndKey(e)&&(e.preventDefault(),e.stopPropagation(),r=ue-1);const o=d.composedPath(e.nativeEvent).find((e=>e instanceof HTMLElement&&("input"===e.getAttribute("data-element")||"input-icon-toggle"===e.getAttribute("data-element"))));1!==e.key.length||o?ie(""):(e.stopPropagation(),ce.current?pe():me(),ie(`${oe}${e.key.toLowerCase()}`)),o||d.isEnterKey(e)&&setTimeout((()=>be()),0),r!==n&&te(ne[r])}}),[ne,Y,E,ue,ee,fe,de,be,A,oe,pe,me]);return l((()=>{if(R&&_){const e=null==R?void 0:R.querySelectorAll(j);e&&re(Array.from(e).filter((e=>e.querySelector(x))).map((e=>e.getAttribute("id"))))}}),[_,Y,R]),l((()=>{const e=null==R?void 0:R.querySelectorAll(j);if(e&&""!==oe){const t=Array.from(e),n=f(oe,t);n&&te(n.id)}}),[R,oe,ne]),s((()=>{const e=null==R?void 0:R.querySelectorAll('[data-element="menu-item-wrapper"]');null==e||e.forEach(((t,n)=>{n===e.length-1?t.setAttribute("data-last-menu-item","true"):t.removeAttribute("data-last-menu-item")}))}),[R,Y,ue]),e(m,G?{"data-component":"submenu-wrapper",$inFullscreenView:G,children:[t(c,P(D({},B),{as:F&&!E?"button":"a",onClick:W?void 0:F,className:k,$menuVariant:X,ref:$,href:E,$menuItemVariant:M,$inFullscreenView:G,$asDiv:W,$hasSubmenu:!0,$selected:L,children:K})),t(p,{"data-component":"submenu",$menuVariant:X,$inFullscreenView:G,ref:U,children:t(y.Provider,{value:{handleKeyDown:ye,blockIndex:se,updateFocusId:te},children:_})})]}:{"data-component":"submenu-wrapper","data-role":"submenu-wrapper",onMouseOver:V?void 0:()=>de(),onMouseLeave:()=>be(),ref:U,children:[t(c,P(D({},B),{as:E?"a":"button",className:k,$menuVariant:X,ref:$,$menuItemVariant:M,$isOpen:Y,$hasSubmenu:!0,onKeyDown:ye,onClick:e=>{de(),F&&F(e)},href:E,$maxWidth:T,$selected:L,"aria-expanded":Y,"data-element":"submenu-parent-item","data-role":"submenu-parent-item",children:K})),Y&&t(p,{"data-component":"submenu","data-role":"submenu",$submenuDirection:I,$menuVariant:X,role:0===se?"presentation":"list",$maxHeight:ae,$submenuMaxWidth:N,$submenuMinWidth:H,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||be()},children:t(y.Provider,{value:{submenuFocusId:ee,handleKeyDown:ye,blockIndex:se,updateFocusId:te,submenuMaxWidth:N,closeSubmenu:be},children:_})})]})}));_.displayName="submenu";export{_ as default};

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

@@ -4,7 +4,7 @@ export interface SubmenuContextProps {
     updateFocusId?: (id: string) => void;
     handleKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     blockIndex?: number;
-    submenuHasMaxWidth?: boolean;
+    submenuMaxWidth?: string;
     closeSubmenu?: () => void;
 }
 declare const SubmenuContext: React.Context<SubmenuContextProps>;

package/lib/components/menu/__internal__/submenu/submenu.context.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("react")).default.createContext({});exports.default=t;
+import t from"react";const e=t.createContext({});export{e as default};

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

@@ -1,21 +1,18 @@
-import { SubmenuProps } from "./submenu.component";
-import type { MenuType } from "../../menu.types";
-interface SharedStyleProps {
-    inFullscreenView?: boolean;
-    menuType?: MenuType;
+interface StyledSubmenuWrapperProps {
+    $inFullscreenView?: boolean;
 }
-interface StyledSubmenuWrapperProps extends SharedStyleProps {
-    isSubmenuOpen?: boolean;
-    asPassiveItem?: boolean;
-}
-interface StyledSubmenuProps extends SharedStyleProps, Pick<SubmenuProps, "variant" | "submenuMaxWidth" | "submenuMinWidth"> {
-    submenuDirection?: string;
-    maxHeight?: string;
-    applyFocusRadiusStyling: boolean;
-    applyFocusRadiusStylingToLastItem: boolean;
-}
-declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & StyledSubmenuWrapperProps, "theme">;
-declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, StyledSubmenuProps, never>;
-export { StyledSubmenu, StyledSubmenuWrapper };
+interface StyledSubmenuProps {
+    $submenuDirection?: string;
+    $maxHeight?: string;
+    $inFullscreenView?: boolean;
+    $menuVariant: "white" | "black";
+    $submenuMaxWidth?: string;
+    $submenuMinWidth?: string;
+}
+export declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, {
+    theme: object;
+} & StyledSubmenuProps, "theme">;
+export {};

package/lib/components/menu/__internal__/submenu/submenu.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../scrollable-block/scrollable-block.style.js"),r=require("../../../../style/themes/apply-base-theme.js"),i=require("../../../link/link.style.js"),a=require("../../menu.style.js"),o=require("../../menu-item/menu-item.style.js"),d=require("../../../icon/icon.style.js"),s=require("../../menu.config.js"),u=require("../../menu-segment-title/menu-segment-title.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const b=l.default.div.attrs(r.default).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"carbon_v162_9_1__sc-5ce62130-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;"," ",""],(({isSubmenuOpen:t,theme:r})=>t&&e.css(["z-index:",";"],r.zIndex.popover)),(({inFullscreenView:t,menuType:r,asPassiveItem:i})=>e.css([""," ",""],t&&e.css(["width:100%;",""],i&&r&&e.css(["","{outline:none;color:",";}"],o.default,s.default[r].title)),!t&&e.css(["display:flex;"])))),m=l.default.ul.withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"carbon_v162_9_1__sc-5ce62130-1"})(["",""],(({menuType:r,submenuDirection:n,variant:l,inFullscreenView:b,maxHeight:m,applyFocusRadiusStyling:c,applyFocusRadiusStylingToLastItem:h,submenuMaxWidth:p,submenuMinWidth:g})=>e.css([""," "," "," display:block;list-style:none;margin:0;padding:0;",":after,",":hover:after{display:none;}","{display:flex;align-items:center;white-space:nowrap;"," "," "," a{text-decoration:none;}> ",'{width:16px;height:16px;margin-right:5px;}}[data-component="icon"]{line-height:20px;&:before{line-height:unset;}span{vertical-align:middle;svg{height:16px;width:16px;}}}&:before{background-color:transparent;border-radius:0 0 4px 4px;content:"";height:5px;position:absolute;top:-5px;width:100%;}',""],!b&&r&&e.css(["box-shadow:var(--boxShadow100);position:absolute;top:100%;background-color:",";min-width:",";"," a,button,"," a,"," button{width:100%;}"],"default"===l?s.default[r].submenuItemBackground:s.default[r].background,null!=g?g:"100%",p&&e.css(["width:max-content;max-width:",";li{max-width:",";}&&&{a,button,"," a,"," button{white-space:normal;height:auto;}}"],p,p,i.StyledLink,i.StyledLink),i.StyledLink,i.StyledLink),b&&e.css(["min-width:100%;","{width:100%;}"],a.StyledMenuItem),!b&&e.css(["border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);overflow-y:auto;"," & "," > ",":last-of-type:not([data-last-visible-menu-item='true']){a,button,> span,> div{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);:focus{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}}}[data-last-visible-menu-item=\"true\"]{a,button,> span,> div{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);:focus{border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);}}}&&&& ",'{[data-element="scrollable-block-list"]{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:',";",":last-child ",",",":last-child a,",":last-child button{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";}}}"],m&&`max-height: ${m};`,u.StyledSegmentChildren,a.StyledMenuItem,t.default,c?"var(--borderRadius100)":"var(--borderRadius000)",a.StyledMenuItem,i.StyledLink,a.StyledMenuItem,a.StyledMenuItem,h?"var(--borderRadius100)":"var(--borderRadius000)"),o.default,o.default,o.default,b&&e.css(["white-space:normal;height:auto;"]),p&&e.css(["height:auto;min-height:40px;"]),!b&&r&&e.css(["background-color:",";> a:focus,> button:focus{background-color:",";}> a,> button{padding:11px 16px 12px;}"],s.default[r].submenuItemBackground,s.default[r].submenuItemBackground),d.default,"left"===n&&e.css(["right:0;"]))));exports.StyledSubmenu=m,exports.StyledSubmenuWrapper=b;
+import e,{css as t}from"styled-components";import i from"../../../../style/themes/apply-base-theme.js";import o from"../../menu.config.js";const r=e.div.attrs(i).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"carbon_v162_12_0__sc-92487cd8-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;",""],(({$inFullscreenView:e})=>t([""," ",""],e&&t(["width:100%;"]),!e&&t(["display:flex;"])))),a=e.ul.attrs(i).withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"carbon_v162_12_0__sc-92487cd8-1"})(["",""],(({$menuVariant:e,$submenuDirection:i,$inFullscreenView:r,$maxHeight:a,$submenuMaxWidth:n,$submenuMinWidth:d,theme:l})=>t(["display:block;list-style:none;margin:0;padding:0;background-color:",";"," ",""],o[e].submenuItemBackground,!r&&t(["position:absolute;top:100%;z-index:",";box-shadow:var(--global-depth-lvl1);width:max-content;min-width:100%;box-sizing:border-box;border-radius:var(--global-radius-none) var(--global-radius-none) var(--global-radius-container-m) var(--global-radius-container-m);overflow-y:auto;"," "," "," "," "," [data-last-menu-item='true']{border-bottom-left-radius:var(--global-radius-container-m);border-bottom-right-radius:var(--global-radius-container-m);}"],l.zIndex.popover,"white"===e&&t(["margin-top:-1px;border:var(--global-borderwidth-xs) solid var(--nav-tertiary-border-default);"]),n&&t(["max-width:",";"],n),d&&t(["min-width:",";"],d),"left"===i&&t(["right:0;"]),a&&`max-height: ${a};`),r&&t(["min-width:100%;"]))));export{a as StyledSubmenu,r as StyledSubmenuWrapper};

package/lib/components/menu/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Menu } from "./menu.component";
-export type { MenuProps } from "./menu.types";
+export type { MenuProps } from "./menu.component";
 export { default as MenuItem } from "./menu-item";
 export type { MenuWithIcon, MenuWithChildren, MenuItemHandle, } from "./menu-item";
 export { default as MenuDivider } from "./menu-divider";

package/lib/components/menu/index.js

@@ -1 +1 @@
-"use strict";var e=require("./menu.component.js"),n=require("./menu-item/menu-item.component.js"),r=require("./menu-divider/menu-divider.component.js"),u=require("./menu-segment-title/menu-segment-title.component.js"),l=require("./menu-full-screen/menu-full-screen.component.js"),t=require("./scrollable-block/scrollable-block.component.js");exports.Menu=e.Menu,exports.MenuItem=n.MenuItem,exports.MenuDivider=r.default,exports.MenuSegmentTitle=u.default,exports.MenuFullscreen=l.MenuFullscreen,exports.ScrollableBlock=t.ScrollableBlock;
+export{Menu}from"./menu.component.js";export{MenuItem}from"./menu-item/menu-item.component.js";export{default as MenuDivider}from"./menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./scrollable-block/scrollable-block.component.js";

package/lib/components/menu/menu-divider/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./menu-divider.component.js");exports.default=e.default;
+export{default}from"./menu-divider.component.js";

package/lib/components/menu/menu-divider/menu-divider.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./menu-divider.style.js"),n=require("../__internal__/strict-menu.context.js"),u=require("../menu.style.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js");function o(e){return e&&e.__esModule?e:{default:e}}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}const s=o(r).default.forwardRef(((r,o)=>{var{size:c="default"}=r,s=function(e,r){if(null==e)return{};var t,n,u=function(e,r){if(null==e)return{};var t,n,u={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(u[t]=e[t]);return u}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(u[t]=e[t])}return u}(r,["size"]);const{menuType:a}=n.useStrictMenuContext();return e.jsx(u.StyledMenuItem,{inSubmenu:!0,"aria-hidden":"true","data-role":"divider-container",children:e.jsx(t.default,(f=l({size:c},i.default("menu-divider",s)),p={menuType:a,ref:o},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(p,e))})),f))});var f,p}));s.displayName="MenuDivider",exports.default=s;
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"./menu-divider.style.js";import{useStrictMenuContext as n}from"../__internal__/strict-menu.context.js";import{StyledMenuItem as i}from"../menu-item/menu-item.style.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}const l=r.forwardRef(((r,c)=>{var{size:l="default"}=r,a=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["size"]);const{menuVariant:s,inFullscreenView:f}=n();return e(i,{$inSubmenu:!0,$removeHeight:!0,"aria-hidden":"true","data-role":"divider-container",children:e(t,(m=u({$size:l},o("menu-divider",a)),p={$menuVariant:s,$inFullscreenView:f,ref:c},p=null!=p?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(p)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(p)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(p,e))})),m))});var m,p}));l.displayName="MenuDivider";export{l as default};

package/lib/components/menu/menu-divider/menu-divider.style.d.ts

@@ -1,6 +1,8 @@
 import { MenuDividerProps } from "./menu-divider.component";
-import type { MenuType } from "../menu.types";
-declare const StyledDivider: import("styled-components").StyledComponent<"div", any, MenuDividerProps & {
-    menuType: MenuType;
-}, never>;
+interface StyledDividerProps {
+    $menuVariant: "white" | "black";
+    $size: MenuDividerProps["size"];
+    $inFullscreenView?: boolean;
+}
+declare const StyledDivider: import("styled-components").StyledComponent<"div", any, StyledDividerProps, never>;
 export default StyledDivider;

package/lib/components/menu/menu-divider/menu-divider.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../menu.config.js");function t(e){return e&&e.__esModule?e:{default:e}}const d=t(e).default.div.withConfig({displayName:"menu-divider.style__StyledDivider",componentId:"carbon_v162_9_1__sc-ce8f3542-0"})(["cursor:default;",""],(({menuType:t,size:d})=>e.css(["margin:0px ",";height:",";background-color:",";"],"large"===d?"":"16px","large"===d?"4px":"1px",r.default[t].divider)));exports.default=d;
+import e,{css as a}from"styled-components";import o from"../menu.config.js";const i=e.div.withConfig({displayName:"menu-divider.style__StyledDivider",componentId:"carbon_v162_12_0__sc-b48c8639-0"})(["",""],(({$menuVariant:e,$size:i,$inFullscreenView:n})=>a(["background-color:",";margin:var(--global-space-none) var(--global-space-comp-l);height:1px;"," ",""],o[e].divider,n&&a(["margin:var(--global-space-comp-s) var(--global-space-comp-l);"]),"large"===i&&a(["margin:var(--global-space-none);height:4px;"]))));export{i as default};

package/lib/components/menu/menu-full-screen/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./menu-full-screen.component.js");exports.default=e.MenuFullscreen;
+export{MenuFullscreen as default}from"./menu-full-screen.component.js";

package/lib/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),n=require("react-transition-group"),t=require("./menu-full-screen.style.js"),l=require("../menu.style.js"),o=require("../__internal__/strict-menu.context.js"),i=require("../../../__internal__/utils/helpers/events/events.js"),a=require("../../box/box.component.js"),u=require("../../icon-button/icon-button.component.js"),s=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var c=require("../../portal/portal.js"),d=require("../../../__internal__/focus-trap/focus-trap.component.js"),p=require("../menu-divider/menu-divider.component.js"),m=require("../../../__internal__/dom/globals.js"),f=require("../../../hooks/__internal__/useLocale/useLocale.js"),j=require("../../../hooks/__internal__/useModalAria/useModalAria.js"),_=require("../../../hooks/__internal__/useModalManager/useModalManager.js");function x(e){return e&&e.__esModule?e:{default:e}}var b=x(r);function y(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function h(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(r){y(e,r,n[r])}))}return e}const v=({"aria-label":c="Fullscreen menu","data-element":x,"data-role":y,children:h,isOpen:v=!1,onClose:M,startPosition:q="left",topModalOverride:g})=>{var O;const S=r.useRef(null),P=r.useRef(null),w=r.useRef(null),k=j.default(P),{menuType:C}=o.useStrictMenuContext(),F=["dark","black"].includes(C),T=f.default(),R=b.default.Children.toArray(h),A=b.default.Children.toArray(R.map(((r,n)=>n<R.length-1?e.jsxs(e.Fragment,{children:[r,e.jsx(p.default,{"data-role":"divider"})]}):r))),E=r.useCallback((e=>{M&&i.default.isEscKey(e)&&(e.stopImmediatePropagation(),M(e))}),[M]);return _.default({open:v,closeModal:E,modalRef:S,topModalOverride:g,focusCallToActionElement:null===(O=m.getDocument())||void 0===O?void 0:O.activeElement}),e.jsx(n.CSSTransition,{nodeRef:S,in:v,timeout:200,unmountOnExit:!0,children:e.jsx(t.StyledMenuFullscreen,{ref:S,startPosition:q,transitionDuration:200,children:e.jsx(d.default,{wrapperRef:P,isOpen:v,children:e.jsxs(t.StyledMenuModal,{"aria-label":c,"aria-modal":!!k||void 0,"data-component":"menu-fullscreen","data-element":x,"data-role":y,menuType:C,ref:P,role:"dialog",tabIndex:-1,children:[e.jsx(t.StyledMenuFullscreenHeader,{menuType:C,children:e.jsx(u.default,{"aria-label":T.menuFullscreen.ariaLabels.closeButton(),onClick:M,"data-element":"close",children:e.jsx(s.default,{type:"close",inverse:F})})}),e.jsx(a.Box,{overflowY:"auto",width:"100%",height:"calc(100% - 40px)",children:e.jsx(l.StyledMenuWrapper,{"data-component":"menu",menuType:C,ref:w,display:"flex",flexDirection:"column",role:"list",inFullscreenView:!0,children:e.jsx(o.StrictMenuProvider,{value:{inFullscreenView:!0,menuType:C,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:A})})})]})})})})},M=r=>e.jsx("li",{children:e.jsx(c.Portal,{children:e.jsx(v,h({},r))})});exports.MenuFullscreen=M,exports.default=M;
+import{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as l}from"react";import{CSSTransition as i}from"react-transition-group";import{StyledMenuFullscreen as a,StyledMenuModal as m,StyledMenuFullscreenHeader as s,StyledMenuFullscreenContent as c}from"./menu-full-screen.style.js";import{StyledMenuWrapper as u}from"../menu.style.js";import{useStrictMenuContext as d,StrictMenuProvider as p}from"../__internal__/strict-menu.context.js";import f from"../../../__internal__/utils/helpers/events/events.js";import{Button as _}from"../../button/__next__/button.component.js";import b from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Portal as h}from"../../portal/portal.js";import j from"../../../__internal__/focus-trap/focus-trap.component.js";import v from"../menu-divider/menu-divider.component.js";import{getDocument as y}from"../../../__internal__/dom/globals.js";import O from"../../../hooks/__internal__/useLocale/useLocale.js";import g from"../../../hooks/__internal__/useModalAria/useModalAria.js";import M from"../../../hooks/__internal__/useModalManager/useModalManager.js";function w(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function P(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},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(n){w(e,n,r[n])}))}return e}const k=({"aria-label":h="Fullscreen menu","data-element":w,"data-role":P,children:k,isOpen:x=!1,onClose:V,startPosition:A="left",topModalOverride:C})=>{var E;const $=t(null),F=t(null),I=t(null),S=g(F),{menuVariant:L}=d(),R=O(),B=o.Children.toArray(k),D=o.Children.toArray(B.map(((o,t)=>t<B.length-1?n(r,{children:[o,e(v,{"data-role":"divider"})]}):o))),T=l((e=>{V&&f.isEscKey(e)&&(e.stopImmediatePropagation(),V(e))}),[V]);return M({open:x,closeModal:T,modalRef:$,topModalOverride:C,focusCallToActionElement:null===(E=y())||void 0===E?void 0:E.activeElement}),e(i,{nodeRef:$,in:x,timeout:200,unmountOnExit:!0,children:e(a,{ref:$,$startPosition:A,$transitionDuration:200,children:e(j,{wrapperRef:F,isOpen:x,children:n(m,{"aria-label":h,"aria-modal":!!S||void 0,"data-component":"menu-fullscreen","data-element":w,"data-role":P,$menuVariant:L,ref:F,role:"dialog",tabIndex:-1,children:[e(s,{$menuVariant:L,children:e(_,{variantType:"subtle",size:"small",inverse:Boolean("black"===L),"aria-label":R.menuFullscreen.ariaLabels.closeButton(),onClick:e=>V(e),"data-element":"close",children:e(b,{type:"close"})})}),e(c,{children:e(u,{"data-component":"menu",ref:I,role:"list",$inFullscreenView:!0,children:e(p,{value:{inFullscreenView:!0,menuVariant:L,openSubmenuId:null,setOpenSubmenuId:()=>{}},children:D})})})]})})})})},x=n=>e("li",{children:e(h,{children:e(k,P({},n))})});export{x as MenuFullscreen,x as default};

package/lib/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,16 +1,16 @@
-import type { MenuType } from "../menu.types";
-declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
+interface StyledMenuFullscreenProps {
+    $transitionDuration: number;
+    $startPosition: "left" | "right";
+}
+export declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & {
-    transitionDuration: number;
-    startPosition: "left" | "right";
-}, "theme">;
-declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
+} & StyledMenuFullscreenProps, "theme">;
+interface StyledMenuModalProps {
+    $menuVariant: "white" | "black";
+}
+export declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
     theme: object;
-} & {
-    menuType: MenuType;
-}, "theme">;
-declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {
-    menuType: MenuType;
-}, never>;
-export { StyledMenuModal, StyledMenuFullscreen, StyledMenuFullscreenHeader };
+} & StyledMenuModalProps, "theme">;
+export declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, StyledMenuModalProps, never>;
+export declare const StyledMenuFullscreenContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/lib/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/__internal__/legacy/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),d=require("../../link/link.style.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"carbon_v162_9_1__sc-f9ae5d65-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"carbon_v162_9_1__sc-f9ae5d65-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],d.StyledLink,d.StyledLink,d.StyledLink,(({menuType:t})=>e.css(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"carbon_v162_9_1__sc-f9ae5d65-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;
+import e,{css as i}from"styled-components";import n from"../../../style/themes/apply-base-theme.js";import t from"../menu.config.js";const l=e.div.attrs(n).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"carbon_v162_12_0__sc-9603f910-0"})(["",""],(({$startPosition:e,$transitionDuration:n,theme:t})=>i(["position:fixed;top:0;bottom:0;z-index:",";&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t.zIndex.fullScreenModal,e,e,n,e,e,n))),o=e.div.attrs(n).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"carbon_v162_12_0__sc-9603f910-1"})(["",""],(({$menuVariant:e})=>i(["height:100vh;width:100vw;outline:none;background-color:",";"],t[e].background))),a=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"carbon_v162_12_0__sc-9603f910-2"})(["",""],(({$menuVariant:e})=>i(["height:var(--global-size-m);display:flex;justify-content:flex-end;align-items:center;padding:var(--global-space-none) var(--global-space-comp-l);margin-bottom:var(--global-space-comp-s);background-color:",";"],t[e].fullScreenHeader))),s=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenContent",componentId:"carbon_v162_12_0__sc-9603f910-3"})(["overflow-y:auto;width:100%;height:calc(100% - var(--global-size-m) - var(--global-space-comp-s));"]);export{l as StyledMenuFullscreen,s as StyledMenuFullscreenContent,a as StyledMenuFullscreenHeader,o as StyledMenuModal};

package/lib/components/menu/menu-item/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./menu-item.component.js");exports.default=e.MenuItem;
+export{MenuItem as default}from"./menu-item.component.js";

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

@@ -21,7 +21,7 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
     target?: string;
     /** The rel attribute to be used for the underlying <a> tag */
     rel?: string;
-    /** set the colour variant for a menuType */
+    /** Set the variant of the MenuItem  */
     variant?: VariantType;
     /** Flag to display the dropdown arrow when an item has a submenu */
     showDropdownArrow?: boolean;
@@ -33,12 +33,6 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
     onSubmenuOpen?: () => void;
     /** Callback triggered when submenu closes. Only valid with submenu prop */
     onSubmenuClose?: () => void;
-    /**
-      @ignore @private
-      private prop, used inside ScrollableBlock to ensure the MenuItem's color variant overrides the CSS
-      for other MenuItems inside the block
-     */
-    overrideColor?: boolean;
     /** When set the submenu opens by click instead of hover */
     clickToOpen?: boolean;
     /**
@@ -47,7 +41,7 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
      * */
     maxWidth?: MaxWidthProps["maxWidth"];
     /**
-     * @private @ignore
+     * @private @ignore @internal
      * Renders MenuItem as a div element
      * */
     as?: "div";
@@ -67,11 +61,17 @@ interface MenuItemBaseProps extends TagProps, Pick<LayoutProps, "width" | "maxWi
 }
 export interface MenuWithChildren extends MenuItemBaseProps {
     children?: React.ReactNode;
-    /** Either prop `icon` must be defined or this node must have children. */
+    /**
+     * @deprecated Please pass any desired icons as children instead.
+     * Either prop `icon` must be defined or this node must have children.
+     */
     icon?: IconType;
 }
 export interface MenuWithIcon extends MenuItemBaseProps {
-    /** Either prop `icon` must be defined or this node must have children. */
+    /**
+     * @deprecated Please pass any desired icons as children instead.
+     * Either prop `icon` must be defined or this node must have children.
+     */
     icon: IconType;
     children?: React.ReactNode;
 }

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