@openedx/frontend-base 1.0.0-alpha.9 → 1.0.0

package/dist/shell/header/course-bar/utils.js

@@ -0,0 +1,54 @@
+import { matchPath } from 'react-router-dom';
+import { getActiveRoles, getProvidesAsStrings, getUrlByRouteRole } from '../../../runtime';
+import { providesCourseBarMasqueradeRolesId, providesCourseBarRolesId } from '../constants';
+/*
+ * Collects route role strings from all apps that opted into the course bar.
+ * Each app declares its roles as a string array:
+ *
+ *   provides: {
+ *     [providesCourseBarRolesId]: ['org.openedx.frontend.role.learning'],
+ *   }
+ */
+function getCourseBarRoles() {
+    return getProvidesAsStrings(providesCourseBarRolesId);
+}
+/*
+ * Course-bar roles that additionally enable the masquerade widget.  Apps opt
+ * in to the masquerade slot per-role on top of their course-bar declaration:
+ *
+ *   provides: {
+ *     [providesCourseBarRolesId]: ['org.openedx.frontend.role.learning'],
+ *     [providesCourseBarMasqueradeRolesId]: ['org.openedx.frontend.role.learning'],
+ *   }
+ *
+ * A role only present in the masquerade list (without a matching course-bar
+ * declaration) is ignored — masquerade is a refinement of the course bar,
+ * not an independent feature.
+ */
+function getCourseBarMasqueradeRoles() {
+    const courseBarRoles = new Set(getCourseBarRoles());
+    return getProvidesAsStrings(providesCourseBarMasqueradeRolesId)
+        .filter(role => courseBarRoles.has(role));
+}
+export function isCourseBarRoute() {
+    const activeRoles = getActiveRoles();
+    return getCourseBarRoles().some(role => activeRoles.includes(role));
+}
+export function isCourseBarMasqueradeRoute() {
+    const activeRoles = getActiveRoles();
+    return getCourseBarMasqueradeRoles().some(role => activeRoles.includes(role));
+}
+/*
+ * Whether `pathname` is served by an in-app route (a registered route role
+ * with a relative URL).  Drives the choice between react-router navigation
+ * and a hard `window.location.assign` when the course bar redirects.
+ */
+export function isClientRoute(pathname) {
+    return getCourseBarRoles().some(role => {
+        const routePath = getUrlByRouteRole(role);
+        return routePath !== null
+            && routePath.startsWith('/')
+            && matchPath({ path: routePath, end: false }, pathname) !== null;
+    });
+}
+//# sourceMappingURL=utils.js.map

package/dist/shell/header/course-bar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../shell/header/course-bar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,kCAAkC,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE5F;;;;;;;GAOG;AACH,SAAS,iBAAiB;IACxB,OAAO,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;AACxD,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,SAAS,2BAA2B;IAClC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACpD,OAAO,oBAAoB,CAAC,kCAAkC,CAAC;SAC5D,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,iBAAiB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,0BAA0B;IACxC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,2BAA2B,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAChF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,QAAgB;IAC5C,OAAO,iBAAiB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACrC,MAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,OAAO,SAAS,KAAK,IAAI;eACpB,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC;eACzB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { matchPath } from 'react-router-dom';\nimport { getActiveRoles, getProvidesAsStrings, getUrlByRouteRole } from '../../../runtime';\nimport { providesCourseBarMasqueradeRolesId, providesCourseBarRolesId } from '../constants';\n\n/*\n * Collects route role strings from all apps that opted into the course bar.\n * Each app declares its roles as a string array:\n *\n *   provides: {\n *     [providesCourseBarRolesId]: ['org.openedx.frontend.role.learning'],\n *   }\n */\nfunction getCourseBarRoles(): string[] {\n  return getProvidesAsStrings(providesCourseBarRolesId);\n}\n\n/*\n * Course-bar roles that additionally enable the masquerade widget.  Apps opt\n * in to the masquerade slot per-role on top of their course-bar declaration:\n *\n *   provides: {\n *     [providesCourseBarRolesId]: ['org.openedx.frontend.role.learning'],\n *     [providesCourseBarMasqueradeRolesId]: ['org.openedx.frontend.role.learning'],\n *   }\n *\n * A role only present in the masquerade list (without a matching course-bar\n * declaration) is ignored — masquerade is a refinement of the course bar,\n * not an independent feature.\n */\nfunction getCourseBarMasqueradeRoles(): string[] {\n  const courseBarRoles = new Set(getCourseBarRoles());\n  return getProvidesAsStrings(providesCourseBarMasqueradeRolesId)\n    .filter(role => courseBarRoles.has(role));\n}\n\nexport function isCourseBarRoute(): boolean {\n  const activeRoles = getActiveRoles();\n  return getCourseBarRoles().some(role => activeRoles.includes(role));\n}\n\nexport function isCourseBarMasqueradeRoute(): boolean {\n  const activeRoles = getActiveRoles();\n  return getCourseBarMasqueradeRoles().some(role => activeRoles.includes(role));\n}\n\n/*\n * Whether `pathname` is served by an in-app route (a registered route role\n * with a relative URL).  Drives the choice between react-router navigation\n * and a hard `window.location.assign` when the course bar redirects.\n */\nexport function isClientRoute(pathname: string): boolean {\n  return getCourseBarRoles().some(role => {\n    const routePath = getUrlByRouteRole(role);\n    return routePath !== null\n      && routePath.startsWith('/')\n      && matchPath({ path: routePath, end: false }, pathname) !== null;\n  });\n}\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,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container } from '@openedx/paragon';
+import classNames from 'classnames';
+import { useMediaQuery } from 'react-responsive';
+import { Slot } from '../../../runtime';
+export default function DesktopLayout() {
+    const isMobile = useMediaQuery({ maxWidth: 768 });
+    return (_jsxs(Container, { fluid: true, size: "xl", className: classNames('align-items-center justify-content-between', 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,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,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,MAAC,SAAS,IACR,KAAK,QACL,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,UAAU,CACnB,4CAA4C,EAC5C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAC/B,aAED,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,IACI,CACb,CAAC;AACJ,CAAC","sourcesContent":["import { Container } from '@openedx/paragon';\nimport 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    <Container\n      fluid\n      size=\"xl\"\n      className={classNames(\n        'align-items-center justify-content-between',\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    </Container>\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 ml-3", 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,qCAAqC,YAClD,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 ml-3\">\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 secondary-nav-links", 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,iCAAiC,YAC9C,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 secondary-nav-links\">\n      <Slot id=\"org.openedx.frontend.slot.header.secondaryLinks.v1\" />\n    </Nav>\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import { WidgetAppendOperation } from '../../runtime';
+export declare const helpWidgetId = "org.openedx.frontend.widget.header.help.v1";
+export declare function helpButtonSlotOperation({ appId, role }: {
+    appId: string;
+    role: string;
+}): WidgetAppendOperation;

package/dist/shell/header/helpButtonSlotOperation.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getAppConfig, WidgetOperationTypes } from '../../runtime';
+import HelpButton from './HelpButton';
+export const helpWidgetId = 'org.openedx.frontend.widget.header.help.v1';
+export function helpButtonSlotOperation({ appId, role }) {
+    return {
+        slotId: 'org.openedx.frontend.slot.header.secondaryLinks.v1',
+        id: helpWidgetId,
+        op: WidgetOperationTypes.APPEND,
+        element: (_jsx(HelpButton, { getUrl: () => getAppConfig(appId).SUPPORT_URL })),
+        condition: { active: [role] },
+    };
+}
+//# sourceMappingURL=helpButtonSlotOperation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpButtonSlotOperation.js","sourceRoot":"","sources":["../../../shell/header/helpButtonSlotOperation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAyB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,4CAA4C,CAAC;AAEzE,MAAM,UAAU,uBAAuB,CACrC,EAAE,KAAK,EAAE,IAAI,EAAmC;IAEhD,OAAO;QACL,MAAM,EAAE,oDAAoD;QAC5D,EAAE,EAAE,YAAY;QAChB,EAAE,EAAE,oBAAoB,CAAC,MAAM;QAC/B,OAAO,EAAE,CACP,KAAC,UAAU,IACT,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,WAAiC,GACnE,CACH;QACD,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;KAC9B,CAAC;AACJ,CAAC","sourcesContent":["import { getAppConfig, WidgetAppendOperation, WidgetOperationTypes } from '../../runtime';\nimport HelpButton from './HelpButton';\n\nexport const helpWidgetId = 'org.openedx.frontend.widget.header.help.v1';\n\nexport function helpButtonSlotOperation(\n  { appId, role }: { appId: string, role: string },\n): WidgetAppendOperation {\n  return {\n    slotId: 'org.openedx.frontend.slot.header.secondaryLinks.v1',\n    id: helpWidgetId,\n    op: WidgetOperationTypes.APPEND,\n    element: (\n      <HelpButton\n        getUrl={() => getAppConfig(appId).SUPPORT_URL as string | undefined}\n      />\n    ),\n    condition: { active: [role] },\n  };\n}\n"]}

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

@@ -0,0 +1,5 @@
+export { default as headerApp } from './app';
+export { providesCourseBarRolesId, providesCourseBarMasqueradeRolesId } from './constants';
+export { default as Header } from './Header';
+export { default as HelpButton } from './HelpButton';
+export { helpButtonSlotOperation, helpWidgetId } from './helpButtonSlotOperation';

package/dist/shell/header/index.js

@@ -0,0 +1,6 @@
+export { default as headerApp } from './app';
+export { providesCourseBarRolesId, providesCourseBarMasqueradeRolesId } from './constants';
+export { default as Header } from './Header';
+export { default as HelpButton } from './HelpButton';
+export { helpButtonSlotOperation, helpWidgetId } from './helpButtonSlotOperation';
+//# 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,wBAAwB,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { default as headerApp } from './app';\nexport { providesCourseBarRolesId, providesCourseBarMasqueradeRolesId } from './constants';\nexport { default as Header } from './Header';\nexport { default as HelpButton } from './HelpButton';\nexport { helpButtonSlotOperation, helpWidgetId } from './helpButtonSlotOperation';\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, Container, 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(Container, { fluid: true, size: "xl", className: classNames('align-items-center justify-content-between', 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,SAAS,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAC1D,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,MAAC,SAAS,IACR,KAAK,QACL,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,UAAU,CACnB,4CAA4C,EAC5C,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,IACI,EACX,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, Container, 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      <Container\n        fluid\n        size=\"xl\"\n        className={classNames(\n          'align-items-center justify-content-between',\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      </Container>\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/index.d.ts

@@ -0,0 +1,8 @@
+export { default as DefaultLayout } from './DefaultLayout';
+export { default as DefaultMain } from './DefaultMain';
+export { Footer, footerApp } from './footer';
+export { Header, HelpButton, headerApp, helpButtonSlotOperation, helpWidgetId, providesCourseBarRolesId, providesCourseBarMasqueradeRolesId, } from './header';
+export { homeRole, providesChromelessRolesId } from './constants';
+export { default as LinkMenuItem } from './menus/LinkMenuItem';
+export { default as NavDropdownMenuSlot } from './menus/NavDropdownMenuSlot';
+export { default as shellApp } from './app';

package/dist/shell/index.js

@@ -0,0 +1,9 @@
+export { default as DefaultLayout } from './DefaultLayout';
+export { default as DefaultMain } from './DefaultMain';
+export { Footer, footerApp } from './footer';
+export { Header, HelpButton, headerApp, helpButtonSlotOperation, helpWidgetId, providesCourseBarRolesId, providesCourseBarMasqueradeRolesId, } from './header';
+export { homeRole, providesChromelessRolesId } from './constants';
+export { default as LinkMenuItem } from './menus/LinkMenuItem';
+export { default as NavDropdownMenuSlot } from './menus/NavDropdownMenuSlot';
+export { default as shellApp } from './app';
+//# 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,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EACL,MAAM,EACN,UAAU,EACV,SAAS,EACT,uBAAuB,EACvB,YAAY,EACZ,wBAAwB,EACxB,kCAAkC,GACnC,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,QAAQ,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { default as DefaultLayout } from './DefaultLayout';\nexport { default as DefaultMain } from './DefaultMain';\nexport { Footer, footerApp } from './footer';\nexport {\n  Header,\n  HelpButton,\n  headerApp,\n  helpButtonSlotOperation,\n  helpWidgetId,\n  providesCourseBarRolesId,\n  providesCourseBarMasqueradeRolesId,\n} from './header';\nexport { homeRole, providesChromelessRolesId } from './constants';\nexport { default as LinkMenuItem } from './menus/LinkMenuItem';\nexport { default as NavDropdownMenuSlot } from './menus/NavDropdownMenuSlot';\nexport { default as shellApp } from './app';\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/dist/shell/jest.config.js

@@ -0,0 +1,32 @@
+"use strict";
+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/',
+    },
+    collectCoverageFrom: [
+        '<rootDir>/**/*.{js,jsx,ts,tsx}',
+    ],
+    coveragePathIgnorePatterns: [
+        '/node_modules/',
+        'setupTest.js',
+    ],
+    transformIgnorePatterns: [
+        '/node_modules/(?!(@openedx|@edx)/)',
+    ],
+    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/layer-order.scss

@@ -0,0 +1 @@
+@layer paragon, shell, app, site, brand;

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,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dropdown, Hyperlink, NavDropdown, NavLink } from '@openedx/paragon';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+import { getUrlByRouteRole } from '../../runtime/routing';
+import { getItemLabel } from './data/utils';
+export default function LinkMenuItem({ label, role, url, variant = 'hyperlink' }) {
+    const intl = useIntl();
+    const location = useLocation();
+    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, active: location.pathname.replace(/\/$/, '') === finalUrl.replace(/\/$/, ''), 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;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,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,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,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,EAAE,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,YAClG,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';\nimport { useLocation } from 'react-router-dom';\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 location = useLocation();\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} active={location.pathname.replace(/\\/$/, '') === finalUrl.replace(/\\/$/, '')}>\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/dist/shell/router/createRouter.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createBrowserRouter, isRouteErrorResponse, useRouteError } from 'react-router-dom';
+import { getBasename } from '../../runtime/initialize';
+import ErrorPage from '../../runtime/react/ErrorPage';
+import NotFoundPage from '../../runtime/react/NotFoundPage';
+import Shell from '../Shell';
+import getAppRoutes from './getAppRoutes';
+function RouteError() {
+    const error = useRouteError();
+    if (isRouteErrorResponse(error) && error.status === 404) {
+        return _jsx(NotFoundPage, {});
+    }
+    return _jsx(ErrorPage, {});
+}
+export default function createRouter() {
+    return createBrowserRouter([
+        {
+            Component: Shell,
+            errorElement: _jsx(RouteError, {}),
+            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.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5F,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,SAAS,UAAU;IACjB,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAE9B,IAAI,oBAAoB,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QACxD,OAAO,KAAC,YAAY,KAAG,CAAC;IAC1B,CAAC;IAED,OAAO,KAAC,SAAS,KAAG,CAAC;AACvB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,mBAAmB,CAAC;QACzB;YACE,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,KAAC,UAAU,KAAG;YAC5B,QAAQ,EAAE,YAAY,EAAE;SACzB;KACF,EAAE;QACD,QAAQ,EAAE,WAAW,EAAE;KACxB,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { createBrowserRouter, isRouteErrorResponse, useRouteError } from 'react-router-dom';\n\nimport { getBasename } from '../../runtime/initialize';\nimport ErrorPage from '../../runtime/react/ErrorPage';\nimport NotFoundPage from '../../runtime/react/NotFoundPage';\nimport Shell from '../Shell';\n\nimport getAppRoutes from './getAppRoutes';\n\nfunction RouteError() {\n  const error = useRouteError();\n\n  if (isRouteErrorResponse(error) && error.status === 404) {\n    return <NotFoundPage />;\n  }\n\n  return <ErrorPage />;\n}\n\nexport default function createRouter() {\n  return createBrowserRouter([\n    {\n      Component: Shell,\n      errorElement: <RouteError />,\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[];

package/dist/shell/router/getAppRoutes.js

@@ -0,0 +1,27 @@
+import { redirect } from 'react-router';
+import { getSiteConfig, getUrlByRouteRole } from '../../runtime';
+import { homeRole } from '../constants';
+export default function getAppRoutes() {
+    const { apps } = getSiteConfig();
+    let routes = [];
+    if (apps) {
+        apps.forEach((app) => {
+            if (Array.isArray(app.routes)) {
+                routes = routes.concat(app.routes);
+            }
+        });
+    }
+    /*
+     * If any app claims the home role, append a redirect from / to that URL.
+     * Appended last so that an app with its own / route takes priority.
+     */
+    const homeUrl = getUrlByRouteRole(homeRole);
+    if (homeUrl) {
+        routes.push({
+            path: '/',
+            loader: () => redirect(homeUrl),
+        });
+    }
+    return routes;
+}
+//# sourceMappingURL=getAppRoutes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getAppRoutes.js","sourceRoot":"","sources":["../../../shell/router/getAppRoutes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAe,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC;IAEjC,IAAI,MAAM,GAAkB,EAAE,CAAC;IAE/B,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,OAAO,CACV,CAAC,GAAQ,EAAE,EAAE;YACX,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9B,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CACF,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,MAAM,OAAO,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC5C,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;SAChC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { redirect, RouteObject } from 'react-router';\n\nimport { getSiteConfig, getUrlByRouteRole } from '../../runtime';\nimport { App } from '../../types';\nimport { homeRole } from '../constants';\n\nexport default function getAppRoutes() {\n  const { apps } = getSiteConfig();\n\n  let routes: RouteObject[] = [];\n\n  if (apps) {\n    apps.forEach(\n      (app: App) => {\n        if (Array.isArray(app.routes)) {\n          routes = routes.concat(app.routes);\n        }\n      }\n    );\n  }\n\n  /*\n   * If any app claims the home role, append a redirect from / to that URL.\n   * Appended last so that an app with its own / route takes priority.\n   */\n  const homeUrl = getUrlByRouteRole(homeRole);\n  if (homeUrl) {\n    routes.push({\n      path: '/',\n      loader: () => redirect(homeUrl),\n    });\n  }\n\n  return routes;\n}\n"]}

package/dist/shell/setupTest.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shell/setupTest.js

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+import siteConfig from 'site.config';
+import { mergeSiteConfig } from '../runtime';
+jest.mock('universal-cookie', () => {
+    const mCookie = {
+        get: jest.fn(),
+        remove: jest.fn(),
+    };
+    return jest.fn(() => mCookie);
+});
+mergeSiteConfig(siteConfig);
+//# sourceMappingURL=setupTest.js.map

package/dist/shell/setupTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTest.js","sourceRoot":"","sources":["../../shell/setupTest.js"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG;QACd,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;QACd,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;KAClB,CAAC;IACF,OAAO,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import '@testing-library/jest-dom';\nimport siteConfig from 'site.config';\nimport { mergeSiteConfig } from '../runtime';\n\njest.mock('universal-cookie', () => {\n  const mCookie = {\n    get: jest.fn(),\n    remove: jest.fn(),\n  };\n  return jest.fn(() => mCookie);\n});\n\nmergeSiteConfig(siteConfig);\n"]}

package/dist/shell/site.config.dev.d.ts

@@ -0,0 +1,4 @@
+import { SiteConfig } from '../types';
+import './style';
+declare const siteConfig: SiteConfig;
+export default siteConfig;

package/dist/shell/site.config.dev.js

@@ -0,0 +1,43 @@
+import { EnvironmentTypes } from '../types';
+import { devFooterApp, devHeaderApp, devHomeApp, slotShowcaseApp } from './dev';
+import { footerApp, headerApp, shellApp } from '.';
+import './style';
+const siteConfig = {
+    apps: [
+        shellApp,
+        headerApp,
+        footerApp,
+        devHomeApp,
+        devHeaderApp,
+        devFooterApp,
+        slotShowcaseApp,
+    ],
+    externalRoutes: [
+        {
+            role: 'org.openedx.frontend.role.profile',
+            url: 'http://apps.local.openedx.io:1995/profile/'
+        },
+        {
+            role: 'org.openedx.frontend.role.account',
+            url: 'http://apps.local.openedx.io:1997/account/'
+        },
+        {
+            role: 'org.openedx.frontend.role.logout',
+            url: 'http://local.openedx.io:8000/logout'
+        },
+    ],
+    // General
+    siteId: 'shell',
+    siteName: 'My Open edX Site',
+    baseUrl: 'http://apps.local.openedx.io:8080',
+    environment: EnvironmentTypes.DEVELOPMENT,
+    // Frontend URLs
+    loginUrl: 'http://local.openedx.io:8000/login',
+    logoutUrl: 'http://local.openedx.io:8000/logout',
+    // API URLs
+    lmsBaseUrl: 'http://local.openedx.io:8000',
+    cmsBaseUrl: 'http://studio.local.openedx.io:8001',
+    runtimeConfigJsonUrl: '/api/frontend_site_config/v1/',
+};
+export default siteConfig;
+//# sourceMappingURL=site.config.dev.js.map