carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.26 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js"),l=require("../../portal/portal.js"),o=require("../../../__internal__/focus-trap/focus-trap.component.js"),a=require("../../icon-button/icon-button.component.js"),i=require("../../icon/icon.component.js"),s=require("../../box/box.component.js"),c=require("../vertical-menu.style.js"),u=require("../__internal__/vertical-menu.context.js"),p=require("../../../__internal__/dom/globals.js"),d=require("../../../__internal__/utils/helpers/events/events.js"),f=require("../../../hooks/__internal__/useModalManager/useModalManager.js"),b=require("../../../hooks/useMediaQuery/useMediaQuery.js");function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function y(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){j(e,r,t[r])}))}return e}const O=j=>{var{"aria-label":O,"aria-labelledby":_,children:x,isOpen:m,onClose:v}=j,g=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(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)&&(l[t]=e[t])}return l}(j,["aria-label","aria-labelledby","children","isOpen","onClose"]);const h=n.default(),P=r.useRef(null),q=!b.default("screen and (prefers-reduced-motion: no-preference)"),M=r.useCallback((e=>{d.default.isEscKey(e)&&v(e)}),[v]),S=p.getDocument();return f.default({open:m,closeModal:M,modalRef:P,topModalOverride:!0,focusCallToActionElement:null==S?void 0:S.activeElement}),e.jsx(l.Portal,{children:e.jsx(o.default,{isOpen:m,wrapperRef:P,children:e.jsxs(c.StyledVerticalMenuFullScreen,(w=y({ref:P,isOpen:m,prefersReducedMotion:q,scrollVariant:"light",as:"nav","aria-label":O,"aria-labelledby":_},t.default("vertical-menu-full-screen",g)),k={children:[e.jsx(s.Box,{display:"flex",justifyContent:"flex-end",height:"60px",alignItems:"flex-start",px:"20px",pt:"20px",boxSizing:"border-box",children:e.jsx(a.default,{"aria-label":h.verticalMenuFullScreen.ariaLabels.close(),onClick:v,"data-element":"close",children:e.jsx(i.default,{type:"close",color:"var(--colorsComponentsLeftnavWinterStandardContent)"})})}),e.jsx(u.VerticalMenuProvider,{value:{isFullScreen:!0},children:e.jsx(c.StyledList,{children:x})})]},k=null!=k?k:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(k)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(k)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(k,e))})),w))})});var w,k};exports.VerticalMenuFullScreen=O,exports.default=O;