@openedx/frontend-base 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist/shell/header/anonymous-menu/RegisterButton.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useSiteConfig, useIntl } from '../../../runtime';
+import messages from '../../Shell.messages';
+export default function RegisterButton(_a) {
+    var props = __rest(_a, []);
+    const config = useSiteConfig();
+    const intl = useIntl();
+    return (_jsx(Button, Object.assign({ size: "sm", variant: "outline-primary", href: `${config.lmsBaseUrl}/register` }, props, { children: intl.formatMessage(messages['header.user.menu.register']) })));
+}
+//# sourceMappingURL=RegisterButton.js.map

package/dist/shell/header/anonymous-menu/RegisterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterButton.js","sourceRoot":"","sources":["../../../../shell/header/anonymous-menu/RegisterButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAC/C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,MAAM,kBAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAE,GAAG,MAAM,CAAC,UAAU,WAAW,IAAM,KAAK,cACzF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,IACnD,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from '@openedx/paragon';\n\nimport { useSiteConfig, useIntl } from '../../../runtime';\nimport messages from '../../Shell.messages';\n\nexport default function RegisterButton({ ...props }) {\n  const config = useSiteConfig();\n  const intl = useIntl();\n\n  return (\n    <Button size=\"sm\" variant=\"outline-primary\" href={`${config.lmsBaseUrl}/register`} {...props}>\n      {intl.formatMessage(messages['header.user.menu.register'])}\n    </Button>\n  );\n}\n"]}

package/dist/shell/header/app.d.ts

@@ -0,0 +1,3 @@
+import { App } from '../../types';
+declare const config: App;
+export default config;

package/dist/shell/header/app.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WidgetOperationTypes } from '../../runtime';
+import Logo from '../Logo';
+import LinkMenuItem from '../menus/LinkMenuItem';
+import ProfileLinkMenuItem from '../menus/ProfileLinkMenuItem';
+import AnonymousMenu from './anonymous-menu/AnonymousMenu';
+import AuthenticatedMenu from './AuthenticatedMenu';
+import DesktopLayout from './desktop/DesktopLayout';
+import PrimaryNavLinks from './desktop/PrimaryNavLinks';
+import SecondaryNavLinks from './desktop/SecondaryNavLinks';
+import MobileLayout from './mobile/MobileLayout';
+import MobileNavLinks from './mobile/MobileNavLinks';
+import messages from '../Shell.messages';
+const config = {
+    appId: 'org.openedx.frontend.app.header',
+    slots: [
+        // Layouts
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktop.v1',
+            id: 'org.openedx.frontend.widget.header.desktopLayout.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: DesktopLayout
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobile.v1',
+            id: 'org.openedx.frontend.widget.header.mobileLayout.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: MobileLayout
+        },
+        // Desktop
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',
+            id: 'org.openedx.frontend.widget.header.desktopLogo.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(Logo, {}),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',
+            id: 'org.openedx.frontend.widget.header.desktopPrimaryLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: PrimaryNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopSecondaryLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: SecondaryNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AuthenticatedMenu, {}),
+            condition: {
+                authenticated: true,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuProfile.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(ProfileLinkMenuItem, { label: messages['header.user.menu.profile'], role: "org.openedx.frontend.role.profile", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuAccount.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: messages['header.user.menu.account'], role: "org.openedx.frontend.role.account", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuLogout.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: messages['header.user.menu.logout'], role: "org.openedx.frontend.role.logout", variant: "dropdownItem" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',
+            id: 'org.openedx.frontend.widget.header.desktopAnonymousMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AnonymousMenu, {}),
+            condition: {
+                authenticated: false,
+            }
+        },
+        // Mobile
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileCenter.v1',
+            id: 'org.openedx.frontend.widget.header.mobileLogo.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(Logo, {}),
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileMenu.v1',
+            id: 'org.openedx.frontend.widget.header.mobileMenuLinks.v1',
+            op: WidgetOperationTypes.APPEND,
+            component: MobileNavLinks
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',
+            id: 'org.openedx.frontend.widget.header.mobileAuthenticatedMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AuthenticatedMenu, {}),
+            condition: {
+                authenticated: true,
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',
+            id: 'org.openedx.frontend.widget.header.mobileAnonymousMenu.v1',
+            op: WidgetOperationTypes.APPEND,
+            element: _jsx(AnonymousMenu, {}),
+            condition: {
+                authenticated: false,
+            }
+        },
+    ]
+};
+export default config;
+//# sourceMappingURL=app.js.map

package/dist/shell/header/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../shell/header/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { WidgetOperationTypes } from '../../runtime';\nimport { App } from '../../types';\nimport Logo from '../Logo';\nimport LinkMenuItem from '../menus/LinkMenuItem';\nimport ProfileLinkMenuItem from '../menus/ProfileLinkMenuItem';\nimport AnonymousMenu from './anonymous-menu/AnonymousMenu';\nimport AuthenticatedMenu from './AuthenticatedMenu';\nimport DesktopLayout from './desktop/DesktopLayout';\nimport PrimaryNavLinks from './desktop/PrimaryNavLinks';\nimport SecondaryNavLinks from './desktop/SecondaryNavLinks';\nimport MobileLayout from './mobile/MobileLayout';\nimport MobileNavLinks from './mobile/MobileNavLinks';\n\nimport messages from '../Shell.messages';\n\nconst config: App = {\n  appId: 'org.openedx.frontend.app.header',\n  slots: [\n\n    // Layouts\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktop.v1',\n      id: 'org.openedx.frontend.widget.header.desktopLayout.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: DesktopLayout\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobile.v1',\n      id: 'org.openedx.frontend.widget.header.mobileLayout.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: MobileLayout\n    },\n\n    // Desktop\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',\n      id: 'org.openedx.frontend.widget.header.desktopLogo.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <Logo />,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopLeft.v1',\n      id: 'org.openedx.frontend.widget.header.desktopPrimaryLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: PrimaryNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopSecondaryLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: SecondaryNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AuthenticatedMenu />,\n      condition: {\n        authenticated: true,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuProfile.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <ProfileLinkMenuItem\n          label={messages['header.user.menu.profile']}\n          role=\"org.openedx.frontend.role.profile\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuAccount.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem\n          label={messages['header.user.menu.account']}\n          role=\"org.openedx.frontend.role.account\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.authenticatedMenu.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAuthenticatedMenuLogout.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem\n          label={messages['header.user.menu.logout']}\n          role=\"org.openedx.frontend.role.logout\"\n          variant=\"dropdownItem\"\n        />\n      )\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.desktopRight.v1',\n      id: 'org.openedx.frontend.widget.header.desktopAnonymousMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AnonymousMenu />,\n      condition: {\n        authenticated: false,\n      }\n    },\n\n    // Mobile\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileCenter.v1',\n      id: 'org.openedx.frontend.widget.header.mobileLogo.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <Logo />,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileMenu.v1',\n      id: 'org.openedx.frontend.widget.header.mobileMenuLinks.v1',\n      op: WidgetOperationTypes.APPEND,\n      component: MobileNavLinks\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',\n      id: 'org.openedx.frontend.widget.header.mobileAuthenticatedMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AuthenticatedMenu />,\n      condition: {\n        authenticated: true,\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.mobileRight.v1',\n      id: 'org.openedx.frontend.widget.header.mobileAnonymousMenu.v1',\n      op: WidgetOperationTypes.APPEND,\n      element: <AnonymousMenu />,\n      condition: {\n        authenticated: false,\n      }\n    },\n  ]\n};\n\nexport default config;\n"]}

package/dist/shell/header/desktop/DesktopLayout.d.ts

@@ -0,0 +1 @@
+export default function DesktopLayout(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/desktop/DesktopLayout.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { useMediaQuery } from 'react-responsive';
+import { Slot } from '../../../runtime';
+export default function DesktopLayout() {
+    const isMobile = useMediaQuery({ maxWidth: 768 });
+    return (_jsxs("div", { className: classNames('align-items-center justify-content-between px-3', isMobile ? 'd-none' : 'd-flex'), children: [_jsx("div", { className: "d-flex flex-grow-1 align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.desktopLeft.v1" }) }), _jsx("div", { className: "d-flex align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.desktopRight.v1" }) })] }));
+}
+//# sourceMappingURL=DesktopLayout.js.map

package/dist/shell/header/desktop/DesktopLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopLayout.js","sourceRoot":"","sources":["../../../../shell/header/desktop/DesktopLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CACxB,iDAAiD,EACjD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC/B,aAEC,cAAK,SAAS,EAAC,uCAAuC,YACpD,KAAC,IAAI,IAAC,EAAE,EAAC,iDAAiD,GAAG,GACzD,EACN,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,GAAG,GAC1D,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport { Slot } from '../../../runtime';\n\nexport default function DesktopLayout() {\n  const isMobile = useMediaQuery({ maxWidth: 768 });\n\n  return (\n    <div className={classNames(\n      'align-items-center justify-content-between px-3',\n      isMobile ? 'd-none' : 'd-flex'\n    )}\n    >\n      <div className=\"d-flex flex-grow-1 align-items-center\">\n        <Slot id=\"org.openedx.frontend.slot.header.desktopLeft.v1\" />\n      </div>\n      <div className=\"d-flex align-items-center\">\n        <Slot id=\"org.openedx.frontend.slot.header.desktopRight.v1\" />\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/shell/header/desktop/PrimaryNavLinks.d.ts

@@ -0,0 +1 @@
+export default function PrimaryNavLinks(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/desktop/PrimaryNavLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Nav } from '@openedx/paragon';
+import { Slot } from '../../../runtime';
+export default function PrimaryNavLinks() {
+    return (_jsx(Nav, { className: "flex-nowrap align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.primaryLinks.v1" }) }));
+}
+//# sourceMappingURL=PrimaryNavLinks.js.map

package/dist/shell/header/desktop/PrimaryNavLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryNavLinks.js","sourceRoot":"","sources":["../../../../shell/header/desktop/PrimaryNavLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,gCAAgC,YAC7C,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,GAAG,GAC1D,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Nav } from '@openedx/paragon';\nimport { Slot } from '../../../runtime';\n\nexport default function PrimaryNavLinks() {\n  return (\n    <Nav className=\"flex-nowrap align-items-center\">\n      <Slot id=\"org.openedx.frontend.slot.header.primaryLinks.v1\" />\n    </Nav>\n  );\n}\n"]}

package/dist/shell/header/desktop/SecondaryNavLinks.d.ts

@@ -0,0 +1 @@
+export default function SecondaryNavLinks(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/desktop/SecondaryNavLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Nav } from '@openedx/paragon';
+import { Slot } from '../../../runtime';
+export default function SecondaryNavLinks() {
+    return (_jsx(Nav, { className: "flex-nowrap", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.secondaryLinks.v1" }) }));
+}
+//# sourceMappingURL=SecondaryNavLinks.js.map

package/dist/shell/header/desktop/SecondaryNavLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryNavLinks.js","sourceRoot":"","sources":["../../../../shell/header/desktop/SecondaryNavLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,aAAa,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAC,oDAAoD,GAAG,GAC5D,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Nav } from '@openedx/paragon';\nimport { Slot } from '../../../runtime';\n\nexport default function SecondaryNavLinks() {\n  return (\n    <Nav className=\"flex-nowrap\">\n      <Slot id=\"org.openedx.frontend.slot.header.secondaryLinks.v1\" />\n    </Nav>\n  );\n}\n"]}

package/dist/shell/header/index.js

@@ -0,0 +1,3 @@
+export { default as headerApp } from './app';
+export { default as Header } from './Header';
+//# sourceMappingURL=index.js.map

package/dist/shell/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../shell/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as headerApp } from './app';\nexport { default as Header } from './Header';\n"]}

package/dist/shell/header/mobile/MobileLayout.d.ts

@@ -0,0 +1 @@
+export default function MobileLayout(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/mobile/MobileLayout.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Nav } from '@openedx/paragon';
+import { MenuIcon } from '@openedx/paragon/icons';
+import classNames from 'classnames';
+import { useCallback, useState } from 'react';
+import { FocusOn } from 'react-focus-on';
+import { useMediaQuery } from 'react-responsive';
+import { Slot } from '../../../runtime';
+export default function MobileLayout() {
+    const isMobile = useMediaQuery({ maxWidth: 768 });
+    const [mobileOpen, setMobileOpen] = useState(false);
+    const handleMobileButtonClick = useCallback(() => {
+        setMobileOpen((value) => !value);
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames('align-items-center justify-content-between pr-3 booyah', isMobile ? 'd-flex' : 'd-none'), children: [_jsxs("div", { className: "d-flex flex-grow-1 flex-basis-0 justify-content-start align-items-center", children: [_jsx(Button, { onClick: handleMobileButtonClick, variant: "outline", children: _jsx(MenuIcon, {}) }), _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobileLeft.v1" })] }), _jsx("div", { className: "d-flex flex-grow-1 flex-basis-0 justify-content-center align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobileCenter.v1" }) }), _jsx("div", { className: "d-flex flex-grow-1 flex-basis-0 justify-content-end align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobileRight.v1" }) })] }), mobileOpen && (_jsx(FocusOn, { onClickOutside: () => setMobileOpen(false), onEscapeKey: () => setMobileOpen(false), children: _jsx(Nav, { className: "flex-column", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobileMenuLinks.v1" }) }) }))] }));
+}
+//# sourceMappingURL=MobileLayout.js.map

package/dist/shell/header/mobile/MobileLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileLayout.js","sourceRoot":"","sources":["../../../../shell/header/mobile/MobileLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,MAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7D,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BACE,eACE,SAAS,EAAE,UAAU,CACnB,wDAAwD,EACxD,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC/B,aAED,eAAK,SAAS,EAAC,0EAA0E,aACvF,KAAC,MAAM,IAAC,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAC,SAAS,YACzD,KAAC,QAAQ,KAAG,GACL,EACT,KAAC,IAAI,IAAC,EAAE,EAAC,gDAAgD,GAAG,IACxD,EACN,cAAK,SAAS,EAAC,2EAA2E,YACxF,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,GAAG,GAC1D,EACN,cAAK,SAAS,EAAC,wEAAwE,YACrF,KAAC,IAAI,IAAC,EAAE,EAAC,iDAAiD,GAAG,GACzD,IACF,EACL,UAAU,IAAI,CACb,KAAC,OAAO,IAAC,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAC1F,KAAC,GAAG,IAAC,SAAS,EAAC,aAAa,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAC,qDAAqD,GAAG,GAC7D,GACE,CACX,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { Button, Nav } from '@openedx/paragon';\nimport { MenuIcon } from '@openedx/paragon/icons';\nimport classNames from 'classnames';\nimport { useCallback, useState } from 'react';\nimport { FocusOn } from 'react-focus-on';\nimport { useMediaQuery } from 'react-responsive';\nimport { Slot } from '../../../runtime';\n\nexport default function MobileLayout() {\n  const isMobile = useMediaQuery({ maxWidth: 768 });\n  const [mobileOpen, setMobileOpen] = useState<boolean>(false);\n\n  const handleMobileButtonClick = useCallback(() => {\n    setMobileOpen((value) => !value);\n  }, []);\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'align-items-center justify-content-between pr-3 booyah',\n          isMobile ? 'd-flex' : 'd-none',\n        )}\n      >\n        <div className=\"d-flex flex-grow-1 flex-basis-0 justify-content-start align-items-center\">\n          <Button onClick={handleMobileButtonClick} variant=\"outline\">\n            <MenuIcon />\n          </Button>\n          <Slot id=\"org.openedx.frontend.slot.header.mobileLeft.v1\" />\n        </div>\n        <div className=\"d-flex flex-grow-1 flex-basis-0 justify-content-center align-items-center\">\n          <Slot id=\"org.openedx.frontend.slot.header.mobileCenter.v1\" />\n        </div>\n        <div className=\"d-flex flex-grow-1 flex-basis-0 justify-content-end align-items-center\">\n          <Slot id=\"org.openedx.frontend.slot.header.mobileRight.v1\" />\n        </div>\n      </div>\n      {mobileOpen && (\n        <FocusOn onClickOutside={() => setMobileOpen(false)} onEscapeKey={() => setMobileOpen(false)}>\n          <Nav className=\"flex-column\">\n            <Slot id=\"org.openedx.frontend.slot.header.mobileMenuLinks.v1\" />\n          </Nav>\n        </FocusOn>\n      )}\n    </>\n  );\n}\n"]}

package/dist/shell/header/mobile/MobileNavLinks.d.ts

@@ -0,0 +1 @@
+export default function MobileNavLinks(): import("react/jsx-runtime").JSX.Element;

package/dist/shell/header/mobile/MobileNavLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Nav } from '@openedx/paragon';
+import { Slot } from '../../../runtime';
+export default function MobileNavLinks() {
+    return (_jsx(Nav, { className: "flex-column", children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.mobileMenuLinks.v1" }) }));
+}
+//# sourceMappingURL=MobileNavLinks.js.map

package/dist/shell/header/mobile/MobileNavLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavLinks.js","sourceRoot":"","sources":["../../../../shell/header/mobile/MobileNavLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAC,aAAa,YAC1B,KAAC,IAAI,IAAC,EAAE,EAAC,qDAAqD,GAAG,GAC7D,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Nav } from '@openedx/paragon';\nimport { Slot } from '../../../runtime';\n\nexport default function MobileNavLinks() {\n  return (\n    <Nav className=\"flex-column\">\n      <Slot id=\"org.openedx.frontend.slot.header.mobileMenuLinks.v1\" />\n    </Nav>\n  );\n}\n"]}

package/dist/shell/i18n/index.d.ts

@@ -0,0 +1,25 @@
+declare const _default: {
+    ar: {};
+    'zh-hk': {};
+    'zh-cn': {};
+    uk: {};
+    'tr-tr': {};
+    th: {};
+    te: {};
+    ru: {};
+    'pt-pt': {};
+    'pt-br': {};
+    'it-it': {};
+    id: {};
+    hi: {};
+    he: {};
+    'fr-ca': {};
+    fa: {};
+    'es-es': {};
+    'es-419': {};
+    el: {};
+    'de-de': {};
+    da: {};
+    bo: {};
+};
+export default _default;

package/dist/shell/i18n/index.js

@@ -0,0 +1,26 @@
+// Placeholder be overridden by `make pull_translations`
+export default {
+    ar: {},
+    'zh-hk': {},
+    'zh-cn': {},
+    uk: {},
+    'tr-tr': {},
+    th: {},
+    te: {},
+    ru: {},
+    'pt-pt': {},
+    'pt-br': {},
+    'it-it': {},
+    id: {},
+    hi: {},
+    he: {},
+    'fr-ca': {},
+    fa: {},
+    'es-es': {},
+    'es-419': {},
+    el: {},
+    'de-de': {},
+    da: {},
+    bo: {},
+};
+//# sourceMappingURL=index.js.map

package/dist/shell/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../shell/i18n/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,eAAe;IACb,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;IACZ,EAAE,EAAE,EAAE;IACN,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC","sourcesContent":["// Placeholder be overridden by `make pull_translations`\nexport default {\n  ar: {},\n  'zh-hk': {},\n  'zh-cn': {},\n  uk: {},\n  'tr-tr': {},\n  th: {},\n  te: {},\n  ru: {},\n  'pt-pt': {},\n  'pt-br': {},\n  'it-it': {},\n  id: {},\n  hi: {},\n  he: {},\n  'fr-ca': {},\n  fa: {},\n  'es-es': {},\n  'es-419': {},\n  el: {},\n  'de-de': {},\n  da: {},\n  bo: {},\n};\n"]}

package/dist/shell/index.js

@@ -0,0 +1,8 @@
+export { default as DefaultLayout } from './DefaultLayout';
+export { default as DefaultMain } from './DefaultMain';
+export { default as shellApp } from './app';
+export { Footer, footerApp } from './footer';
+export { Header, headerApp } from './header';
+export { default as LinkMenuItem } from './menus/LinkMenuItem';
+export { default as NavDropdownMenuSlot } from './menus/NavDropdownMenuSlot';
+//# sourceMappingURL=index.js.map

package/dist/shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { default as DefaultLayout } from './DefaultLayout';\nexport { default as DefaultMain } from './DefaultMain';\nexport { default as shellApp } from './app';\nexport { Footer, footerApp } from './footer';\nexport { Header, headerApp } from './header';\nexport { default as LinkMenuItem } from './menus/LinkMenuItem';\nexport { default as NavDropdownMenuSlot } from './menus/NavDropdownMenuSlot';\n"]}

package/dist/shell/jest.config.d.ts

@@ -0,0 +1,15 @@
+export let setupFilesAfterEnv: string[];
+export let moduleNameMapper: {
+    '\\.svg$': string;
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': string;
+    '\\.(css|scss)$': string;
+    'site.config': string;
+};
+export let testEnvironment: string;
+export namespace testEnvironmentOptions {
+    let url: string;
+}
+export let collectCoverageFrom: string[];
+export let coveragePathIgnorePatterns: string[];
+export let transformIgnorePatterns: string[];
+export let testPathIgnorePatterns: string[];

package/{config/jest → dist/shell}/jest.config.js

@@ -1,31 +1,32 @@
 "use strict";
-const path = require('path');
 module.exports = {
+    setupFilesAfterEnv: [
+        './setupTest.js',
+    ],
+    moduleNameMapper: {
+        '\\.svg$': '<rootDir>/__mocks__/svg.js',
+        '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/__mocks__/file.js',
+        '\\.(css|scss)$': require.resolve('identity-obj-proxy'),
+        'site.config': '<rootDir>/site.config.test.tsx',
+    },
     testEnvironment: 'jsdom',
     testEnvironmentOptions: {
         url: 'http://localhost/',
     },
-    rootDir: process.cwd(),
-    moduleNameMapper: {
-        '\\.(css|scss)$': require.resolve('identity-obj-proxy'),
-        'site.config': path.resolve(process.cwd(), './site.config.test.tsx'),
-        '^@src/(.*)$': '<rootDir>/src/$1',
-    },
     collectCoverageFrom: [
-        'src/**/*.{js,jsx,ts,tsx}',
+        '<rootDir>/**/*.{js,jsx,ts,tsx}',
     ],
     coveragePathIgnorePatterns: [
         '/node_modules/',
+        'setupTest.js',
     ],
     transformIgnorePatterns: [
         '/node_modules/(?!(@openedx|@edx)/)',
     ],
-    modulePathIgnorePatterns: [
-        '/dist/',
-    ],
     testPathIgnorePatterns: [
         '/site.config.test.tsx',
         '/node_modules/',
         '/dist/',
     ],
 };
+//# sourceMappingURL=jest.config.js.map

package/dist/shell/jest.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.config.js","sourceRoot":"","sources":["../../shell/jest.config.js"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,GAAG;IACf,kBAAkB,EAAE;QAClB,gBAAgB;KACjB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,4BAA4B;QACvC,iFAAiF,EAAE,6BAA6B;QAChH,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC;QACvD,aAAa,EAAE,gCAAgC;KAChD;IACD,eAAe,EAAE,OAAO;IACxB,sBAAsB,EAAE;QACtB,GAAG,EAAE,mBAAmB;KACzB;IACD,mBAAmB,EAAE;QACnB,gCAAgC;KACjC;IACD,0BAA0B,EAAE;QAC1B,gBAAgB;QAChB,cAAc;KACf;IACD,uBAAuB,EAAE;QACvB,oCAAoC;KACrC;IACD,sBAAsB,EAAE;QACtB,uBAAuB;QACvB,gBAAgB;QAChB,QAAQ;KACT;CACF,CAAC","sourcesContent":["module.exports = {\n  setupFilesAfterEnv: [\n    './setupTest.js',\n  ],\n  moduleNameMapper: {\n    '\\\\.svg$': '<rootDir>/__mocks__/svg.js',\n    '\\\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': '<rootDir>/__mocks__/file.js',\n    '\\\\.(css|scss)$': require.resolve('identity-obj-proxy'),\n    'site.config': '<rootDir>/site.config.test.tsx',\n  },\n  testEnvironment: 'jsdom',\n  testEnvironmentOptions: {\n    url: 'http://localhost/',\n  },\n  collectCoverageFrom: [\n    '<rootDir>/**/*.{js,jsx,ts,tsx}',\n  ],\n  coveragePathIgnorePatterns: [\n    '/node_modules/',\n    'setupTest.js',\n  ],\n  transformIgnorePatterns: [\n    '/node_modules/(?!(@openedx|@edx)/)',\n  ],\n  testPathIgnorePatterns: [\n    '/site.config.test.tsx',\n    '/node_modules/',\n    '/dist/',\n  ],\n};\n"]}

package/dist/shell/menus/LinkMenuItem.d.ts

@@ -0,0 +1,9 @@
+import { MenuItemName } from '../../types';
+interface LinkMenuItemProps {
+    label: MenuItemName;
+    role?: string;
+    url?: string;
+    variant?: 'hyperlink' | 'navLink' | 'navDropdownItem' | 'dropdownItem';
+}
+export default function LinkMenuItem({ label, role, url, variant }: LinkMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shell/menus/LinkMenuItem.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown, Hyperlink, NavDropdown, NavLink } from '@openedx/paragon';
+import { useIntl } from 'react-intl';
+import { getUrlByRouteRole } from '../../runtime/routing';
+import { getItemLabel } from './data/utils';
+export default function LinkMenuItem({ label, role, url, variant = 'hyperlink' }) {
+    const intl = useIntl();
+    const finalLabel = getItemLabel(label, intl);
+    let finalUrl;
+    if (role !== undefined) {
+        finalUrl = getUrlByRouteRole(role);
+    }
+    else if (url !== undefined) {
+        finalUrl = url;
+    }
+    // The URL will only be null if the item is an "app" menu item, and if the app is not loaded.
+    // We automatically hide the link if this is the case.
+    if (!finalUrl) {
+        return null;
+    }
+    if (variant === 'hyperlink') {
+        return (_jsx(Hyperlink, { destination: finalUrl, children: finalLabel }));
+    }
+    else if (variant === 'navLink') {
+        return (_jsx(NavLink, { href: finalUrl, children: finalLabel }));
+    }
+    else if (variant === 'navDropdownItem') {
+        return (_jsx(NavDropdown.Item, { href: finalUrl, children: finalLabel }));
+    }
+    else if (variant === 'dropdownItem') {
+        return (_jsx(Dropdown.Item, { href: finalUrl, children: finalLabel }));
+    }
+    // Just return null if the item is something we haven't accounted for above.
+    return null;
+}
+//# sourceMappingURL=LinkMenuItem.js.map

package/dist/shell/menus/LinkMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkMenuItem.js","sourceRoot":"","sources":["../../../shell/menus/LinkMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,EACL,YAAY,EACb,MAAM,cAAc,CAAC;AAStB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,GAAG,WAAW,EAAqB;IACjG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAE7C,IAAI,QAAmC,CAAC;IACxC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;SAAM,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QAC7B,QAAQ,GAAG,GAAG,CAAC;IACjB,CAAC;IAED,6FAA6F;IAC7F,sDAAsD;IACtD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,KAAK,WAAW,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,QAAQ,YAC7B,UAAU,GACD,CACb,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,OAAO,IAAC,IAAI,EAAE,QAAQ,YACpB,UAAU,GACH,CACX,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,KAAK,iBAAiB,EAAE,CAAC;QACzC,OAAO,CACL,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,YAC7B,UAAU,GACM,CACpB,CAAC;IACJ,CAAC;SAAM,IAAI,OAAO,KAAK,cAAc,EAAE,CAAC;QACtC,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,YAC1B,UAAU,GACG,CACjB,CAAC;IACJ,CAAC;IAED,4EAA4E;IAC5E,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { Dropdown, Hyperlink, NavDropdown, NavLink } from '@openedx/paragon';\nimport { useIntl } from 'react-intl';\n\nimport { getUrlByRouteRole } from '../../runtime/routing';\nimport {\n  MenuItemName\n} from '../../types';\nimport {\n  getItemLabel\n} from './data/utils';\n\ninterface LinkMenuItemProps {\n  label: MenuItemName,\n  role?: string,\n  url?: string,\n  variant?: 'hyperlink' | 'navLink' | 'navDropdownItem' | 'dropdownItem',\n}\n\nexport default function LinkMenuItem({ label, role, url, variant = 'hyperlink' }: LinkMenuItemProps) {\n  const intl = useIntl();\n  const finalLabel = getItemLabel(label, intl);\n\n  let finalUrl: string | null | undefined;\n  if (role !== undefined) {\n    finalUrl = getUrlByRouteRole(role);\n  } else if (url !== undefined) {\n    finalUrl = url;\n  }\n\n  // The URL will only be null if the item is an \"app\" menu item, and if the app is not loaded.\n  // We automatically hide the link if this is the case.\n  if (!finalUrl) {\n    return null;\n  }\n\n  if (variant === 'hyperlink') {\n    return (\n      <Hyperlink destination={finalUrl}>\n        {finalLabel}\n      </Hyperlink>\n    );\n  } else if (variant === 'navLink') {\n    return (\n      <NavLink href={finalUrl}>\n        {finalLabel}\n      </NavLink>\n    );\n  } else if (variant === 'navDropdownItem') {\n    return (\n      <NavDropdown.Item href={finalUrl}>\n        {finalLabel}\n      </NavDropdown.Item>\n    );\n  } else if (variant === 'dropdownItem') {\n    return (\n      <Dropdown.Item href={finalUrl}>\n        {finalLabel}\n      </Dropdown.Item>\n    );\n  }\n\n  // Just return null if the item is something we haven't accounted for above.\n  return null;\n}\n"]}

package/dist/shell/menus/NavDropdownMenuSlot.d.ts

@@ -0,0 +1,7 @@
+import { MenuItemName } from '../../types';
+interface DropdownMenuSlotProps {
+    id: string;
+    label: MenuItemName;
+}
+export default function DropdownMenuSlot({ id, label }: DropdownMenuSlotProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/menus/NavDropdownMenuSlot.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavDropdown } from '@openedx/paragon';
+import { useIntl } from 'react-intl';
+import { useLayoutOptionsForId, useWidgetsForId } from '../../runtime';
+import { getItemLabel } from './data/utils';
+export default function DropdownMenuSlot({ id, label }) {
+    var _a;
+    const intl = useIntl();
+    const options = useLayoutOptionsForId(id);
+    const widgets = useWidgetsForId(id);
+    const finalLabel = getItemLabel((_a = options.label) !== null && _a !== void 0 ? _a : label, intl);
+    return (_jsx(NavDropdown, { title: finalLabel, id: `${id}-dropdown`, children: widgets }, id));
+}
+//# sourceMappingURL=NavDropdownMenuSlot.js.map

package/dist/shell/menus/NavDropdownMenuSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavDropdownMenuSlot.js","sourceRoot":"","sources":["../../../shell/menus/NavDropdownMenuSlot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIvE,OAAO,EACL,YAAY,EACb,MAAM,cAAc,CAAC;AAOtB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAyB;;IAC3E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,qBAAqB,CAAC,EAAE,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,YAAY,CAAC,MAAA,OAAO,CAAC,KAAK,mCAAI,KAAK,EAAE,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,WAAW,IAAU,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,WAAW,YAC1D,OAAO,IADQ,EAAE,CAEN,CACf,CAAC;AACJ,CAAC","sourcesContent":["import { NavDropdown } from '@openedx/paragon';\nimport { useIntl } from 'react-intl';\n\nimport { useLayoutOptionsForId, useWidgetsForId } from '../../runtime';\nimport {\n  MenuItemName\n} from '../../types';\nimport {\n  getItemLabel\n} from './data/utils';\n\ninterface DropdownMenuSlotProps {\n  id: string,\n  label: MenuItemName,\n}\n\nexport default function DropdownMenuSlot({ id, label }: DropdownMenuSlotProps) {\n  const intl = useIntl();\n  const options = useLayoutOptionsForId(id);\n  const widgets = useWidgetsForId(id);\n\n  const finalLabel = getItemLabel(options.label ?? label, intl);\n\n  return (\n    <NavDropdown key={id} title={finalLabel} id={`${id}-dropdown`}>\n      {widgets}\n    </NavDropdown>\n  );\n}\n"]}

package/dist/shell/menus/ProfileLinkMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { MenuItemName } from '../../types';
+interface ProfileLinkMenuItemProps {
+    label: MenuItemName;
+    role: string;
+    variant?: 'hyperlink' | 'navLink' | 'navDropdownItem' | 'dropdownItem';
+}
+export default function ProfileLinkMenuItem({ label, role, variant }: ProfileLinkMenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/shell/menus/ProfileLinkMenuItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAuthenticatedUser } from '../../runtime';
+import { getUrlByRouteRole } from '../../runtime/routing';
+import LinkMenuItem from './LinkMenuItem';
+export default function ProfileLinkMenuItem({ label, role, variant = 'hyperlink' }) {
+    const authenticatedUser = useAuthenticatedUser();
+    let baseUrl = getUrlByRouteRole(role);
+    if (!baseUrl)
+        return null;
+    if (baseUrl.endsWith('/')) {
+        baseUrl = baseUrl.slice(0, -1);
+    }
+    const url = `${baseUrl}/u/${authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.username}`;
+    return (_jsx(LinkMenuItem, { label: label, url: url, variant: variant }));
+}
+//# sourceMappingURL=ProfileLinkMenuItem.js.map

package/dist/shell/menus/ProfileLinkMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileLinkMenuItem.js","sourceRoot":"","sources":["../../../shell/menus/ProfileLinkMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAQ1C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,GAAG,WAAW,EAA4B;IAC1G,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,IAAI,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO;QACV,OAAO,IAAI,CAAC;IAEd,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,GAAG,GAAG,GAAG,OAAO,MAAM,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,EAAE,CAAC;IAE1D,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useAuthenticatedUser } from '../../runtime';\nimport { getUrlByRouteRole } from '../../runtime/routing';\nimport { MenuItemName } from '../../types';\n\nimport LinkMenuItem from './LinkMenuItem';\n\ninterface ProfileLinkMenuItemProps {\n  label: MenuItemName,\n  role: string,\n  variant?: 'hyperlink' | 'navLink' | 'navDropdownItem' | 'dropdownItem',\n}\n\nexport default function ProfileLinkMenuItem({ label, role, variant = 'hyperlink' }: ProfileLinkMenuItemProps) {\n  const authenticatedUser = useAuthenticatedUser();\n  let baseUrl = getUrlByRouteRole(role);\n\n  if (!baseUrl)\n    return null;\n\n  if (baseUrl.endsWith('/')) {\n    baseUrl = baseUrl.slice(0, -1);\n  }\n\n  const url = `${baseUrl}/u/${authenticatedUser?.username}`;\n\n  return (\n    <LinkMenuItem\n      label={label}\n      url={url}\n      variant={variant}\n    />\n  );\n}\n"]}

package/dist/shell/menus/data/utils.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { IntlShape } from 'react-intl';
+import { MenuItemName } from '../../../types';
+export declare function getItemLabel(label: MenuItemName, intl: IntlShape): ReactNode;

package/dist/shell/menus/data/utils.js

@@ -0,0 +1,13 @@
+import { isValidElement } from 'react';
+// A name can be a string or a react-intl MessageDescriptor.
+export function getItemLabel(label, intl) {
+    if (typeof label === 'string') {
+        return label;
+    }
+    if (isValidElement(label)) {
+        return label;
+    }
+    // If it's not a valid element, it's a MessageDescriptor.
+    return intl.formatMessage(label);
+}
+//# sourceMappingURL=utils.js.map

package/dist/shell/menus/data/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../shell/menus/data/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAMlD,4DAA4D;AAC5D,MAAM,UAAU,YAAY,CAAC,KAAmB,EAAE,IAAe;IAC/D,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,yDAAyD;IACzD,OAAO,IAAI,CAAC,aAAa,CAAC,KAA0B,CAAC,CAAC;AACxD,CAAC","sourcesContent":["import { isValidElement, ReactNode } from 'react';\nimport { IntlShape, MessageDescriptor } from 'react-intl';\n\nimport {\n  MenuItemName\n} from '../../../types';\n// A name can be a string or a react-intl MessageDescriptor.\nexport function getItemLabel(label: MenuItemName, intl: IntlShape): ReactNode {\n  if (typeof label === 'string') {\n    return label;\n  }\n\n  if (isValidElement(label)) {\n    return label;\n  }\n\n  // If it's not a valid element, it's a MessageDescriptor.\n  return intl.formatMessage(label as MessageDescriptor);\n}\n"]}

package/dist/shell/router/createRouter.d.ts

@@ -0,0 +1 @@
+export default function createRouter(): import("@remix-run/router").Router;

package/{shell/router/createRouter.ts → dist/shell/router/createRouter.js}

@@ -1,17 +1,15 @@
 import { createBrowserRouter } from 'react-router-dom';
-
 import { getBasename } from '../../runtime/initialize';
 import Shell from '../Shell';
-
 import getAppRoutes from './getAppRoutes';
-
 export default function createRouter() {
-  return createBrowserRouter([
-    {
-      Component: Shell,
-      children: getAppRoutes(),
-    }
-  ], {
-    basename: getBasename(),
-  });
+    return createBrowserRouter([
+        {
+            Component: Shell,
+            children: getAppRoutes(),
+        }
+    ], {
+        basename: getBasename(),
+    });
 }
+//# sourceMappingURL=createRouter.js.map

package/dist/shell/router/createRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRouter.js","sourceRoot":"","sources":["../../../shell/router/createRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,mBAAmB,CAAC;QACzB;YACE,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,YAAY,EAAE;SACzB;KACF,EAAE;QACD,QAAQ,EAAE,WAAW,EAAE;KACxB,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { createBrowserRouter } from 'react-router-dom';\n\nimport { getBasename } from '../../runtime/initialize';\nimport Shell from '../Shell';\n\nimport getAppRoutes from './getAppRoutes';\n\nexport default function createRouter() {\n  return createBrowserRouter([\n    {\n      Component: Shell,\n      children: getAppRoutes(),\n    }\n  ], {\n    basename: getBasename(),\n  });\n}\n"]}

package/dist/shell/router/getAppRoutes.d.ts

@@ -0,0 +1,2 @@
+import { RouteObject } from 'react-router';
+export default function getAppRoutes(): RouteObject[];