carbon-react 154.7.4 → 154.9.0

package/esm/components/vertical-menu/index.d.ts

@@ -6,4 +6,4 @@ export { default as VerticalMenuFullScreen } from "./vertical-menu-full-screen/v
 export type { VerticalMenuFullScreenProps } from "./vertical-menu-full-screen/vertical-menu-full-screen.component";
 export { default as VerticalMenuTrigger } from "./vertical-menu-trigger/vertical-menu-trigger.component";
 export type { VerticalMenuTriggerProps } from "./vertical-menu-trigger/vertical-menu-trigger.component";
-export { ResponsiveVerticalMenu, ResponsiveVerticalMenuItem, ResponsiveVerticalMenuProvider, } from "./responsive-vertical-menu";
+export { ResponsiveVerticalMenu, ResponsiveVerticalMenuDivider, ResponsiveVerticalMenuItem, ResponsiveVerticalMenuProvider, } from "./responsive-vertical-menu";

package/esm/components/vertical-menu/index.js

@@ -1 +1 @@
-export{VerticalMenu}from"./vertical-menu.component.js";export{VerticalMenuItem}from"./vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./vertical-menu-trigger/vertical-menu-trigger.component.js";export{ResponsiveVerticalMenuProvider}from"./responsive-vertical-menu/responsive-vertical-menu.context.js";export{ResponsiveVerticalMenu}from"./responsive-vertical-menu/responsive-vertical-menu.component.js";export{ResponsiveVerticalMenuItem}from"./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js";import"react/jsx-runtime";import"react";import"./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";import"../../style/utils/filter-styled-system-padding-props.js";
+export{VerticalMenu}from"./vertical-menu.component.js";export{VerticalMenuItem}from"./vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./vertical-menu-trigger/vertical-menu-trigger.component.js";export{ResponsiveVerticalMenuProvider}from"./responsive-vertical-menu/responsive-vertical-menu.context.js";export{ResponsiveVerticalMenu}from"./responsive-vertical-menu/responsive-vertical-menu.component.js";export{ResponsiveVerticalMenuItem}from"./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js";export{ResponsiveVerticalMenuDivider}from"./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js";

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

@@ -1 +1 @@
-import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import r,{useRef as o,useContext as i,useEffect as c,createContext as l,forwardRef as a,useMemo as d,useState as s}from"react";import{StyledResponsiveMenuItem as p,StyledIcon as u,StyledNestedMenuWrapper as h,StyledNestedMenu as m,StyledResponsiveMenuAction as f,StyledMenuItemContent as v}from"./responsive-vertical-menu-item.style.js";import{useDepth as b,IncreaseDepth as y}from"../__internal__/depth.context.js";import{useMenuFocus as O}from"../__internal__/focus.context.js";import{useResponsiveVerticalMenu as g}from"../responsive-vertical-menu.context.js";import j from"../../../icon/icon.component.js";import I from"../../../../__internal__/utils/helpers/guid/index.js";function w(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(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){w(e,n,t[n])}))}return e}function _(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}function P(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const k=l(void 0),C=({customIcon:n,depth:r,hasChildren:o,icon:i,label:c,responsive:l})=>t(v,n?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:o,icon:!0,responsive:l,children:[n,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:o,icon:!!i,responsive:l,children:[i&&e(j,{type:i}),c]}),D=a(((o,l)=>{var{children:a,customIcon:v,icon:y,id:j,href:I,label:w,onClick:D,rel:$,target:S}=o,M=P(o,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:K,containerRef:A,responsiveMode:E,setActiveMenuItem:F,reducedMotion:q}=g(),{expandItem:R,focusItem:T,getRegisteredItems:z,moveFocus:B,registerMenuItem:G}=O(),H=b(),J=(null==K?void 0:K.id)===j,L=r.Children.count(a)>0,N=i(k),Q=d((()=>E&&0===H),[H,E]),[U,V]=s(Q&&L);c((()=>{G(j,l,N)}),[j,N,l,G]);const W=e=>{let n,t;switch(e.key){case"Tab":var r;if(t=(null===(r=A.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${H}"]`))||[],n=Array.from(t),0===H&&L&&(null==K?void 0:K.id)===j&&(e.preventDefault(),B(e.shiftKey?"lastChild":"firstChild")),1===H){const t=n.findIndex((e=>e.id===j)),r=0===t;t===n.length-1&&(!L||L&&!U)&&(e.shiftKey||(e.preventDefault(),B("parent"))),r&&e.shiftKey&&(e.preventDefault(),B("parent"))}if(2===H&&n.findIndex((e=>e.id===j))===n.length-1){const n=z(),t=n.find((e=>e.id===N)),r=n.find((e=>e.id===(null==t?void 0:t.parentId)));if(r){var o;const n=Array.from((null===(o=A.current)||void 0===o?void 0:o.querySelectorAll(`[data-depth="${H-1}"]`))||[]);n.findIndex((e=>e.id===N))===n.length-1&&!e.shiftKey&&(e.preventDefault(),T(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),Q)return;if(L)if(0!==H||E)V(!U),R(j,!U);else{const e=(null==K?void 0:K.id)===j;F(e?null:{id:j,label:w,children:a})}else I&&"Enter"===e.key&&(window.location.href=I)}};return e(n,{children:L?t(n,{children:[t(p,_(x({active:J,"aria-expanded":J||U,"data-component":`responsive-vertical-menu-item-${j}`,"data-depth":H,"data-role":`responsive-vertical-menu-item-${j}`,depth:H,hasIcon:!!y||!!v,id:j,onClick:()=>{if(!Q){if(0!==H||E)V(!U),R(j,!U);else{const e=(null==K?void 0:K.id)===j;F(e?null:{id:j,label:w,children:a})}T(j)}},onKeyDown:e=>{E||W(e)},onFocus:()=>T(j),ref:l,responsive:E,tabIndex:Q?-1:0,type:"button"},M),{children:[e(C,{customIcon:v,depth:H,hasChildren:!0,icon:y,label:w,responsive:E}),!Q&&e(u,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:H,expanded:U||J,reduceMotion:!!q,type:H>=1?"chevron_down_thick":"chevron_right_thick"})]})),U&&e(h,{"data-component":`${j}-nested-menu-wrapper`,"data-role":`${j}-nested-menu-wrapper`,depth:H,hasIcon:!!y||!!v,responsive:E,children:e(m,{"data-component":`${j}-nested-menu`,"data-role":`${j}-nested-menu`,depth:H,hasIcon:!!y||!!v,id:`${j}-nested-menu`,responsive:E,children:e(k.Provider,{value:j,children:a})})})]}):e(f,_(x({"data-component":`responsive-vertical-menu-item-${j}`,"data-depth":H,"data-role":`responsive-vertical-menu-item-${j}`,depth:H,href:I,id:j,onClick:D,onFocus:()=>T(j),onKeyDown:e=>{E||W(e)},ref:l,rel:$,responsive:E,tabIndex:0,target:S},M),{children:e(C,{customIcon:v,depth:H,hasChildren:!1,icon:y,label:w,responsive:E})}))})})),$=n=>{var{children:t,id:r,label:l}=n,a=P(n,["children","id","label"]);const d=b(),s=o(null),{registerMenuItem:p}=O(),u=i(k),h=o(r||I());return c((()=>{p(h.current,s,u)}),[r,p,u]),e(D,_(x({id:h.current,label:l},a),{"data-depth":d,ref:s,children:t&&e(k.Provider,{value:r,children:e(y,{children:t})})}))};export{$ as ResponsiveVerticalMenuItem,$ as default};
+import{jsx as e,Fragment as n,jsxs as t}from"react/jsx-runtime";import r,{useRef as o,useContext as i,useEffect as c,createContext as l,forwardRef as a,useMemo as d,useState as s}from"react";import{StyledResponsiveMenuItem as p,StyledIcon as u,StyledNestedMenuWrapper as h,StyledNestedMenu as m,StyledResponsiveMenuAction as f,StyledMenuItemContent as v}from"./responsive-vertical-menu-item.style.js";import{useDepth as b,IncreaseDepth as y}from"../__internal__/depth.context.js";import{useMenuFocus as O}from"../__internal__/focus.context.js";import{useResponsiveVerticalMenu as g}from"../responsive-vertical-menu.context.js";import j from"../../../icon/icon.component.js";import I from"../../../../__internal__/utils/helpers/guid/index.js";function w(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(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){w(e,n,t[n])}))}return e}function _(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}function P(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const k=l(void 0),C=({customIcon:n,depth:r,hasChildren:o,icon:i,label:c,responsive:l})=>t(v,n?{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:o,icon:!0,responsive:l,children:[n,c]}:{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:o,icon:!!i,responsive:l,children:[i&&e(j,{type:i}),c]}),D=a(((o,l)=>{var{children:a,customIcon:v,icon:y,id:j,href:I,label:w,onClick:D,rel:$,target:S}=o,M=P(o,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:K,containerRef:A,responsiveMode:E,setActiveMenuItem:F,reducedMotion:q}=g(),{expandItem:R,focusItem:T,getRegisteredItems:z,moveFocus:B,registerMenuItem:G}=O(),H=b(),J=(null==K?void 0:K.id)===j,L=r.Children.count(a)>0,N=i(k),Q=d((()=>E&&0===H),[H,E]),[U,V]=s(Q&&L);c((()=>{G(j,l,N)}),[j,N,l,G]);const W=e=>{let n,t;switch(e.key){case"Tab":var r;if(t=(null===(r=A.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${H}"]`))||[],n=Array.from(t),0===H&&L&&(null==K?void 0:K.id)===j&&(e.preventDefault(),B(e.shiftKey?"lastChild":"firstChild")),1===H){const t=n.findIndex((e=>e.id===j)),r=0===t;t===n.length-1&&(!L||L&&!U)&&(e.shiftKey||(e.preventDefault(),B("parent"))),r&&e.shiftKey&&(e.preventDefault(),B("parent"))}if(2===H&&n.findIndex((e=>e.id===j))===n.length-1){const n=z(),t=n.find((e=>e.id===N)),r=n.find((e=>e.id===(null==t?void 0:t.parentId)));if(r){var o;const n=Array.from((null===(o=A.current)||void 0===o?void 0:o.querySelectorAll(`[data-depth="${H-1}"]`))||[]);n.findIndex((e=>e.id===N))===n.length-1&&!e.shiftKey&&(e.preventDefault(),T(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),Q)return;if(L)if(0!==H||E)V(!U),R(j,!U);else{const e=(null==K?void 0:K.id)===j;F(e?null:{id:j,label:w,children:a})}else I&&"Enter"===e.key&&(window.location.href=I)}};return e(n,{children:L?t(n,{children:[t(p,_(x({active:J,"aria-expanded":J||U,"data-component":`responsive-vertical-menu-item-${j}`,"data-depth":H,"data-role":`responsive-vertical-menu-item-${j}`,depth:H,hasIcon:!!y||!!v,id:j,onClick:()=>{if(!Q){if(0!==H||E)V(!U),R(j,!U);else{const e=(null==K?void 0:K.id)===j;F(e?null:{id:j,label:w,children:a})}T(j)}},onKeyDown:e=>{E||W(e)},onFocus:()=>T(j),ref:l,responsive:E,tabIndex:Q?-1:0,type:"button"},M),{children:[e(C,{customIcon:v,depth:H,hasChildren:!0,icon:y,label:w,responsive:E}),!Q&&e(u,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:H,expanded:U||J,reduceMotion:!!q,type:H>=1?"chevron_down_thick":"chevron_right_thick"})]})),U&&e(h,{"data-component":`${j}-nested-menu-wrapper`,"data-role":`${j}-nested-menu-wrapper`,depth:H,hasIcon:!!y||!!v,responsive:E,children:e(m,{"data-component":`${j}-nested-menu`,"data-role":`${j}-nested-menu`,depth:H,hasIcon:!!y||!!v,id:`${j}-nested-menu`,responsive:E,children:e(k.Provider,{value:j,children:a})})})]}):e(f,_(x({"data-component":`responsive-vertical-menu-item-${j}`,"data-depth":H,"data-role":`responsive-vertical-menu-item-${j}`,depth:H,href:I,id:j,onClick:D,onFocus:()=>T(j),onKeyDown:e=>{E||W(e)},ref:l,rel:$,responsive:E,tabIndex:0,target:S},M),{children:e(C,{customIcon:v,depth:H,hasChildren:!1,icon:y,label:w,responsive:E})}))})})),$=n=>{var{children:t,id:r,label:l}=n,a=P(n,["children","id","label"]);const d=b(),s=o(null),{registerMenuItem:p}=O(),u=i(k),h=o(r||I());return c((()=>{const e=h.current;p(e,s,u)}),[u,p]),e(D,_(x({id:h.current,label:l},a),{"data-depth":d,ref:s,children:t&&e(k.Provider,{value:r,children:e(y,{children:t})})}))};export{$ as ResponsiveVerticalMenuItem,$ as default};

package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useState as n,useRef as o,useCallback as i,useLayoutEffect as c,useEffect as s}from"react";import{useResponsiveVerticalMenu as l}from"./responsive-vertical-menu.context.js";import{StyledButton as a,StyledCloseButton as u,StyledResponsiveMenu as p,StyledGlobalVerticalMenuWrapper as d}from"./responsive-vertical-menu.style.js";import{Box as m}from"../../box/box.component.js";import v from"../../modal/modal.component.js";import f from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import y from"../../../hooks/useMediaQuery/useMediaQuery.js";import h from"../../../__internal__/utils/helpers/tags/tags.js";import{DepthProvider as b}from"./__internal__/depth.context.js";import{MenuFocusProvider as O}from"./__internal__/focus.context.js";function g(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(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){g(e,r,t[r])}))}return e}function w(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function x(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}const k=b=>{var{children:O,height:g,responsiveBreakpoint:k=700,width:_}=b,P=x(b,["children","height","responsiveBreakpoint","width"]);const{activeMenuItem:E,buttonRef:M,containerRef:I,menuRef:R,responsiveMode:B,setActiveMenuItem:C,setReducedMotion:S,setResponsiveMode:L}=l(),[D,T]=n(!1),A=f(k),[q,Q]=n("auto"),[$,z]=n("100%"),[G,F]=n("auto"),H=o(null),J=!y("screen and (prefers-reduced-motion: no-preference)"),{current:K}=R,{current:N}=M,U=i((()=>{if(D&&B){const e=K||document.querySelector("[id='responsive-vertical-menu-primary']");e&&z(e.getBoundingClientRect().width-16+"px")}Q(E&&K?`${K.getBoundingClientRect().right}px`:"auto"),F(E&&N?`${N.getBoundingClientRect().bottom}px`:"auto")}),[D,K,B,E,N]),V=i((e=>{I.current&&!I.current.contains(e.target)&&T(!1)}),[I]),W=i((()=>{T((e=>!e)),C(null)}),[C]);return c((()=>{U()}),[D,U,K,B]),s((()=>{const e=()=>{setTimeout((()=>{I.current&&!I.current.contains(document.activeElement)&&T(!1)}),0)},r=e=>{"Escape"===e.key&&(e.preventDefault(),T(!1))},t=I.current;return D&&!B&&(document.addEventListener("keydown",r),window.addEventListener("click",V),null==t||t.addEventListener("focusout",e)),()=>{document.removeEventListener("keydown",r),window.removeEventListener("click",V),null==t||t.removeEventListener("focusout",e)}}),[D,I,V,B]),s((()=>{null==S||S(J),null==L||L(!A)}),[A,J,S,L]),r("div",{ref:I,children:[e(a,{active:D,buttonType:"tertiary","data-component":"responsive-vertical-menu-launcher","data-role":"responsive-vertical-menu-launcher",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:W,ref:M}),B?e(v,{open:D,children:r(m,{position:"fixed",top:0,width:$,children:[e(m,{display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e(u,{"aria-label":"close-menu","data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{T(!1),C(null)}})}),e(p,{height:g,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:J,ref:R,responsive:!0,tabIndex:-1,top:"48px",width:_,children:O})]})}):e(d,w(j({},P,h("responsive-vertical-menu",P)),{children:D&&r(t,{children:[e(p,{childOpen:!!E,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:g||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:J,ref:R,responsive:!1,tabIndex:-1,top:G,width:_,children:O}),E?e(p,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:g||"100%",id:"responsive-vertical-menu-secondary",left:q,menu:"secondary",reduceMotion:J,ref:H,responsive:!1,tabIndex:-1,top:G,width:_,children:E.children}):null]})}))]})},_=r=>{var{children:t}=r,n=x(r,["children"]);return e(b,{children:e(O,{children:e(k,w(j({},n),{children:t}))})})};export{_ as ResponsiveVerticalMenu,_ as default};
+import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import t,{useState as o,useRef as i,useCallback as c,useLayoutEffect as s,useEffect as l}from"react";import{useResponsiveVerticalMenu as a}from"./responsive-vertical-menu.context.js";import{StyledButton as u,StyledCloseButton as p,StyledResponsiveMenu as d,StyledGlobalVerticalMenuWrapper as m}from"./responsive-vertical-menu.style.js";import{Box as v}from"../../box/box.component.js";import f from"../../modal/modal.component.js";import h from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import y from"../../../hooks/useMediaQuery/useMediaQuery.js";import b from"../../../__internal__/utils/helpers/tags/tags.js";import{DepthProvider as g}from"./__internal__/depth.context.js";import{MenuFocusProvider as O}from"./__internal__/focus.context.js";import j from"../../../hooks/__internal__/useLocale/useLocale.js";function w(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function _(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){w(e,r,n[r])}))}return e}function x(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})),e}function k(e,r){if(null==e)return{};var n,t,o=function(e,r){if(null==e)return{};var n,t,o={},i=Object.keys(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0||(o[n]=e[n]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)n=i[t],r.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const M=g=>{var O,w,{children:M,height:E,responsiveBreakpoint:P=700,width:L}=g,C=k(g,["children","height","responsiveBreakpoint","width"]);const B=j(),{activeMenuItem:I,buttonRef:R,containerRef:S,menuRef:D,responsiveMode:T,setActiveMenuItem:A,setReducedMotion:q,setResponsiveMode:Q}=a(),[V,$]=o(!1),[z,G]=o(0),F=h(P),[H,J]=o("auto"),[K,N]=o("100%"),[U,W]=o("auto"),X=i(null),Y=!y("screen and (prefers-reduced-motion: no-preference)"),{current:Z}=D,{current:ee}=R,re=c((()=>{if(V&&T){const e=Z||document.querySelector("[id='responsive-vertical-menu-primary']");e&&N(e.getBoundingClientRect().width-16+"px")}J(I&&Z?`${Z.getBoundingClientRect().right}px`:"auto"),W(I&&ee?`${ee.getBoundingClientRect().bottom}px`:"auto")}),[V,Z,T,I,ee]),ne=c((e=>{S.current&&!S.current.contains(e.target)&&$(!1)}),[S]),te=c((()=>{$((e=>!e)),A(null)}),[A]);s((()=>{re()}),[V,re,Z,T]),l((()=>{const e=()=>{setTimeout((()=>{S.current&&!S.current.contains(document.activeElement)&&$(!1)}),0)},r=e=>{"Escape"===e.key&&(e.preventDefault(),$(!1))},n=S.current;return V&&!T&&(document.addEventListener("keydown",r),window.addEventListener("click",ne),null==n||n.addEventListener("focusout",e)),()=>{document.removeEventListener("keydown",r),window.removeEventListener("click",ne),null==n||n.removeEventListener("focusout",e)}}),[V,S,ne,T]),l((()=>{null==q||q(Y),null==Q||Q(!F)}),[F,Y,q,Q]);const oe=c((e=>{if(!e)return 0;if(t.isValidElement(e))return 1+oe(e.props.children);const r=t.Children.toArray(e);return r.length?r.reduce(((e,r)=>t.isValidElement(r)?e+1+oe(r.props.children):e),0):0}),[]);return l((()=>{const e=z,r=oe(M);e!==r&&(G(r),A(null))}),[z,M,oe,A]),r("div",{ref:S,children:[e(u,{active:V,"aria-controls":"responsive-vertical-menu-primary","aria-expanded":V,"aria-label":null===(O=B.verticalMenu.ariaLabels)||void 0===O?void 0:O.responsiveMenuLauncher(),buttonType:"tertiary","data-component":"responsive-vertical-menu-launcher","data-role":"responsive-vertical-menu-launcher",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:te,ref:R}),T?e(f,{open:V,children:r(v,{position:"fixed",top:0,width:K,children:[e(v,{display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e(p,{"aria-label":null===(w=B.verticalMenu.ariaLabels)||void 0===w?void 0:w.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{$(!1),A(null)}})}),e(d,{height:E,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Y,ref:D,responsive:!0,tabIndex:-1,top:"48px",width:L,children:M})]})}):e(m,x(_({},C,b("responsive-vertical-menu",C)),{children:V&&r(n,{children:[e(d,{childOpen:!!I,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:E||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:Y,ref:D,responsive:!1,tabIndex:-1,top:U,width:L,children:M}),I?e(d,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:E||"100%",id:"responsive-vertical-menu-secondary",left:H,menu:"secondary",reduceMotion:Y,ref:X,responsive:!1,tabIndex:-1,top:U,width:L,children:I.children}):null]})}))]})},E=r=>{var{children:n}=r,t=k(r,["children"]);return e(g,{children:e(O,{children:e(M,x(_({},t),{children:n}))})})};export{E as ResponsiveVerticalMenu,E as default};

package/esm/index.js

@@ -1 +1 @@
-export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DialogFullScreen}from"./components/dialog-full-screen/dialog-full-screen.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/modal.component.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/utils.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"react/jsx-runtime";import"react";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";import"./style/utils/filter-styled-system-padding-props.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";
+export{Accordion}from"./components/accordion/accordion.component.js";export{AccordionGroup}from"./components/accordion/accordion-group/accordion-group.component.js";export{ActionPopover}from"./components/action-popover/action-popover.component.js";export{default as ActionPopoverMenu}from"./components/action-popover/action-popover-menu/action-popover-menu.component.js";export{ActionPopoverItem}from"./components/action-popover/action-popover-item/action-popover-item.component.js";export{ActionPopoverMenuButton}from"./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"./components/action-popover/action-popover-divider/action-popover-divider.component.js";export{AdaptiveSidebar}from"./components/adaptive-sidebar/adaptive-sidebar.component.js";export{AdvancedColorPicker}from"./components/advanced-color-picker/advanced-color-picker.component.js";export{Alert}from"./components/alert/alert.component.js";export{default as AnchorNavigation}from"./components/anchor-navigation/anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./components/anchor-navigation/anchor-section-divider.component.js";export{Badge}from"./components/badge/badge.component.js";export{BatchSelection}from"./components/batch-selection/batch-selection.component.js";export{Box}from"./components/box/box.component.js";export{Breadcrumbs}from"./components/breadcrumbs/breadcrumbs.component.js";export{default as Crumb}from"./components/breadcrumbs/crumb/crumb.component.js";export{ButtonBar}from"./components/button-bar/button-bar.component.js";export{ButtonMinor}from"./components/button-minor/button-minor.component.js";export{ButtonToggle}from"./components/button-toggle/button-toggle.component.js";export{default as ButtonToggleGroup}from"./components/button-toggle/button-toggle-group/button-toggle-group.component.js";export{default as Button}from"./components/button/button.component.js";export{CarbonProvider}from"./components/carbon-provider/carbon-provider.component.js";export{default as Card}from"./components/card/card.component.js";export{default as CardColumn}from"./components/card/card-column/card-column.component.js";export{default as CardFooter}from"./components/card/card-footer/card-footer.component.js";export{default as CardRow}from"./components/card/card-row/card-row.component.js";export{CheckboxGroup}from"./components/checkbox/checkbox-group/checkbox-group.component.js";export{Checkbox}from"./components/checkbox/checkbox.component.js";export{Confirm}from"./components/confirm/confirm.component.js";export{Content}from"./components/content/content.component.js";export{DateRange}from"./components/date-range/date-range.component.js";export{DateInput}from"./components/date/date.component.js";export{Decimal}from"./components/decimal/decimal.component.js";export{default as Dl}from"./components/definition-list/dl.component.js";export{default as Dt}from"./components/definition-list/dt/dt.component.js";export{default as Dd}from"./components/definition-list/dd/dd.component.js";export{Detail}from"./components/detail/detail.component.js";export{Dialog}from"./components/dialog/dialog.component.js";export{DialogFullScreen}from"./components/dialog-full-screen/dialog-full-screen.component.js";export{DismissibleBox}from"./components/dismissible-box/dismissible-box.component.js";export{default as DraggableContainer}from"./components/draggable/draggable-container.component.js";export{default as DraggableItem}from"./components/draggable/draggable-item/draggable-item.component.js";export{Drawer}from"./components/drawer/drawer.component.js";export{DuellingPicklist}from"./components/duelling-picklist/duelling-picklist.component.js";export{default as PicklistDivider}from"./components/duelling-picklist/picklist-divider/picklist-divider.component.js";export{PicklistItem}from"./components/duelling-picklist/picklist-item/picklist-item.component.js";export{Picklist}from"./components/duelling-picklist/picklist/picklist.component.js";export{PicklistPlaceholder}from"./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js";export{PicklistGroup}from"./components/duelling-picklist/picklist-group/picklist-group.component.js";export{Fieldset}from"./components/fieldset/fieldset.component.js";export{FileInput}from"./components/file-input/file-input.component.js";export{FlatTable}from"./components/flat-table/flat-table.component.js";export{FlatTableHead}from"./components/flat-table/flat-table-head/flat-table-head.component.js";export{FlatTableHeader}from"./components/flat-table/flat-table-header/flat-table-header.component.js";export{FlatTableBody}from"./components/flat-table/flat-table-body/flat-table-body.component.js";export{FlatTableRow}from"./components/flat-table/flat-table-row/flat-table-row.component.js";export{FlatTableRowHeader}from"./components/flat-table/flat-table-row-header/flat-table-row-header.component.js";export{FlatTableCell}from"./components/flat-table/flat-table-cell/flat-table-cell.component.js";export{FlatTableCheckbox}from"./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js";export{FlatTableBodyDraggable}from"./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js";export{Sort}from"./components/flat-table/sort/sort.component.js";export{Form}from"./components/form/form.component.js";export{default as RequiredFieldsIndicator}from"./components/form/required-fields-indicator/required-fields-indicator.component.js";export{default as GlobalHeader}from"./components/global-header/global-header.component.js";export{GridContainer}from"./components/grid/grid-container/grid-container.component.js";export{GridItem}from"./components/grid/grid-item/grid-item.component.js";export{GroupedCharacter}from"./components/grouped-character/grouped-character.component.js";export{Heading}from"./components/heading/heading.component.js";export{Help}from"./components/help/help.component.js";export{Hr}from"./components/hr/hr.component.js";export{I18nProvider}from"./components/i18n-provider/i18n-provider.component.js";export{default as IconButton}from"./components/icon-button/icon-button.component.js";export{default as Icon}from"./components/icon/icon.component.js";export{Image}from"./components/image/image.component.js";export{default as InlineInputs}from"./components/inline-inputs/inline-inputs.component.js";export{LinkPreview}from"./components/link-preview/link-preview.component.js";export{Link}from"./components/link/link.component.js";export{Loader}from"./components/loader/loader.component.js";export{LoaderBar}from"./components/loader-bar/loader-bar.component.js";export{LoaderSpinner}from"./components/loader-spinner/loader-spinner.component.js";export{default as LoaderStar}from"./components/loader-star/loader-star.component.js";export{Menu}from"./components/menu/menu.component.js";export{MenuItem}from"./components/menu/menu-item/menu-item.component.js";export{default as MenuDivider}from"./components/menu/menu-divider/menu-divider.component.js";export{default as MenuSegmentTitle}from"./components/menu/menu-segment-title/menu-segment-title.component.js";export{MenuFullscreen}from"./components/menu/menu-full-screen/menu-full-screen.component.js";export{ScrollableBlock}from"./components/menu/scrollable-block/scrollable-block.component.js";export{Message}from"./components/message/message.component.js";export{default as Modal}from"./components/modal/modal.component.js";export{MultiActionButton}from"./components/multi-action-button/multi-action-button.component.js";export{NavigationBar}from"./components/navigation-bar/navigation-bar.component.js";export{Note}from"./components/note/note.component.js";export{Number}from"./components/number/number.component.js";export{NumeralDate}from"./components/numeral-date/numeral-date.component.js";export{Pager}from"./components/pager/pager.component.js";export{default as Pages}from"./components/pages/pages.component.js";export{default as Page}from"./components/pages/page/page.component.js";export{Password}from"./components/password/password.component.js";export{Pill}from"./components/pill/pill.component.js";export{default as Pod}from"./components/pod/pod.component.js";export{PopoverContainer}from"./components/popover-container/popover-container.component.js";export{Portal}from"./components/portal/portal.js";export{Portrait}from"./components/portrait/portrait.component.js";export{Preview}from"./components/preview/preview.component.js";export{Profile}from"./components/profile/profile.component.js";export{default as ProgressTracker}from"./components/progress-tracker/progress-tracker.component.js";export{default as RadioButton}from"./components/radio-button/radio-button.component.js";export{RadioButtonGroup}from"./components/radio-button/radio-button-group/radio-button-group.component.js";export{Search}from"./components/search/search.component.js";export{default as Option}from"./components/select/option/option.component.js";export{default as OptionRow}from"./components/select/option-row/option-row.component.js";export{default as OptionGroupHeader}from"./components/select/option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./components/select/simple-select/simple-select.component.js";export{FilterableSelect}from"./components/select/filterable-select/filterable-select.component.js";export{MultiSelect}from"./components/select/multi-select/multi-select.component.js";export{SettingsRow}from"./components/settings-row/settings-row.component.js";export{Sidebar}from"./components/sidebar/sidebar.component.js";export{SimpleColorPicker}from"./components/simple-color-picker/simple-color-picker.component.js";export{SimpleColor}from"./components/simple-color-picker/simple-color/simple-color.component.js";export{SplitButton}from"./components/split-button/split-button.component.js";export{StepFlowTitle}from"./components/step-flow/step-flow-title/step-flow-title.component.js";export{StepFlow}from"./components/step-flow/step-flow.component.js";export{StepSequence}from"./components/step-sequence/step-sequence.component.js";export{StepSequenceItem}from"./components/step-sequence/step-sequence-item/step-sequence-item.component.js";export{Switch}from"./components/switch/switch.component.js";export{Tabs}from"./components/tabs/tabs.component.js";export{TextEditor}from"./components/text-editor/text-editor.component.js";export{createEmpty,createFromHTML}from"./components/text-editor/utils.js";export{Textarea}from"./components/textarea/textarea.component.js";export{Textbox}from"./components/textbox/textbox.component.js";export{default as TileSelect}from"./components/tile-select/tile-select.component.js";export{TileSelectGroup}from"./components/tile-select/tile-select-group/tile-select-group.component.js";export{Tile}from"./components/tile/tile.component.js";export{default as TileContent}from"./components/tile/tile-content/tile-content.component.js";export{TileFooter}from"./components/tile/tile-footer/tile-footer.component.js";export{TileHeader}from"./components/tile/tile-header/tile-header.component.js";export{FlexTileContainer}from"./components/tile/flex-tile-container/flex-tile-container.component.js";export{FlexTileCell}from"./components/tile/flex-tile-cell/flex-tile-cell.component.js";export{FlexTileDivider}from"./components/tile/flex-tile-divider/flex-tile-divider.component.js";export{default as Time}from"./components/time/time.component.js";export{Toast}from"./components/toast/toast.component.js";export{Tooltip}from"./components/tooltip/tooltip.component.js";export{Typography}from"./components/typography/typography.component.js";export{List,ListItem}from"./components/typography/list.component.js";export{VerticalDivider}from"./components/vertical-divider/vertical-divider.component.js";export{VerticalMenu}from"./components/vertical-menu/vertical-menu.component.js";export{VerticalMenuItem}from"./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js";export{VerticalMenuFullScreen}from"./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js";export{VerticalMenuTrigger}from"./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js";import"react/jsx-runtime";import"react";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js";export{default as useMediaQuery}from"./hooks/useMediaQuery/useMediaQuery.js";import"./__internal__/i18n-context/index.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js";import"./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js";import"./style/utils/filter-styled-system-padding-props.js";export{default as useCharacterCount}from"./hooks/useCharacterCount/useCharacterCount.js";export{default as GlobalStyle}from"./style/global-style.js";export{MenuItemDivider as ActionPopoverDivider}from"./components/action-popover/action-popover.style.js";export{Tab}from"./components/tabs/tab/tab.component.js";

package/esm/locales/en-gb.js

@@ -1 +1 @@
-import{enGB as e}from"date-fns/locale/en-GB";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"en-GB",actions:{edit:()=>"Edit",delete:()=>"Delete"},actionPopover:{ariaLabel:()=>"actions"},advancedColorPicker:{ariaLabel:()=>"Change colour",currentColorDescriptionTerm:()=>"Current colour assigned: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>`${e} selected`},breadcrumbs:{ariaLabel:()=>"breadcrumbs"},confirm:{no:()=>"No",yes:()=>"Yes"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} character too many`:`${a} characters too many`,charactersLeft:(e,a)=>1===e?`${a} character left`:`${a} characters left`,visuallyHiddenHint:e=>`You can enter up to ${e} characters`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Previous month",nextMonthButton:()=>"Next month"},dateFormatOverride:void 0},dialog:{ariaLabels:{close:()=>"Close"}},dialogFullScreen:{ariaLabels:{close:()=>"Close"}},dismissibleBox:{ariaLabels:{close:()=>"Close"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errors",n=a(r)?"warning":"warnings",i=a(e)?"is":"are",s=a(r)?"is":"are";return e&&r&&"warning"===o?["and",`${r} ${n}`]:e?[`There ${i}`,`${e} ${t}`]:r?[`There ${s}`,`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"or drag and drop your file",selectFile:()=>"Select file",fileUploadStatus:()=>"File upload status",actions:{cancel:()=>"Cancel upload",clear:()=>"Clear",delete:()=>"Delete file"}},heading:{backLinkAriaLabel:()=>"Back"},label:{optional:()=>"optional"},link:{skipLinkLabel:()=>"Skip to main content"},loader:{loading:()=>"Loading"},loaderSpinner:{loading:()=>"Loading..."},loaderStar:{loading:()=>"Loading..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Close"}},message:{closeButtonAriaLabel:()=>"Close",error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",ai:()=>"AI Information"},numeralDate:{validation:{day:(e,a)=>e&&a?`Day in ${e} should be a number within 1-${a}.`:"Day should be a number within a 1-31 range.",month:()=>"Month should be a number within a 1-12 range.",year:()=>"Year should be a number within a 1800-2200 range."},labels:{day:()=>"Day",month:()=>"Month",year:()=>"Year"}},pager:{show:()=>"Show",records:(e,r=!0)=>{const o=a(e)?"item":"items";return r?`${e} ${o}`:o},first:()=>"First",last:()=>"Last",next:()=>"Next",previous:()=>"Previous",pageX:()=>"Page",ofY:e=>`of ${e}`},password:{buttonLabelHide:()=>"Hide",buttonLabelShow:()=>"Show",ariaLabelHide:()=>"Hide password",ariaLabelShow:()=>"Show password",ariaLiveShownMessage:()=>"Your password has been shown. Focus on the password input to have it read to you, if it is safe to do so.",ariaLiveHiddenMessage:()=>"Your password is currently hidden."},progressTracker:{of:()=>"of"},pod:{undo:()=>"Undo"},textEditor:{boldAria:()=>"Bold",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",characterCounter:e=>`${"number"==typeof e?e.toString():e} characters remaining`,characterLimit:e=>`You are ${e} character(s) over the character limit`,contentEditorAria:()=>"Rich text content editor",italicAria:()=>"Italic",orderedListAria:()=>"Ordered list",saveButton:()=>"Save",saveButtonAria:()=>"Save",toolbarAriaLabel:()=>"Formatting",unorderedListAria:()=>"Unordered list"},search:{searchButtonText:()=>"Search"},select:{actionButtonText:()=>"Add New Item",placeholder:()=>"Please Select...",noResultsForTerm:e=>`No results for "${e}"`},sidebar:{ariaLabels:{close:()=>"Close"}},sort:{accessibleName:(e,a)=>`Sort all ${e||"contents"}${a?` in an ${a} order.`:" in an ascending or descending order."}`},splitButton:{ariaLabel:()=>"Show more"},stepFlow:{stepLabel:(e,a)=>`Step ${e} of ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Step ${a} of ${r}.`,closeIconAriaLabel:()=>"Close"},switch:{on:()=>"ON",off:()=>"OFF"},tileSelect:{deselect:()=>"Deselect"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"Hrs.",minutesLabelText:()=>"Mins.",hoursAriaLabelText:()=>"Hours",minutesAriaLabelText:()=>"Minutes"},toast:{ariaLabels:{close:()=>"Close"},error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",notification:()=>"Notification"},verticalMenuFullScreen:{ariaLabels:{close:()=>"Close"}}};export{r as default};
+import{enGB as e}from"date-fns/locale/en-GB";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"en-GB",actions:{edit:()=>"Edit",delete:()=>"Delete"},actionPopover:{ariaLabel:()=>"actions"},advancedColorPicker:{ariaLabel:()=>"Change colour",currentColorDescriptionTerm:()=>"Current colour assigned: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>`${e} selected`},breadcrumbs:{ariaLabel:()=>"breadcrumbs"},confirm:{no:()=>"No",yes:()=>"Yes"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} character too many`:`${a} characters too many`,charactersLeft:(e,a)=>1===e?`${a} character left`:`${a} characters left`,visuallyHiddenHint:e=>`You can enter up to ${e} characters`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Previous month",nextMonthButton:()=>"Next month"},dateFormatOverride:void 0},dialog:{ariaLabels:{close:()=>"Close"}},dialogFullScreen:{ariaLabels:{close:()=>"Close"}},dismissibleBox:{ariaLabels:{close:()=>"Close"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errors",n=a(r)?"warning":"warnings",i=a(e)?"is":"are",s=a(r)?"is":"are";return e&&r&&"warning"===o?["and",`${r} ${n}`]:e?[`There ${i}`,`${e} ${t}`]:r?[`There ${s}`,`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"or drag and drop your file",selectFile:()=>"Select file",fileUploadStatus:()=>"File upload status",actions:{cancel:()=>"Cancel upload",clear:()=>"Clear",delete:()=>"Delete file"}},heading:{backLinkAriaLabel:()=>"Back"},label:{optional:()=>"optional"},link:{skipLinkLabel:()=>"Skip to main content"},loader:{loading:()=>"Loading"},loaderSpinner:{loading:()=>"Loading..."},loaderStar:{loading:()=>"Loading..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Close"}},message:{closeButtonAriaLabel:()=>"Close",error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",ai:()=>"AI Information"},numeralDate:{validation:{day:(e,a)=>e&&a?`Day in ${e} should be a number within 1-${a}.`:"Day should be a number within a 1-31 range.",month:()=>"Month should be a number within a 1-12 range.",year:()=>"Year should be a number within a 1800-2200 range."},labels:{day:()=>"Day",month:()=>"Month",year:()=>"Year"}},pager:{show:()=>"Show",records:(e,r=!0)=>{const o=a(e)?"item":"items";return r?`${e} ${o}`:o},first:()=>"First",last:()=>"Last",next:()=>"Next",previous:()=>"Previous",pageX:()=>"Page",ofY:e=>`of ${e}`},password:{buttonLabelHide:()=>"Hide",buttonLabelShow:()=>"Show",ariaLabelHide:()=>"Hide password",ariaLabelShow:()=>"Show password",ariaLiveShownMessage:()=>"Your password has been shown. Focus on the password input to have it read to you, if it is safe to do so.",ariaLiveHiddenMessage:()=>"Your password is currently hidden."},progressTracker:{of:()=>"of"},pod:{undo:()=>"Undo"},textEditor:{boldAria:()=>"Bold",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",characterCounter:e=>`${"number"==typeof e?e.toString():e} characters remaining`,characterLimit:e=>`You are ${e} character(s) over the character limit`,contentEditorAria:()=>"Rich text content editor",italicAria:()=>"Italic",orderedListAria:()=>"Ordered list",saveButton:()=>"Save",saveButtonAria:()=>"Save",toolbarAriaLabel:()=>"Formatting",unorderedListAria:()=>"Unordered list"},search:{searchButtonText:()=>"Search"},select:{actionButtonText:()=>"Add New Item",placeholder:()=>"Please Select...",noResultsForTerm:e=>`No results for "${e}"`},sidebar:{ariaLabels:{close:()=>"Close"}},sort:{accessibleName:(e,a)=>`Sort all ${e||"contents"}${a?` in an ${a} order.`:" in an ascending or descending order."}`},splitButton:{ariaLabel:()=>"Show more"},stepFlow:{stepLabel:(e,a)=>`Step ${e} of ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Step ${a} of ${r}.`,closeIconAriaLabel:()=>"Close"},switch:{on:()=>"ON",off:()=>"OFF"},tileSelect:{deselect:()=>"Deselect"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"Hrs.",minutesLabelText:()=>"Mins.",hoursAriaLabelText:()=>"Hours",minutesAriaLabelText:()=>"Minutes"},toast:{ariaLabels:{close:()=>"Close"},error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",notification:()=>"Notification"},verticalMenu:{ariaLabels:{responsiveMenuLauncher:()=>"Product menu",responsiveMenuCloseButton:()=>"Close product menu"}},verticalMenuFullScreen:{ariaLabels:{close:()=>"Close"}}};export{r as default};

package/esm/locales/locale.d.ts

@@ -198,6 +198,12 @@ interface Locale {
         neutral: () => string;
         notification: () => string;
     };
+    verticalMenu: {
+        ariaLabels: {
+            responsiveMenuLauncher: () => string;
+            responsiveMenuCloseButton: () => string;
+        };
+    };
     verticalMenuFullScreen: {
         ariaLabels: {
             close: () => string;

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

@@ -6,4 +6,4 @@ export { default as VerticalMenuFullScreen } from "./vertical-menu-full-screen/v
 export type { VerticalMenuFullScreenProps } from "./vertical-menu-full-screen/vertical-menu-full-screen.component";
 export { default as VerticalMenuTrigger } from "./vertical-menu-trigger/vertical-menu-trigger.component";
 export type { VerticalMenuTriggerProps } from "./vertical-menu-trigger/vertical-menu-trigger.component";
-export { ResponsiveVerticalMenu, ResponsiveVerticalMenuItem, ResponsiveVerticalMenuProvider, } from "./responsive-vertical-menu";
+export { ResponsiveVerticalMenu, ResponsiveVerticalMenuDivider, ResponsiveVerticalMenuItem, ResponsiveVerticalMenuProvider, } from "./responsive-vertical-menu";

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

@@ -1 +1 @@
-"use strict";var e=require("./vertical-menu.component.js"),r=require("./vertical-menu-item/vertical-menu-item.component.js"),i=require("./vertical-menu-full-screen/vertical-menu-full-screen.component.js"),t=require("./vertical-menu-trigger/vertical-menu-trigger.component.js"),n=require("./responsive-vertical-menu/responsive-vertical-menu.context.js"),s=require("./responsive-vertical-menu/responsive-vertical-menu.component.js"),u=require("./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js");require("react/jsx-runtime"),require("react"),require("./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js"),require("../../style/utils/filter-styled-system-padding-props.js"),exports.VerticalMenu=e.VerticalMenu,exports.VerticalMenuItem=r.VerticalMenuItem,exports.VerticalMenuFullScreen=i.VerticalMenuFullScreen,exports.VerticalMenuTrigger=t.VerticalMenuTrigger,exports.ResponsiveVerticalMenuProvider=n.ResponsiveVerticalMenuProvider,exports.ResponsiveVerticalMenu=s.ResponsiveVerticalMenu,exports.ResponsiveVerticalMenuItem=u.ResponsiveVerticalMenuItem;
+"use strict";var e=require("./vertical-menu.component.js"),r=require("./vertical-menu-item/vertical-menu-item.component.js"),i=require("./vertical-menu-full-screen/vertical-menu-full-screen.component.js"),n=require("./vertical-menu-trigger/vertical-menu-trigger.component.js"),t=require("./responsive-vertical-menu/responsive-vertical-menu.context.js"),s=require("./responsive-vertical-menu/responsive-vertical-menu.component.js"),c=require("./responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.component.js"),u=require("./responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.component.js");exports.VerticalMenu=e.VerticalMenu,exports.VerticalMenuItem=r.VerticalMenuItem,exports.VerticalMenuFullScreen=i.VerticalMenuFullScreen,exports.VerticalMenuTrigger=n.VerticalMenuTrigger,exports.ResponsiveVerticalMenuProvider=t.ResponsiveVerticalMenuProvider,exports.ResponsiveVerticalMenu=s.ResponsiveVerticalMenu,exports.ResponsiveVerticalMenuItem=c.ResponsiveVerticalMenuItem,exports.ResponsiveVerticalMenuDivider=u.ResponsiveVerticalMenuDivider;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-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("./responsive-vertical-menu-item.style.js"),r=require("../__internal__/depth.context.js"),i=require("../__internal__/focus.context.js"),o=require("../responsive-vertical-menu.context.js"),s=require("../../../icon/icon.component.js"),c=require("../../../../__internal__/utils/helpers/guid/index.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(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){d(e,t,n[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function v(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const f=t.createContext(void 0),h=({customIcon:t,depth:r,hasChildren:i,icon:o,label:c,responsive:l})=>t?e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:i,icon:!0,responsive:l,children:[t,c]}):e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:i,icon:!!o,responsive:l,children:[o&&e.jsx(s.default,{type:o}),c]}),m=t.forwardRef(((s,c)=>{var{children:l,customIcon:d,icon:m,id:y,href:b,label:j,onClick:x,rel:O,target:g}=s,I=v(s,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:w,containerRef:M,responsiveMode:_,setActiveMenuItem:C,reducedMotion:P}=o.useResponsiveVerticalMenu(),{expandItem:S,focusItem:D,getRegisteredItems:k,moveFocus:$,registerMenuItem:q}=i.useMenuFocus(),R=r.useDepth(),E=(null==w?void 0:w.id)===y,F=a.default.Children.count(l)>0,A=t.useContext(f),K=t.useMemo((()=>_&&0===R),[R,_]),[N,V]=t.useState(K&&F);t.useEffect((()=>{q(y,c,A)}),[y,A,c,q]);const T=e=>{let t,n;switch(e.key){case"Tab":var r;if(n=(null===(r=M.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${R}"]`))||[],t=Array.from(n),0===R&&F&&(null==w?void 0:w.id)===y&&(e.preventDefault(),$(e.shiftKey?"lastChild":"firstChild")),1===R){const n=t.findIndex((e=>e.id===y)),r=0===n;n===t.length-1&&(!F||F&&!N)&&(e.shiftKey||(e.preventDefault(),$("parent"))),r&&e.shiftKey&&(e.preventDefault(),$("parent"))}if(2===R&&t.findIndex((e=>e.id===y))===t.length-1){const t=k(),n=t.find((e=>e.id===A)),r=t.find((e=>e.id===(null==n?void 0:n.parentId)));if(r){var i;const t=Array.from((null===(i=M.current)||void 0===i?void 0:i.querySelectorAll(`[data-depth="${R-1}"]`))||[]);t.findIndex((e=>e.id===A))===t.length-1&&!e.shiftKey&&(e.preventDefault(),D(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),K)return;if(F)if(0!==R||_)V(!N),S(y,!N);else{const e=(null==w?void 0:w.id)===y;C(e?null:{id:y,label:j,children:l})}else b&&"Enter"===e.key&&(window.location.href=b)}};return e.jsx(e.Fragment,{children:F?e.jsxs(e.Fragment,{children:[e.jsxs(n.StyledResponsiveMenuItem,p(u({active:E,"aria-expanded":E||N,"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${y}`,depth:R,hasIcon:!!m||!!d,id:y,onClick:()=>{if(!K){if(0!==R||_)V(!N),S(y,!N);else{const e=(null==w?void 0:w.id)===y;C(e?null:{id:y,label:j,children:l})}D(y)}},onKeyDown:e=>{_||T(e)},onFocus:()=>D(y),ref:c,responsive:_,tabIndex:K?-1:0,type:"button"},I),{children:[e.jsx(h,{customIcon:d,depth:R,hasChildren:!0,icon:m,label:j,responsive:_}),!K&&e.jsx(n.StyledIcon,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:R,expanded:N||E,reduceMotion:!!P,type:R>=1?"chevron_down_thick":"chevron_right_thick"})]})),N&&e.jsx(n.StyledNestedMenuWrapper,{"data-component":`${y}-nested-menu-wrapper`,"data-role":`${y}-nested-menu-wrapper`,depth:R,hasIcon:!!m||!!d,responsive:_,children:e.jsx(n.StyledNestedMenu,{"data-component":`${y}-nested-menu`,"data-role":`${y}-nested-menu`,depth:R,hasIcon:!!m||!!d,id:`${y}-nested-menu`,responsive:_,children:e.jsx(f.Provider,{value:y,children:l})})})]}):e.jsx(n.StyledResponsiveMenuAction,p(u({"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${y}`,depth:R,href:b,id:y,onClick:x,onFocus:()=>D(y),onKeyDown:e=>{_||T(e)},ref:c,rel:O,responsive:_,tabIndex:0,target:g},I),{children:e.jsx(h,{customIcon:d,depth:R,hasChildren:!1,icon:m,label:j,responsive:_})}))})})),y=n=>{var{children:o,id:s,label:l}=n,a=v(n,["children","id","label"]);const d=r.useDepth(),h=t.useRef(null),{registerMenuItem:y}=i.useMenuFocus(),b=t.useContext(f),j=t.useRef(s||c.default());return t.useEffect((()=>{y(j.current,h,b)}),[s,y,b]),e.jsx(m,p(u({id:j.current,label:l},a),{"data-depth":d,ref:h,children:o&&e.jsx(f.Provider,{value:s,children:e.jsx(r.IncreaseDepth,{children:o})})}))};exports.ResponsiveVerticalMenuItem=y,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./responsive-vertical-menu-item.style.js"),r=require("../__internal__/depth.context.js"),i=require("../__internal__/focus.context.js"),o=require("../responsive-vertical-menu.context.js"),s=require("../../../icon/icon.component.js"),c=require("../../../../__internal__/utils/helpers/guid/index.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(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){d(e,t,n[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function v(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}const f=t.createContext(void 0),h=({customIcon:t,depth:r,hasChildren:i,icon:o,label:c,responsive:l})=>t?e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-custom-icon","data-role":"responsive-vertical-menu-custom-icon",depth:r,hasChildren:i,icon:!0,responsive:l,children:[t,c]}):e.jsxs(n.StyledMenuItemContent,{"data-component":"responsive-vertical-menu-icon","data-role":"responsive-vertical-menu-icon",depth:r,hasChildren:i,icon:!!o,responsive:l,children:[o&&e.jsx(s.default,{type:o}),c]}),m=t.forwardRef(((s,c)=>{var{children:l,customIcon:d,icon:m,id:y,href:b,label:j,onClick:x,rel:O,target:g}=s,I=v(s,["children","customIcon","icon","id","href","label","onClick","rel","target"]);const{activeMenuItem:w,containerRef:M,responsiveMode:_,setActiveMenuItem:C,reducedMotion:P}=o.useResponsiveVerticalMenu(),{expandItem:S,focusItem:D,getRegisteredItems:k,moveFocus:$,registerMenuItem:q}=i.useMenuFocus(),R=r.useDepth(),E=(null==w?void 0:w.id)===y,F=a.default.Children.count(l)>0,A=t.useContext(f),K=t.useMemo((()=>_&&0===R),[R,_]),[N,V]=t.useState(K&&F);t.useEffect((()=>{q(y,c,A)}),[y,A,c,q]);const T=e=>{let t,n;switch(e.key){case"Tab":var r;if(n=(null===(r=M.current)||void 0===r?void 0:r.querySelectorAll(`[data-depth="${R}"]`))||[],t=Array.from(n),0===R&&F&&(null==w?void 0:w.id)===y&&(e.preventDefault(),$(e.shiftKey?"lastChild":"firstChild")),1===R){const n=t.findIndex((e=>e.id===y)),r=0===n;n===t.length-1&&(!F||F&&!N)&&(e.shiftKey||(e.preventDefault(),$("parent"))),r&&e.shiftKey&&(e.preventDefault(),$("parent"))}if(2===R&&t.findIndex((e=>e.id===y))===t.length-1){const t=k(),n=t.find((e=>e.id===A)),r=t.find((e=>e.id===(null==n?void 0:n.parentId)));if(r){var i;const t=Array.from((null===(i=M.current)||void 0===i?void 0:i.querySelectorAll(`[data-depth="${R-1}"]`))||[]);t.findIndex((e=>e.id===A))===t.length-1&&!e.shiftKey&&(e.preventDefault(),D(r.id))}}break;case"Enter":case" ":if(e.preventDefault(),K)return;if(F)if(0!==R||_)V(!N),S(y,!N);else{const e=(null==w?void 0:w.id)===y;C(e?null:{id:y,label:j,children:l})}else b&&"Enter"===e.key&&(window.location.href=b)}};return e.jsx(e.Fragment,{children:F?e.jsxs(e.Fragment,{children:[e.jsxs(n.StyledResponsiveMenuItem,p(u({active:E,"aria-expanded":E||N,"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${y}`,depth:R,hasIcon:!!m||!!d,id:y,onClick:()=>{if(!K){if(0!==R||_)V(!N),S(y,!N);else{const e=(null==w?void 0:w.id)===y;C(e?null:{id:y,label:j,children:l})}D(y)}},onKeyDown:e=>{_||T(e)},onFocus:()=>D(y),ref:c,responsive:_,tabIndex:K?-1:0,type:"button"},I),{children:[e.jsx(h,{customIcon:d,depth:R,hasChildren:!0,icon:m,label:j,responsive:_}),!K&&e.jsx(n.StyledIcon,{"data-component":"responsive-vertical-menu-expander-icon","data-role":"responsive-vertical-menu-expander-icon",depth:R,expanded:N||E,reduceMotion:!!P,type:R>=1?"chevron_down_thick":"chevron_right_thick"})]})),N&&e.jsx(n.StyledNestedMenuWrapper,{"data-component":`${y}-nested-menu-wrapper`,"data-role":`${y}-nested-menu-wrapper`,depth:R,hasIcon:!!m||!!d,responsive:_,children:e.jsx(n.StyledNestedMenu,{"data-component":`${y}-nested-menu`,"data-role":`${y}-nested-menu`,depth:R,hasIcon:!!m||!!d,id:`${y}-nested-menu`,responsive:_,children:e.jsx(f.Provider,{value:y,children:l})})})]}):e.jsx(n.StyledResponsiveMenuAction,p(u({"data-component":`responsive-vertical-menu-item-${y}`,"data-depth":R,"data-role":`responsive-vertical-menu-item-${y}`,depth:R,href:b,id:y,onClick:x,onFocus:()=>D(y),onKeyDown:e=>{_||T(e)},ref:c,rel:O,responsive:_,tabIndex:0,target:g},I),{children:e.jsx(h,{customIcon:d,depth:R,hasChildren:!1,icon:m,label:j,responsive:_})}))})})),y=n=>{var{children:o,id:s,label:l}=n,a=v(n,["children","id","label"]);const d=r.useDepth(),h=t.useRef(null),{registerMenuItem:y}=i.useMenuFocus(),b=t.useContext(f),j=t.useRef(s||c.default());return t.useEffect((()=>{const e=j.current;y(e,h,b)}),[b,y]),e.jsx(m,p(u({id:j.current,label:l},a),{"data-depth":d,ref:h,children:o&&e.jsx(f.Provider,{value:s,children:e.jsx(r.IncreaseDepth,{children:o})})}))};exports.ResponsiveVerticalMenuItem=y,exports.default=y;

package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./responsive-vertical-menu.context.js"),n=require("./responsive-vertical-menu.style.js"),o=require("../../box/box.component.js"),i=require("../../modal/modal.component.js"),s=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),c=require("../../../hooks/useMediaQuery/useMediaQuery.js"),u=require("../../../__internal__/utils/helpers/tags/tags.js"),l=require("./__internal__/depth.context.js"),a=require("./__internal__/focus.context.js");function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){d(e,t,r[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 r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function m(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const f=l=>{var{children:a,height:d,responsiveBreakpoint:f=700,width:y}=l,h=m(l,["children","height","responsiveBreakpoint","width"]);const{activeMenuItem:b,buttonRef:j,containerRef:x,menuRef:O,responsiveMode:g,setActiveMenuItem:w,setReducedMotion:k,setResponsiveMode:_}=r.useResponsiveVerticalMenu(),[M,S]=t.useState(!1),P=s.default(f),[E,R]=t.useState("auto"),[q,B]=t.useState("100%"),[C,I]=t.useState("auto"),L=t.useRef(null),D=!c.default("screen and (prefers-reduced-motion: no-preference)"),{current:T}=O,{current:A}=j,V=t.useCallback((()=>{if(M&&g){const e=T||document.querySelector("[id='responsive-vertical-menu-primary']");e&&B(e.getBoundingClientRect().width-16+"px")}R(b&&T?`${T.getBoundingClientRect().right}px`:"auto"),I(b&&A?`${A.getBoundingClientRect().bottom}px`:"auto")}),[M,T,g,b,A]),F=t.useCallback((e=>{x.current&&!x.current.contains(e.target)&&S(!1)}),[x]),G=t.useCallback((()=>{S((e=>!e)),w(null)}),[w]);return t.useLayoutEffect((()=>{V()}),[M,V,T,g]),t.useEffect((()=>{const e=()=>{setTimeout((()=>{x.current&&!x.current.contains(document.activeElement)&&S(!1)}),0)},t=e=>{"Escape"===e.key&&(e.preventDefault(),S(!1))},r=x.current;return M&&!g&&(document.addEventListener("keydown",t),window.addEventListener("click",F),null==r||r.addEventListener("focusout",e)),()=>{document.removeEventListener("keydown",t),window.removeEventListener("click",F),null==r||r.removeEventListener("focusout",e)}}),[M,x,F,g]),t.useEffect((()=>{null==k||k(D),null==_||_(!P)}),[P,D,k,_]),e.jsxs("div",{ref:x,children:[e.jsx(n.StyledButton,{active:M,buttonType:"tertiary","data-component":"responsive-vertical-menu-launcher","data-role":"responsive-vertical-menu-launcher",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:G,ref:j}),g?e.jsx(i.default,{open:M,children:e.jsxs(o.Box,{position:"fixed",top:0,width:q,children:[e.jsx(o.Box,{display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e.jsx(n.StyledCloseButton,{"aria-label":"close-menu","data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{S(!1),w(null)}})}),e.jsx(n.StyledResponsiveMenu,{height:d,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:D,ref:O,responsive:!0,tabIndex:-1,top:"48px",width:y,children:a})]})}):e.jsx(n.StyledGlobalVerticalMenuWrapper,v(p({},h,u.default("responsive-vertical-menu",h)),{children:M&&e.jsxs(e.Fragment,{children:[e.jsx(n.StyledResponsiveMenu,{childOpen:!!b,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:d||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:D,ref:O,responsive:!1,tabIndex:-1,top:C,width:y,children:a}),b?e.jsx(n.StyledResponsiveMenu,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:d||"100%",id:"responsive-vertical-menu-secondary",left:E,menu:"secondary",reduceMotion:D,ref:L,responsive:!1,tabIndex:-1,top:C,width:y,children:b.children}):null]})}))]})},y=t=>{var{children:r}=t,n=m(t,["children"]);return e.jsx(l.DepthProvider,{children:e.jsx(a.MenuFocusProvider,{children:e.jsx(f,v(p({},n),{children:r}))})})};exports.ResponsiveVerticalMenu=y,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./responsive-vertical-menu.context.js"),n=require("./responsive-vertical-menu.style.js"),i=require("../../box/box.component.js"),o=require("../../modal/modal.component.js"),s=require("../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),u=require("../../../hooks/useMediaQuery/useMediaQuery.js"),l=require("../../../__internal__/utils/helpers/tags/tags.js"),a=require("./__internal__/depth.context.js"),c=require("./__internal__/focus.context.js"),d=require("../../../hooks/__internal__/useLocale/useLocale.js");function p(e){return e&&e.__esModule?e:{default:e}}var v=p(r);function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){f(e,r,t[r])}))}return e}function y(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function h(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}const b=a=>{var c,p,{children:f,height:b,responsiveBreakpoint:j=700,width:x}=a,g=h(a,["children","height","responsiveBreakpoint","width"]);const O=d.default(),{activeMenuItem:w,buttonRef:_,containerRef:M,menuRef:k,responsiveMode:S,setActiveMenuItem:E,setReducedMotion:P,setResponsiveMode:q}=t.useResponsiveVerticalMenu(),[C,R]=r.useState(!1),[B,L]=r.useState(0),I=s.default(j),[D,T]=r.useState("auto"),[V,A]=r.useState("100%"),[F,G]=r.useState("auto"),Q=r.useRef(null),$=!u.default("screen and (prefers-reduced-motion: no-preference)"),{current:z}=k,{current:W}=_,H=r.useCallback((()=>{if(C&&S){const e=z||document.querySelector("[id='responsive-vertical-menu-primary']");e&&A(e.getBoundingClientRect().width-16+"px")}T(w&&z?`${z.getBoundingClientRect().right}px`:"auto"),G(w&&W?`${W.getBoundingClientRect().bottom}px`:"auto")}),[C,z,S,w,W]),J=r.useCallback((e=>{M.current&&!M.current.contains(e.target)&&R(!1)}),[M]),K=r.useCallback((()=>{R((e=>!e)),E(null)}),[E]);r.useLayoutEffect((()=>{H()}),[C,H,z,S]),r.useEffect((()=>{const e=()=>{setTimeout((()=>{M.current&&!M.current.contains(document.activeElement)&&R(!1)}),0)},r=e=>{"Escape"===e.key&&(e.preventDefault(),R(!1))},t=M.current;return C&&!S&&(document.addEventListener("keydown",r),window.addEventListener("click",J),null==t||t.addEventListener("focusout",e)),()=>{document.removeEventListener("keydown",r),window.removeEventListener("click",J),null==t||t.removeEventListener("focusout",e)}}),[C,M,J,S]),r.useEffect((()=>{null==P||P($),null==q||q(!I)}),[I,$,P,q]);const N=r.useCallback((e=>{if(!e)return 0;if(v.default.isValidElement(e))return 1+N(e.props.children);const r=v.default.Children.toArray(e);return r.length?r.reduce(((e,r)=>v.default.isValidElement(r)?e+1+N(r.props.children):e),0):0}),[]);return r.useEffect((()=>{const e=B,r=N(f);e!==r&&(L(r),E(null))}),[B,f,N,E]),e.jsxs("div",{ref:M,children:[e.jsx(n.StyledButton,{active:C,"aria-controls":"responsive-vertical-menu-primary","aria-expanded":C,"aria-label":null===(c=O.verticalMenu.ariaLabels)||void 0===c?void 0:c.responsiveMenuLauncher(),buttonType:"tertiary","data-component":"responsive-vertical-menu-launcher","data-role":"responsive-vertical-menu-launcher",iconType:"squares_nine",id:"responsive-vertical-menu-launcher",onClick:K,ref:_}),S?e.jsx(o.default,{open:C,children:e.jsxs(i.Box,{position:"fixed",top:0,width:V,children:[e.jsx(i.Box,{display:"flex",justifyContent:"flex-end",width:"100%",backgroundColor:"var(--colorsGray850)",p:1,children:e.jsx(n.StyledCloseButton,{"aria-label":null===(p=O.verticalMenu.ariaLabels)||void 0===p?void 0:p.responsiveMenuCloseButton(),"data-component":"responsive-vertical-menu-close","data-role":"responsive-vertical-menu-close",iconType:"close",size:"small",buttonType:"tertiary",onClick:()=>{R(!1),E(null)}})}),e.jsx(n.StyledResponsiveMenu,{height:b,id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:$,ref:k,responsive:!0,tabIndex:-1,top:"48px",width:x,children:f})]})}):e.jsx(n.StyledGlobalVerticalMenuWrapper,y(m({},g,l.default("responsive-vertical-menu",g)),{children:C&&e.jsxs(e.Fragment,{children:[e.jsx(n.StyledResponsiveMenu,{childOpen:!!w,"data-component":"responsive-vertical-menu-primary","data-role":"responsive-vertical-menu-primary",height:b||"100%",id:"responsive-vertical-menu-primary",menu:"primary",reduceMotion:$,ref:k,responsive:!1,tabIndex:-1,top:F,width:x,children:f}),w?e.jsx(n.StyledResponsiveMenu,{"data-component":"responsive-vertical-menu-secondary","data-role":"responsive-vertical-menu-secondary",height:b||"100%",id:"responsive-vertical-menu-secondary",left:D,menu:"secondary",reduceMotion:$,ref:Q,responsive:!1,tabIndex:-1,top:F,width:x,children:w.children}):null]})}))]})},j=r=>{var{children:t}=r,n=h(r,["children"]);return e.jsx(a.DepthProvider,{children:e.jsx(c.MenuFocusProvider,{children:e.jsx(b,y(m({},n),{children:t}))})})};exports.ResponsiveVerticalMenu=j,exports.default=j;

package/lib/index.js

@@ -1 +1 @@
-"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),P=require("./components/card/card-footer/card-footer.component.js"),F=require("./components/card/card-row/card-row.component.js"),w=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),C=require("./components/checkbox/checkbox.component.js"),B=require("./components/confirm/confirm.component.js"),D=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),I=require("./components/decimal/decimal.component.js"),A=require("./components/definition-list/dl.component.js"),G=require("./components/definition-list/dt/dt.component.js"),H=require("./components/definition-list/dd/dd.component.js"),L=require("./components/detail/detail.component.js"),R=require("./components/dialog/dialog.component.js"),N=require("./components/dialog-full-screen/dialog-full-screen.component.js"),V=require("./components/dismissible-box/dismissible-box.component.js"),E=require("./components/draggable/draggable-container.component.js"),O=require("./components/draggable/draggable-item/draggable-item.component.js"),Q=require("./components/drawer/drawer.component.js"),z=require("./components/duelling-picklist/duelling-picklist.component.js"),J=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),K=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),U=require("./components/duelling-picklist/picklist/picklist.component.js"),W=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),X=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),Y=require("./components/fieldset/fieldset.component.js"),Z=require("./components/file-input/file-input.component.js"),$=require("./components/flat-table/flat-table.component.js"),_=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),ee=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),oe=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),te=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),re=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),ne=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ie=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),se=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),pe=require("./components/flat-table/sort/sort.component.js"),ce=require("./components/form/form.component.js"),le=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),ae=require("./components/global-header/global-header.component.js"),me=require("./components/grid/grid-container/grid-container.component.js"),ue=require("./components/grid/grid-item/grid-item.component.js"),de=require("./components/grouped-character/grouped-character.component.js"),xe=require("./components/heading/heading.component.js"),qe=require("./components/help/help.component.js"),be=require("./components/hr/hr.component.js"),je=require("./components/i18n-provider/i18n-provider.component.js"),ge=require("./components/icon-button/icon-button.component.js"),ve=require("./components/icon/icon.component.js"),fe=require("./components/image/image.component.js"),he=require("./components/inline-inputs/inline-inputs.component.js"),ke=require("./components/link-preview/link-preview.component.js"),Te=require("./components/link/link.component.js"),Se=require("./components/loader/loader.component.js"),Pe=require("./components/loader-bar/loader-bar.component.js"),Fe=require("./components/loader-spinner/loader-spinner.component.js"),we=require("./components/loader-star/loader-star.component.js"),Ce=require("./components/menu/menu.component.js"),Be=require("./components/menu/menu-item/menu-item.component.js"),De=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),Ie=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ae=require("./components/message/message.component.js"),Ge=require("./components/modal/modal.component.js"),He=require("./components/multi-action-button/multi-action-button.component.js"),Le=require("./components/navigation-bar/navigation-bar.component.js"),Re=require("./components/note/note.component.js"),Ne=require("./components/number/number.component.js"),Ve=require("./components/numeral-date/numeral-date.component.js"),Ee=require("./components/pager/pager.component.js"),Oe=require("./components/pages/pages.component.js"),Qe=require("./components/pages/page/page.component.js"),ze=require("./components/password/password.component.js"),Je=require("./components/pill/pill.component.js"),Ke=require("./components/pod/pod.component.js"),Ue=require("./components/popover-container/popover-container.component.js"),We=require("./components/portal/portal.js"),Xe=require("./components/portrait/portrait.component.js"),Ye=require("./components/preview/preview.component.js"),Ze=require("./components/profile/profile.component.js"),$e=require("./components/progress-tracker/progress-tracker.component.js"),_e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/settings-row/settings-row.component.js"),lo=require("./components/sidebar/sidebar.component.js"),ao=require("./components/simple-color-picker/simple-color-picker.component.js"),mo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),uo=require("./components/split-button/split-button.component.js"),xo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),qo=require("./components/step-flow/step-flow.component.js"),bo=require("./components/step-sequence/step-sequence.component.js"),jo=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),go=require("./components/switch/switch.component.js"),vo=require("./components/tabs/tabs.component.js"),fo=require("./components/text-editor/text-editor.component.js"),ho=require("./components/text-editor/utils.js"),ko=require("./components/textarea/textarea.component.js"),To=require("./components/textbox/textbox.component.js"),So=require("./components/tile-select/tile-select.component.js"),Po=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),Fo=require("./components/tile/tile.component.js"),wo=require("./components/tile/tile-content/tile-content.component.js"),Co=require("./components/tile/tile-footer/tile-footer.component.js"),Bo=require("./components/tile/tile-header/tile-header.component.js"),Do=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),Mo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),yo=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Go=require("./components/tooltip/tooltip.component.js"),Ho=require("./components/typography/typography.component.js"),Lo=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),Oo=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("react/jsx-runtime"),require("react"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js");var Qo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js"),require("./style/utils/filter-styled-system-padding-props.js");var zo=require("./hooks/useCharacterCount/useCharacterCount.js"),Jo=require("./style/global-style.js"),Ko=require("./components/action-popover/action-popover.style.js"),Uo=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=P.default,exports.CardRow=F.default,exports.CheckboxGroup=w.CheckboxGroup,exports.Checkbox=C.Checkbox,exports.Confirm=B.Confirm,exports.Content=D.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=I.Decimal,exports.Dl=A.default,exports.Dt=G.default,exports.Dd=H.default,exports.Detail=L.Detail,exports.Dialog=R.Dialog,exports.DialogFullScreen=N.DialogFullScreen,exports.DismissibleBox=V.DismissibleBox,exports.DraggableContainer=E.default,exports.DraggableItem=O.default,exports.Drawer=Q.Drawer,exports.DuellingPicklist=z.DuellingPicklist,exports.PicklistDivider=J.default,exports.PicklistItem=K.PicklistItem,exports.Picklist=U.Picklist,exports.PicklistPlaceholder=W.PicklistPlaceholder,exports.PicklistGroup=X.PicklistGroup,exports.Fieldset=Y.Fieldset,exports.FileInput=Z.FileInput,exports.FlatTable=$.FlatTable,exports.FlatTableHead=_.FlatTableHead,exports.FlatTableHeader=ee.FlatTableHeader,exports.FlatTableBody=oe.FlatTableBody,exports.FlatTableRow=te.FlatTableRow,exports.FlatTableRowHeader=re.FlatTableRowHeader,exports.FlatTableCell=ne.FlatTableCell,exports.FlatTableCheckbox=ie.FlatTableCheckbox,exports.FlatTableBodyDraggable=se.FlatTableBodyDraggable,exports.Sort=pe.Sort,exports.Form=ce.Form,exports.RequiredFieldsIndicator=le.default,exports.GlobalHeader=ae.default,exports.GridContainer=me.GridContainer,exports.GridItem=ue.GridItem,exports.GroupedCharacter=de.GroupedCharacter,exports.Heading=xe.Heading,exports.Help=qe.Help,exports.Hr=be.Hr,exports.I18nProvider=je.I18nProvider,exports.IconButton=ge.default,exports.Icon=ve.default,exports.Image=fe.Image,exports.InlineInputs=he.default,exports.LinkPreview=ke.LinkPreview,exports.Link=Te.Link,exports.Loader=Se.Loader,exports.LoaderBar=Pe.LoaderBar,exports.LoaderSpinner=Fe.LoaderSpinner,exports.LoaderStar=we.default,exports.Menu=Ce.Menu,exports.MenuItem=Be.MenuItem,exports.MenuDivider=De.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=Ie.ScrollableBlock,exports.Message=Ae.Message,exports.Modal=Ge.default,exports.MultiActionButton=He.MultiActionButton,exports.NavigationBar=Le.NavigationBar,exports.Note=Re.Note,exports.Number=Ne.Number,exports.NumeralDate=Ve.NumeralDate,exports.Pager=Ee.Pager,exports.Pages=Oe.default,exports.Page=Qe.default,exports.Password=ze.Password,exports.Pill=Je.Pill,exports.Pod=Ke.default,exports.PopoverContainer=Ue.PopoverContainer,exports.Portal=We.Portal,exports.Portrait=Xe.Portrait,exports.Preview=Ye.Preview,exports.Profile=Ze.Profile,exports.ProgressTracker=$e.default,exports.RadioButton=_e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.SettingsRow=co.SettingsRow,exports.Sidebar=lo.Sidebar,exports.SimpleColorPicker=ao.SimpleColorPicker,exports.SimpleColor=mo.SimpleColor,exports.SplitButton=uo.SplitButton,exports.StepFlowTitle=xo.StepFlowTitle,exports.StepFlow=qo.StepFlow,exports.StepSequence=bo.StepSequence,exports.StepSequenceItem=jo.StepSequenceItem,exports.Switch=go.Switch,exports.Tabs=vo.Tabs,exports.TextEditor=fo.TextEditor,exports.createEmpty=ho.createEmpty,exports.createFromHTML=ho.createFromHTML,exports.Textarea=ko.Textarea,exports.Textbox=To.Textbox,exports.TileSelect=So.default,exports.TileSelectGroup=Po.TileSelectGroup,exports.Tile=Fo.Tile,exports.TileContent=wo.default,exports.TileFooter=Co.TileFooter,exports.TileHeader=Bo.TileHeader,exports.FlexTileContainer=Do.FlexTileContainer,exports.FlexTileCell=Mo.FlexTileCell,exports.FlexTileDivider=yo.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Go.Tooltip,exports.Typography=Ho.Typography,exports.List=Lo.List,exports.ListItem=Lo.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=Oo.VerticalMenuTrigger,exports.useMediaQuery=Qo.default,exports.useCharacterCount=zo.default,exports.GlobalStyle=Jo.default,exports.ActionPopoverDivider=Ko.MenuItemDivider,exports.Tab=Uo.Tab;
+"use strict";var e=require("./components/accordion/accordion.component.js"),o=require("./components/accordion/accordion-group/accordion-group.component.js"),t=require("./components/action-popover/action-popover.component.js"),r=require("./components/action-popover/action-popover-menu/action-popover-menu.component.js"),n=require("./components/action-popover/action-popover-item/action-popover-item.component.js"),i=require("./components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js");require("./components/action-popover/action-popover-divider/action-popover-divider.component.js");var s=require("./components/adaptive-sidebar/adaptive-sidebar.component.js"),p=require("./components/advanced-color-picker/advanced-color-picker.component.js"),c=require("./components/alert/alert.component.js"),l=require("./components/anchor-navigation/anchor-navigation.component.js"),a=require("./components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js"),m=require("./components/anchor-navigation/anchor-section-divider.component.js"),u=require("./components/badge/badge.component.js"),d=require("./components/batch-selection/batch-selection.component.js"),x=require("./components/box/box.component.js"),q=require("./components/breadcrumbs/breadcrumbs.component.js"),b=require("./components/breadcrumbs/crumb/crumb.component.js"),j=require("./components/button-bar/button-bar.component.js"),g=require("./components/button-minor/button-minor.component.js"),v=require("./components/button-toggle/button-toggle.component.js"),f=require("./components/button-toggle/button-toggle-group/button-toggle-group.component.js"),h=require("./components/button/button.component.js"),k=require("./components/carbon-provider/carbon-provider.component.js"),T=require("./components/card/card.component.js"),S=require("./components/card/card-column/card-column.component.js"),P=require("./components/card/card-footer/card-footer.component.js"),F=require("./components/card/card-row/card-row.component.js"),w=require("./components/checkbox/checkbox-group/checkbox-group.component.js"),C=require("./components/checkbox/checkbox.component.js"),B=require("./components/confirm/confirm.component.js"),D=require("./components/content/content.component.js"),M=require("./components/date-range/date-range.component.js"),y=require("./components/date/date.component.js"),I=require("./components/decimal/decimal.component.js"),A=require("./components/definition-list/dl.component.js"),G=require("./components/definition-list/dt/dt.component.js"),H=require("./components/definition-list/dd/dd.component.js"),L=require("./components/detail/detail.component.js"),R=require("./components/dialog/dialog.component.js"),N=require("./components/dialog-full-screen/dialog-full-screen.component.js"),V=require("./components/dismissible-box/dismissible-box.component.js"),E=require("./components/draggable/draggable-container.component.js"),_=require("./components/draggable/draggable-item/draggable-item.component.js"),O=require("./components/drawer/drawer.component.js"),Q=require("./components/duelling-picklist/duelling-picklist.component.js"),z=require("./components/duelling-picklist/picklist-divider/picklist-divider.component.js"),J=require("./components/duelling-picklist/picklist-item/picklist-item.component.js"),K=require("./components/duelling-picklist/picklist/picklist.component.js"),U=require("./components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.js"),W=require("./components/duelling-picklist/picklist-group/picklist-group.component.js"),X=require("./components/fieldset/fieldset.component.js"),Y=require("./components/file-input/file-input.component.js"),Z=require("./components/flat-table/flat-table.component.js"),$=require("./components/flat-table/flat-table-head/flat-table-head.component.js"),ee=require("./components/flat-table/flat-table-header/flat-table-header.component.js"),oe=require("./components/flat-table/flat-table-body/flat-table-body.component.js"),te=require("./components/flat-table/flat-table-row/flat-table-row.component.js"),re=require("./components/flat-table/flat-table-row-header/flat-table-row-header.component.js"),ne=require("./components/flat-table/flat-table-cell/flat-table-cell.component.js"),ie=require("./components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js"),se=require("./components/flat-table/flat-table-body-draggable/flat-table-body-draggable.component.js"),pe=require("./components/flat-table/sort/sort.component.js"),ce=require("./components/form/form.component.js"),le=require("./components/form/required-fields-indicator/required-fields-indicator.component.js"),ae=require("./components/global-header/global-header.component.js"),me=require("./components/grid/grid-container/grid-container.component.js"),ue=require("./components/grid/grid-item/grid-item.component.js"),de=require("./components/grouped-character/grouped-character.component.js"),xe=require("./components/heading/heading.component.js"),qe=require("./components/help/help.component.js"),be=require("./components/hr/hr.component.js"),je=require("./components/i18n-provider/i18n-provider.component.js"),ge=require("./components/icon-button/icon-button.component.js"),ve=require("./components/icon/icon.component.js"),fe=require("./components/image/image.component.js"),he=require("./components/inline-inputs/inline-inputs.component.js"),ke=require("./components/link-preview/link-preview.component.js"),Te=require("./components/link/link.component.js"),Se=require("./components/loader/loader.component.js"),Pe=require("./components/loader-bar/loader-bar.component.js"),Fe=require("./components/loader-spinner/loader-spinner.component.js"),we=require("./components/loader-star/loader-star.component.js"),Ce=require("./components/menu/menu.component.js"),Be=require("./components/menu/menu-item/menu-item.component.js"),De=require("./components/menu/menu-divider/menu-divider.component.js"),Me=require("./components/menu/menu-segment-title/menu-segment-title.component.js"),ye=require("./components/menu/menu-full-screen/menu-full-screen.component.js"),Ie=require("./components/menu/scrollable-block/scrollable-block.component.js"),Ae=require("./components/message/message.component.js"),Ge=require("./components/modal/modal.component.js"),He=require("./components/multi-action-button/multi-action-button.component.js"),Le=require("./components/navigation-bar/navigation-bar.component.js"),Re=require("./components/note/note.component.js"),Ne=require("./components/number/number.component.js"),Ve=require("./components/numeral-date/numeral-date.component.js"),Ee=require("./components/pager/pager.component.js"),_e=require("./components/pages/pages.component.js"),Oe=require("./components/pages/page/page.component.js"),Qe=require("./components/password/password.component.js"),ze=require("./components/pill/pill.component.js"),Je=require("./components/pod/pod.component.js"),Ke=require("./components/popover-container/popover-container.component.js"),Ue=require("./components/portal/portal.js"),We=require("./components/portrait/portrait.component.js"),Xe=require("./components/preview/preview.component.js"),Ye=require("./components/profile/profile.component.js"),Ze=require("./components/progress-tracker/progress-tracker.component.js"),$e=require("./components/radio-button/radio-button.component.js"),eo=require("./components/radio-button/radio-button-group/radio-button-group.component.js"),oo=require("./components/search/search.component.js"),to=require("./components/select/option/option.component.js"),ro=require("./components/select/option-row/option-row.component.js"),no=require("./components/select/option-group-header/option-group-header.component.js"),io=require("./components/select/simple-select/simple-select.component.js"),so=require("./components/select/filterable-select/filterable-select.component.js"),po=require("./components/select/multi-select/multi-select.component.js"),co=require("./components/settings-row/settings-row.component.js"),lo=require("./components/sidebar/sidebar.component.js"),ao=require("./components/simple-color-picker/simple-color-picker.component.js"),mo=require("./components/simple-color-picker/simple-color/simple-color.component.js"),uo=require("./components/split-button/split-button.component.js"),xo=require("./components/step-flow/step-flow-title/step-flow-title.component.js"),qo=require("./components/step-flow/step-flow.component.js"),bo=require("./components/step-sequence/step-sequence.component.js"),jo=require("./components/step-sequence/step-sequence-item/step-sequence-item.component.js"),go=require("./components/switch/switch.component.js"),vo=require("./components/tabs/tabs.component.js"),fo=require("./components/text-editor/text-editor.component.js"),ho=require("./components/text-editor/utils.js"),ko=require("./components/textarea/textarea.component.js"),To=require("./components/textbox/textbox.component.js"),So=require("./components/tile-select/tile-select.component.js"),Po=require("./components/tile-select/tile-select-group/tile-select-group.component.js"),Fo=require("./components/tile/tile.component.js"),wo=require("./components/tile/tile-content/tile-content.component.js"),Co=require("./components/tile/tile-footer/tile-footer.component.js"),Bo=require("./components/tile/tile-header/tile-header.component.js"),Do=require("./components/tile/flex-tile-container/flex-tile-container.component.js"),Mo=require("./components/tile/flex-tile-cell/flex-tile-cell.component.js"),yo=require("./components/tile/flex-tile-divider/flex-tile-divider.component.js"),Io=require("./components/time/time.component.js"),Ao=require("./components/toast/toast.component.js"),Go=require("./components/tooltip/tooltip.component.js"),Ho=require("./components/typography/typography.component.js"),Lo=require("./components/typography/list.component.js"),Ro=require("./components/vertical-divider/vertical-divider.component.js"),No=require("./components/vertical-menu/vertical-menu.component.js"),Vo=require("./components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js"),Eo=require("./components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js"),_o=require("./components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.component.js");require("react/jsx-runtime"),require("react"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js");var Oo=require("./hooks/useMediaQuery/useMediaQuery.js");require("./__internal__/i18n-context/index.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js"),require("./components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js"),require("./style/utils/filter-styled-system-padding-props.js");var Qo=require("./hooks/useCharacterCount/useCharacterCount.js"),zo=require("./style/global-style.js"),Jo=require("./components/action-popover/action-popover.style.js"),Ko=require("./components/tabs/tab/tab.component.js");exports.Accordion=e.Accordion,exports.AccordionGroup=o.AccordionGroup,exports.ActionPopover=t.ActionPopover,exports.ActionPopoverMenu=r.default,exports.ActionPopoverItem=n.ActionPopoverItem,exports.ActionPopoverMenuButton=i.ActionPopoverMenuButton,exports.AdaptiveSidebar=s.AdaptiveSidebar,exports.AdvancedColorPicker=p.AdvancedColorPicker,exports.Alert=c.Alert,exports.AnchorNavigation=l.default,exports.AnchorNavigationItem=a.default,exports.AnchorSectionDivider=m.default,exports.Badge=u.Badge,exports.BatchSelection=d.BatchSelection,exports.Box=x.Box,exports.Breadcrumbs=q.Breadcrumbs,exports.Crumb=b.default,exports.ButtonBar=j.ButtonBar,exports.ButtonMinor=g.ButtonMinor,exports.ButtonToggle=v.ButtonToggle,exports.ButtonToggleGroup=f.default,exports.Button=h.default,exports.CarbonProvider=k.CarbonProvider,exports.Card=T.default,exports.CardColumn=S.default,exports.CardFooter=P.default,exports.CardRow=F.default,exports.CheckboxGroup=w.CheckboxGroup,exports.Checkbox=C.Checkbox,exports.Confirm=B.Confirm,exports.Content=D.Content,exports.DateRange=M.DateRange,exports.DateInput=y.DateInput,exports.Decimal=I.Decimal,exports.Dl=A.default,exports.Dt=G.default,exports.Dd=H.default,exports.Detail=L.Detail,exports.Dialog=R.Dialog,exports.DialogFullScreen=N.DialogFullScreen,exports.DismissibleBox=V.DismissibleBox,exports.DraggableContainer=E.default,exports.DraggableItem=_.default,exports.Drawer=O.Drawer,exports.DuellingPicklist=Q.DuellingPicklist,exports.PicklistDivider=z.default,exports.PicklistItem=J.PicklistItem,exports.Picklist=K.Picklist,exports.PicklistPlaceholder=U.PicklistPlaceholder,exports.PicklistGroup=W.PicklistGroup,exports.Fieldset=X.Fieldset,exports.FileInput=Y.FileInput,exports.FlatTable=Z.FlatTable,exports.FlatTableHead=$.FlatTableHead,exports.FlatTableHeader=ee.FlatTableHeader,exports.FlatTableBody=oe.FlatTableBody,exports.FlatTableRow=te.FlatTableRow,exports.FlatTableRowHeader=re.FlatTableRowHeader,exports.FlatTableCell=ne.FlatTableCell,exports.FlatTableCheckbox=ie.FlatTableCheckbox,exports.FlatTableBodyDraggable=se.FlatTableBodyDraggable,exports.Sort=pe.Sort,exports.Form=ce.Form,exports.RequiredFieldsIndicator=le.default,exports.GlobalHeader=ae.default,exports.GridContainer=me.GridContainer,exports.GridItem=ue.GridItem,exports.GroupedCharacter=de.GroupedCharacter,exports.Heading=xe.Heading,exports.Help=qe.Help,exports.Hr=be.Hr,exports.I18nProvider=je.I18nProvider,exports.IconButton=ge.default,exports.Icon=ve.default,exports.Image=fe.Image,exports.InlineInputs=he.default,exports.LinkPreview=ke.LinkPreview,exports.Link=Te.Link,exports.Loader=Se.Loader,exports.LoaderBar=Pe.LoaderBar,exports.LoaderSpinner=Fe.LoaderSpinner,exports.LoaderStar=we.default,exports.Menu=Ce.Menu,exports.MenuItem=Be.MenuItem,exports.MenuDivider=De.default,exports.MenuSegmentTitle=Me.default,exports.MenuFullscreen=ye.MenuFullscreen,exports.ScrollableBlock=Ie.ScrollableBlock,exports.Message=Ae.Message,exports.Modal=Ge.default,exports.MultiActionButton=He.MultiActionButton,exports.NavigationBar=Le.NavigationBar,exports.Note=Re.Note,exports.Number=Ne.Number,exports.NumeralDate=Ve.NumeralDate,exports.Pager=Ee.Pager,exports.Pages=_e.default,exports.Page=Oe.default,exports.Password=Qe.Password,exports.Pill=ze.Pill,exports.Pod=Je.default,exports.PopoverContainer=Ke.PopoverContainer,exports.Portal=Ue.Portal,exports.Portrait=We.Portrait,exports.Preview=Xe.Preview,exports.Profile=Ye.Profile,exports.ProgressTracker=Ze.default,exports.RadioButton=$e.default,exports.RadioButtonGroup=eo.RadioButtonGroup,exports.Search=oo.Search,exports.Option=to.default,exports.OptionRow=ro.default,exports.OptionGroupHeader=no.default,exports.Select=io.SimpleSelect,exports.FilterableSelect=so.FilterableSelect,exports.MultiSelect=po.MultiSelect,exports.SettingsRow=co.SettingsRow,exports.Sidebar=lo.Sidebar,exports.SimpleColorPicker=ao.SimpleColorPicker,exports.SimpleColor=mo.SimpleColor,exports.SplitButton=uo.SplitButton,exports.StepFlowTitle=xo.StepFlowTitle,exports.StepFlow=qo.StepFlow,exports.StepSequence=bo.StepSequence,exports.StepSequenceItem=jo.StepSequenceItem,exports.Switch=go.Switch,exports.Tabs=vo.Tabs,exports.TextEditor=fo.TextEditor,exports.createEmpty=ho.createEmpty,exports.createFromHTML=ho.createFromHTML,exports.Textarea=ko.Textarea,exports.Textbox=To.Textbox,exports.TileSelect=So.default,exports.TileSelectGroup=Po.TileSelectGroup,exports.Tile=Fo.Tile,exports.TileContent=wo.default,exports.TileFooter=Co.TileFooter,exports.TileHeader=Bo.TileHeader,exports.FlexTileContainer=Do.FlexTileContainer,exports.FlexTileCell=Mo.FlexTileCell,exports.FlexTileDivider=yo.FlexTileDivider,exports.Time=Io.default,exports.Toast=Ao.Toast,exports.Tooltip=Go.Tooltip,exports.Typography=Ho.Typography,exports.List=Lo.List,exports.ListItem=Lo.ListItem,exports.VerticalDivider=Ro.VerticalDivider,exports.VerticalMenu=No.VerticalMenu,exports.VerticalMenuItem=Vo.VerticalMenuItem,exports.VerticalMenuFullScreen=Eo.VerticalMenuFullScreen,exports.VerticalMenuTrigger=_o.VerticalMenuTrigger,exports.useMediaQuery=Oo.default,exports.useCharacterCount=Qo.default,exports.GlobalStyle=zo.default,exports.ActionPopoverDivider=Jo.MenuItemDivider,exports.Tab=Ko.Tab;

package/lib/locales/en-gb.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns/locale/en-GB");const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"en-GB",actions:{edit:()=>"Edit",delete:()=>"Delete"},actionPopover:{ariaLabel:()=>"actions"},advancedColorPicker:{ariaLabel:()=>"Change colour",currentColorDescriptionTerm:()=>"Current colour assigned: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>`${e} selected`},breadcrumbs:{ariaLabel:()=>"breadcrumbs"},confirm:{no:()=>"No",yes:()=>"Yes"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} character too many`:`${a} characters too many`,charactersLeft:(e,a)=>1===e?`${a} character left`:`${a} characters left`,visuallyHiddenHint:e=>`You can enter up to ${e} characters`},date:{dateFnsLocale:()=>e.enGB,ariaLabels:{previousMonthButton:()=>"Previous month",nextMonthButton:()=>"Next month"},dateFormatOverride:void 0},dialog:{ariaLabels:{close:()=>"Close"}},dialogFullScreen:{ariaLabels:{close:()=>"Close"}},dismissibleBox:{ariaLabels:{close:()=>"Close"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errors",n=a(r)?"warning":"warnings",i=a(e)?"is":"are",s=a(r)?"is":"are";return e&&r&&"warning"===o?["and",`${r} ${n}`]:e?[`There ${i}`,`${e} ${t}`]:r?[`There ${s}`,`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"or drag and drop your file",selectFile:()=>"Select file",fileUploadStatus:()=>"File upload status",actions:{cancel:()=>"Cancel upload",clear:()=>"Clear",delete:()=>"Delete file"}},heading:{backLinkAriaLabel:()=>"Back"},label:{optional:()=>"optional"},link:{skipLinkLabel:()=>"Skip to main content"},loader:{loading:()=>"Loading"},loaderSpinner:{loading:()=>"Loading..."},loaderStar:{loading:()=>"Loading..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Close"}},message:{closeButtonAriaLabel:()=>"Close",error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",ai:()=>"AI Information"},numeralDate:{validation:{day:(e,a)=>e&&a?`Day in ${e} should be a number within 1-${a}.`:"Day should be a number within a 1-31 range.",month:()=>"Month should be a number within a 1-12 range.",year:()=>"Year should be a number within a 1800-2200 range."},labels:{day:()=>"Day",month:()=>"Month",year:()=>"Year"}},pager:{show:()=>"Show",records:(e,r=!0)=>{const o=a(e)?"item":"items";return r?`${e} ${o}`:o},first:()=>"First",last:()=>"Last",next:()=>"Next",previous:()=>"Previous",pageX:()=>"Page",ofY:e=>`of ${e}`},password:{buttonLabelHide:()=>"Hide",buttonLabelShow:()=>"Show",ariaLabelHide:()=>"Hide password",ariaLabelShow:()=>"Show password",ariaLiveShownMessage:()=>"Your password has been shown. Focus on the password input to have it read to you, if it is safe to do so.",ariaLiveHiddenMessage:()=>"Your password is currently hidden."},progressTracker:{of:()=>"of"},pod:{undo:()=>"Undo"},textEditor:{boldAria:()=>"Bold",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",characterCounter:e=>`${"number"==typeof e?e.toString():e} characters remaining`,characterLimit:e=>`You are ${e} character(s) over the character limit`,contentEditorAria:()=>"Rich text content editor",italicAria:()=>"Italic",orderedListAria:()=>"Ordered list",saveButton:()=>"Save",saveButtonAria:()=>"Save",toolbarAriaLabel:()=>"Formatting",unorderedListAria:()=>"Unordered list"},search:{searchButtonText:()=>"Search"},select:{actionButtonText:()=>"Add New Item",placeholder:()=>"Please Select...",noResultsForTerm:e=>`No results for "${e}"`},sidebar:{ariaLabels:{close:()=>"Close"}},sort:{accessibleName:(e,a)=>`Sort all ${e||"contents"}${a?` in an ${a} order.`:" in an ascending or descending order."}`},splitButton:{ariaLabel:()=>"Show more"},stepFlow:{stepLabel:(e,a)=>`Step ${e} of ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Step ${a} of ${r}.`,closeIconAriaLabel:()=>"Close"},switch:{on:()=>"ON",off:()=>"OFF"},tileSelect:{deselect:()=>"Deselect"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"Hrs.",minutesLabelText:()=>"Mins.",hoursAriaLabelText:()=>"Hours",minutesAriaLabelText:()=>"Minutes"},toast:{ariaLabels:{close:()=>"Close"},error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",notification:()=>"Notification"},verticalMenuFullScreen:{ariaLabels:{close:()=>"Close"}}};exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns/locale/en-GB");const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"en-GB",actions:{edit:()=>"Edit",delete:()=>"Delete"},actionPopover:{ariaLabel:()=>"actions"},advancedColorPicker:{ariaLabel:()=>"Change colour",currentColorDescriptionTerm:()=>"Current colour assigned: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>`${e} selected`},breadcrumbs:{ariaLabel:()=>"breadcrumbs"},confirm:{no:()=>"No",yes:()=>"Yes"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} character too many`:`${a} characters too many`,charactersLeft:(e,a)=>1===e?`${a} character left`:`${a} characters left`,visuallyHiddenHint:e=>`You can enter up to ${e} characters`},date:{dateFnsLocale:()=>e.enGB,ariaLabels:{previousMonthButton:()=>"Previous month",nextMonthButton:()=>"Next month"},dateFormatOverride:void 0},dialog:{ariaLabels:{close:()=>"Close"}},dialogFullScreen:{ariaLabels:{close:()=>"Close"}},dismissibleBox:{ariaLabels:{close:()=>"Close"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errors",n=a(r)?"warning":"warnings",i=a(e)?"is":"are",s=a(r)?"is":"are";return e&&r&&"warning"===o?["and",`${r} ${n}`]:e?[`There ${i}`,`${e} ${t}`]:r?[`There ${s}`,`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"or drag and drop your file",selectFile:()=>"Select file",fileUploadStatus:()=>"File upload status",actions:{cancel:()=>"Cancel upload",clear:()=>"Clear",delete:()=>"Delete file"}},heading:{backLinkAriaLabel:()=>"Back"},label:{optional:()=>"optional"},link:{skipLinkLabel:()=>"Skip to main content"},loader:{loading:()=>"Loading"},loaderSpinner:{loading:()=>"Loading..."},loaderStar:{loading:()=>"Loading..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Close"}},message:{closeButtonAriaLabel:()=>"Close",error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",ai:()=>"AI Information"},numeralDate:{validation:{day:(e,a)=>e&&a?`Day in ${e} should be a number within 1-${a}.`:"Day should be a number within a 1-31 range.",month:()=>"Month should be a number within a 1-12 range.",year:()=>"Year should be a number within a 1800-2200 range."},labels:{day:()=>"Day",month:()=>"Month",year:()=>"Year"}},pager:{show:()=>"Show",records:(e,r=!0)=>{const o=a(e)?"item":"items";return r?`${e} ${o}`:o},first:()=>"First",last:()=>"Last",next:()=>"Next",previous:()=>"Previous",pageX:()=>"Page",ofY:e=>`of ${e}`},password:{buttonLabelHide:()=>"Hide",buttonLabelShow:()=>"Show",ariaLabelHide:()=>"Hide password",ariaLabelShow:()=>"Show password",ariaLiveShownMessage:()=>"Your password has been shown. Focus on the password input to have it read to you, if it is safe to do so.",ariaLiveHiddenMessage:()=>"Your password is currently hidden."},progressTracker:{of:()=>"of"},pod:{undo:()=>"Undo"},textEditor:{boldAria:()=>"Bold",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",characterCounter:e=>`${"number"==typeof e?e.toString():e} characters remaining`,characterLimit:e=>`You are ${e} character(s) over the character limit`,contentEditorAria:()=>"Rich text content editor",italicAria:()=>"Italic",orderedListAria:()=>"Ordered list",saveButton:()=>"Save",saveButtonAria:()=>"Save",toolbarAriaLabel:()=>"Formatting",unorderedListAria:()=>"Unordered list"},search:{searchButtonText:()=>"Search"},select:{actionButtonText:()=>"Add New Item",placeholder:()=>"Please Select...",noResultsForTerm:e=>`No results for "${e}"`},sidebar:{ariaLabels:{close:()=>"Close"}},sort:{accessibleName:(e,a)=>`Sort all ${e||"contents"}${a?` in an ${a} order.`:" in an ascending or descending order."}`},splitButton:{ariaLabel:()=>"Show more"},stepFlow:{stepLabel:(e,a)=>`Step ${e} of ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Step ${a} of ${r}.`,closeIconAriaLabel:()=>"Close"},switch:{on:()=>"ON",off:()=>"OFF"},tileSelect:{deselect:()=>"Deselect"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"Hrs.",minutesLabelText:()=>"Mins.",hoursAriaLabelText:()=>"Hours",minutesAriaLabelText:()=>"Minutes"},toast:{ariaLabels:{close:()=>"Close"},error:()=>"Error",info:()=>"Information",success:()=>"Success",warning:()=>"Warning",neutral:()=>"Information",notification:()=>"Notification"},verticalMenu:{ariaLabels:{responsiveMenuLauncher:()=>"Product menu",responsiveMenuCloseButton:()=>"Close product menu"}},verticalMenuFullScreen:{ariaLabels:{close:()=>"Close"}}};exports.default=r;

package/lib/locales/locale.d.ts

@@ -198,6 +198,12 @@ interface Locale {
         neutral: () => string;
         notification: () => string;
     };
+    verticalMenu: {
+        ariaLabels: {
+            responsiveMenuLauncher: () => string;
+            responsiveMenuCloseButton: () => string;
+        };
+    };
     verticalMenuFullScreen: {
         ariaLabels: {
             close: () => string;

package/package.json

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