@openedx/frontend-base 1.0.0-alpha.13 → 1.0.0-alpha.15

package/dist/shell/dev/slotShowcase/app.js

@@ -1,23 +1,32 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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, jsxs as _jsxs } from "react/jsx-runtime";
 import { NavDropdownMenuSlot } from '../..';
 import LinkMenuItem from '../../menus/LinkMenuItem';
 import { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';
 import HorizontalSlotLayout from './HorizontalSlotLayout';
 import SlotShowcasePage from './SlotShowcasePage';
 import WidgetWithOptions from './WidgetWithOptions';
-function Title({ title, op }) {
-    return (_jsxs("span", { children: [title, op && (_jsxs(_Fragment, { children: [' ', "(", _jsx("code", { children: op }), ")"] }))] }));
-}
-function Child({ title, op }) {
-    return (_jsxs("div", { children: [title, op && (_jsxs("span", { children: [' ', "(", _jsx("code", { children: op }), ")"] }))] }));
+function Widget(_a) {
+    var { title, op, className } = _a, props = __rest(_a, ["title", "op", "className"]);
+    return (_jsxs("div", Object.assign({ className: `showcase-widget ${className !== null && className !== void 0 ? className : ''}` }, props, { children: [title, op && (_jsxs("span", { children: [' ', "(", _jsx("code", { children: op }), ")"] }))] })));
 }
 function TakesProps({ aSlotProp }) {
-    return (_jsxs("div", { children: ["And this is a slot prop that was passed down via props: ", _jsx("code", { children: aSlotProp })] }));
+    return (_jsxs("div", { className: "showcase-widget", children: ["And this is a slot prop that was passed down via props: ", _jsx("code", { children: aSlotProp })] }));
 }
 function TakesPropsViaContext() {
     const slotContext = useSlotContext();
     const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';
-    return (_jsxs("div", { children: ["And this is the same prop, but accessed via slot context: ", _jsx("code", { children: aSlotProp })] }));
+    return (_jsxs("div", { className: "showcase-widget", children: ["And this is the same prop, but accessed via slot context: ", _jsx("code", { children: aSlotProp })] }));
 }
 const app = {
     appId: 'org.openedx.frontend.app.slotShowcase',
@@ -35,19 +44,19 @@ const app = {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
             id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
             id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
             id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',
@@ -66,38 +75,38 @@ const app = {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
             id: 'org.openedx.frontend.widget.slotShowcase.customChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
             id: 'org.openedx.frontend.widget.slotShowcase.customChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
             id: 'org.openedx.frontend.widget.slotShowcase.customChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         // Override custom layout
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
             id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
             id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
             id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
@@ -109,44 +118,44 @@ const app = {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
             op: LayoutOperationTypes.OPTIONS,
             options: {
-                title: (_jsx(Title, { title: "Bar", op: "LayoutOperationTypes.OPTIONS" })),
+                title: 'Bar',
             }
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
             id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         // TODO: Override Layout
         // Prepending
@@ -154,19 +163,19 @@ const app = {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',
             id: 'org.openedx.frontend.widget.slotShowcase.prependingChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One", op: "WidgetOperationTypes.APPEND" }))
+            element: (_jsx(Widget, { title: "Widget One", op: "WidgetOperationTypes.APPEND" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',
             id: 'org.openedx.frontend.widget.slotShowcase.prependingChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two", op: "WidgetOperationTypes.APPEND" }))
+            element: (_jsx(Widget, { title: "Widget Two", op: "WidgetOperationTypes.APPEND" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',
             id: 'org.openedx.frontend.widget.slotShowcase.prependingChild3',
             op: WidgetOperationTypes.PREPEND,
-            element: (_jsx(Child, { title: "Child Three", op: "WidgetOperationTypes.PREPEND" }))
+            element: (_jsx(Widget, { title: "Widget Three", op: "WidgetOperationTypes.PREPEND" }))
         },
         // Inserting
         {
@@ -174,77 +183,77 @@ const app = {
             id: 'slot-showcase.inserting.child4',
             op: WidgetOperationTypes.INSERT_AFTER,
             relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',
-            element: (_jsx(Child, { title: "Child Four", op: "WidgetOperationTypes.INSERT_AFTER" }))
+            element: (_jsx(Widget, { title: "Widget Four", op: "WidgetOperationTypes.INSERT_AFTER" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
             id: 'slot-showcase.inserting.child5',
             op: WidgetOperationTypes.INSERT_BEFORE,
             relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',
-            element: (_jsx(Child, { title: "Child Five", op: "WidgetOperationTypes.INSERT_BEFORE" }))
+            element: (_jsx(Widget, { title: "Widget Five", op: "WidgetOperationTypes.INSERT_BEFORE" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
             id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
             id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
             id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         // Replacing
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
             id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
             id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
             id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
             id: 'org.openedx.frontend.widget.slotShowcase.replacingChild4',
             op: WidgetOperationTypes.REPLACE,
             relatedId: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',
-            element: (_jsx(Child, { title: "Child Four", op: "WidgetOperationTypes.REPLACE" }))
+            element: (_jsx(Widget, { title: "Widget Four", op: "WidgetOperationTypes.REPLACE" }))
         },
         // Hiding
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
             id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child One" }))
+            element: (_jsx(Widget, { title: "Widget One" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
             id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Two" }))
+            element: (_jsx(Widget, { title: "Widget Two" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
             id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',
             op: WidgetOperationTypes.APPEND,
-            element: (_jsx(Child, { title: "Child Three" }))
+            element: (_jsx(Widget, { title: "Widget Three" }))
         },
         {
             slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
@@ -269,9 +278,36 @@ const app = {
             relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',
             op: WidgetOperationTypes.OPTIONS,
             options: {
-                title: (_jsx(Title, { title: "Bar", op: "WidgetOperationTypes.OPTIONS" })),
+                title: 'Bar',
             }
         },
+        // Widget filtering by role
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',
+            id: 'org.openedx.frontend.widget.slotShowcase.filterChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Widget, { title: "Widget One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',
+            id: 'org.openedx.frontend.widget.slotShowcase.filterChild2',
+            role: 'org.openedx.frontend.role.slotShowcase.highlighted',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Widget, { title: "Widget Two (highlighted)", className: "showcase-widget-highlighted" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',
+            id: 'org.openedx.frontend.widget.slotShowcase.filterChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Widget, { title: "Widget Three" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',
+            id: 'org.openedx.frontend.widget.slotShowcase.filterChild4',
+            role: 'org.openedx.frontend.role.slotShowcase.highlighted',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Widget, { title: "Widget Four (highlighted)", className: "showcase-widget-highlighted" }))
+        },
         // Header
         {
             slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',

package/dist/shell/dev/slotShowcase/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NavDropdownMenuSlot } from '../..';\nimport LinkMenuItem from '../../menus/LinkMenuItem';\nimport { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';\nimport { App } from '../../../types';\nimport HorizontalSlotLayout from './HorizontalSlotLayout';\nimport SlotShowcasePage from './SlotShowcasePage';\nimport WidgetWithOptions from './WidgetWithOptions';\n\nfunction Title({ title, op }: { title: string, op?: string }) {\n  return (\n    <span>\n      {title}\n      {op && (\n        <>{' '}(<code>{op}</code>)</>\n      )}\n    </span>\n  );\n}\n\nfunction Child({ title, op }: { title: string, op?: string }) {\n  return (\n    <div>\n      {title}\n      {op && (\n        <span>{' '}(<code>{op}</code>)</span>\n      )}\n    </div>\n  );\n}\n\nfunction TakesProps({ aSlotProp }: { aSlotProp: string }) {\n  return (\n    <div>And this is a slot prop that was passed down via props: <code>{aSlotProp}</code></div>\n  );\n}\n\nfunction TakesPropsViaContext() {\n  const slotContext = useSlotContext();\n  const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';\n  return (\n    <div>And this is the same prop, but accessed via slot context: <code>{aSlotProp}</code></div>\n  );\n}\n\nconst app: App = {\n  appId: 'org.openedx.frontend.app.slotShowcase',\n  routes: [{\n    id: 'org.openedx.frontend.route.slotShowcase',\n    path: '/slots',\n    Component: SlotShowcasePage,\n    handle: {\n      role: 'org.openedx.frontend.role.slotShowcase',\n    }\n  }],\n  slots: [\n    // Simple\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild4',\n      op: WidgetOperationTypes.APPEND,\n      component: TakesProps\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild5',\n      op: WidgetOperationTypes.APPEND,\n      component: TakesPropsViaContext\n    },\n\n    // Custom Layout\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n\n    // Override custom layout\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      op: LayoutOperationTypes.REPLACE,\n      element: <HorizontalSlotLayout />,\n    },\n\n    // Layout Options\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      op: LayoutOperationTypes.OPTIONS,\n      options: {\n        title: (<Title title=\"Bar\" op=\"LayoutOperationTypes.OPTIONS\" />),\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n\n    // TODO: Override Layout\n\n    // Prepending\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" op=\"WidgetOperationTypes.APPEND\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" op=\"WidgetOperationTypes.APPEND\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild3',\n      op: WidgetOperationTypes.PREPEND,\n      element: (<Child title=\"Child Three\" op=\"WidgetOperationTypes.PREPEND\" />)\n    },\n\n    // Inserting\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'slot-showcase.inserting.child4',\n      op: WidgetOperationTypes.INSERT_AFTER,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      element: (<Child title=\"Child Four\" op=\"WidgetOperationTypes.INSERT_AFTER\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'slot-showcase.inserting.child5',\n      op: WidgetOperationTypes.INSERT_BEFORE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      element: (<Child title=\"Child Five\" op=\"WidgetOperationTypes.INSERT_BEFORE\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n\n    // Replacing\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild4',\n      op: WidgetOperationTypes.REPLACE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n      element: (<Child title=\"Child Four\" op=\"WidgetOperationTypes.REPLACE\" />)\n    },\n\n    // Hiding\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Child title=\"Child Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      op: WidgetOperationTypes.REMOVE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n    },\n\n    // Widget Options\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild1',\n      op: WidgetOperationTypes.APPEND,\n      component: WidgetWithOptions,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n      op: WidgetOperationTypes.APPEND,\n      component: WidgetWithOptions,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n      op: WidgetOperationTypes.OPTIONS,\n      options: {\n        title: (<Title title=\"Bar\" op=\"WidgetOperationTypes.OPTIONS\" />),\n      }\n    },\n\n    // Header\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink',\n      op: WidgetOperationTypes.OPTIONS,\n      options: {\n        title: 'Courses (modified)',\n      },\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLinkAfter3',\n      op: WidgetOperationTypes.INSERT_AFTER,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n      element: (<LinkMenuItem label=\"Link After 3\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownPrepend',\n      op: WidgetOperationTypes.PREPEND,\n      element: (\n        <NavDropdownMenuSlot id=\"org.openedx.frontend.slot.header.primaryLinksDropdown.v1\" label=\"Resources\" />\n      ),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase']\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinksDropdown.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownAppend',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem label=\"Resource 1\" url=\"#\" variant=\"dropdownItem\" />\n      ),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<LinkMenuItem label=\"Link 3\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLink4',\n      op: WidgetOperationTypes.APPEND,\n      element: (<LinkMenuItem label=\"Link 4\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n  ]\n};\n\nexport default app;\n"]}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NavDropdownMenuSlot } from '../..';\nimport LinkMenuItem from '../../menus/LinkMenuItem';\nimport { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';\nimport { App } from '../../../types';\nimport HorizontalSlotLayout from './HorizontalSlotLayout';\nimport SlotShowcasePage from './SlotShowcasePage';\nimport WidgetWithOptions from './WidgetWithOptions';\n\nfunction Widget({ title, op, className, ...props }: { title: string, op?: string, className?: string } & Record<string, unknown>) {\n  return (\n    <div className={`showcase-widget ${className ?? ''}`} {...props}>\n      {title}\n      {op && (\n        <span>{' '}(<code>{op}</code>)</span>\n      )}\n    </div>\n  );\n}\n\nfunction TakesProps({ aSlotProp }: { aSlotProp: string }) {\n  return (\n    <div className=\"showcase-widget\">And this is a slot prop that was passed down via props: <code>{aSlotProp}</code></div>\n  );\n}\n\nfunction TakesPropsViaContext() {\n  const slotContext = useSlotContext();\n  const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';\n  return (\n    <div className=\"showcase-widget\">And this is the same prop, but accessed via slot context: <code>{aSlotProp}</code></div>\n  );\n}\n\nconst app: App = {\n  appId: 'org.openedx.frontend.app.slotShowcase',\n  routes: [{\n    id: 'org.openedx.frontend.route.slotShowcase',\n    path: '/slots',\n    Component: SlotShowcasePage,\n    handle: {\n      role: 'org.openedx.frontend.role.slotShowcase',\n    }\n  }],\n  slots: [\n    // Simple\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild4',\n      op: WidgetOperationTypes.APPEND,\n      component: TakesProps\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',\n      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild5',\n      op: WidgetOperationTypes.APPEND,\n      component: TakesPropsViaContext\n    },\n\n    // Custom Layout\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',\n      id: 'org.openedx.frontend.widget.slotShowcase.customChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n\n    // Override custom layout\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',\n      op: LayoutOperationTypes.REPLACE,\n      element: <HorizontalSlotLayout />,\n    },\n\n    // Layout Options\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      op: LayoutOperationTypes.OPTIONS,\n      options: {\n        title: 'Bar',\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',\n      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n\n    // TODO: Override Layout\n\n    // Prepending\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" op=\"WidgetOperationTypes.APPEND\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" op=\"WidgetOperationTypes.APPEND\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcasePrepending',\n      id: 'org.openedx.frontend.widget.slotShowcase.prependingChild3',\n      op: WidgetOperationTypes.PREPEND,\n      element: (<Widget title=\"Widget Three\" op=\"WidgetOperationTypes.PREPEND\" />)\n    },\n\n    // Inserting\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'slot-showcase.inserting.child4',\n      op: WidgetOperationTypes.INSERT_AFTER,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.INSERT_AFTER\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'slot-showcase.inserting.child5',\n      op: WidgetOperationTypes.INSERT_BEFORE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      element: (<Widget title=\"Widget Five\" op=\"WidgetOperationTypes.INSERT_BEFORE\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',\n      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n\n    // Replacing\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',\n      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild4',\n      op: WidgetOperationTypes.REPLACE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',\n      element: (<Widget title=\"Widget Four\" op=\"WidgetOperationTypes.REPLACE\" />)\n    },\n\n    // Hiding\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',\n      op: WidgetOperationTypes.REMOVE,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.removingChild2',\n    },\n\n    // Widget Options\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild1',\n      op: WidgetOperationTypes.APPEND,\n      component: WidgetWithOptions,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n      op: WidgetOperationTypes.APPEND,\n      component: WidgetWithOptions,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',\n      op: WidgetOperationTypes.OPTIONS,\n      options: {\n        title: 'Bar',\n      }\n    },\n\n    // Widget filtering by role\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n      id: 'org.openedx.frontend.widget.slotShowcase.filterChild1',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget One\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n      id: 'org.openedx.frontend.widget.slotShowcase.filterChild2',\n      role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Two (highlighted)\" className=\"showcase-widget-highlighted\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n      id: 'org.openedx.frontend.widget.slotShowcase.filterChild3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Three\" />)\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseFilterByRole',\n      id: 'org.openedx.frontend.widget.slotShowcase.filterChild4',\n      role: 'org.openedx.frontend.role.slotShowcase.highlighted',\n      op: WidgetOperationTypes.APPEND,\n      element: (<Widget title=\"Widget Four (highlighted)\" className=\"showcase-widget-highlighted\" />)\n    },\n\n    // Header\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink',\n      op: WidgetOperationTypes.OPTIONS,\n      options: {\n        title: 'Courses (modified)',\n      },\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLinkAfter3',\n      op: WidgetOperationTypes.INSERT_AFTER,\n      relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n      element: (<LinkMenuItem label=\"Link After 3\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownPrepend',\n      op: WidgetOperationTypes.PREPEND,\n      element: (\n        <NavDropdownMenuSlot id=\"org.openedx.frontend.slot.header.primaryLinksDropdown.v1\" label=\"Resources\" />\n      ),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase']\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinksDropdown.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownAppend',\n      op: WidgetOperationTypes.APPEND,\n      element: (\n        <LinkMenuItem label=\"Resource 1\" url=\"#\" variant=\"dropdownItem\" />\n      ),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLink3',\n      op: WidgetOperationTypes.APPEND,\n      element: (<LinkMenuItem label=\"Link 3\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n      id: 'org.openedx.frontend.widget.slotShowcase.headerLink4',\n      op: WidgetOperationTypes.APPEND,\n      element: (<LinkMenuItem label=\"Link 4\" url=\"#\" variant=\"navLink\" />),\n      condition: {\n        active: ['org.openedx.frontend.role.slotShowcase'],\n      }\n    },\n  ]\n};\n\nexport default app;\n"]}

package/dist/shell/header/AuthenticatedMenu.js

@@ -4,8 +4,6 @@ import { Person } from '@openedx/paragon/icons';
 import { Slot, useAuthenticatedUser } from '../../runtime';
 export default function AuthenticatedMenu({ className }) {
     const authenticatedUser = useAuthenticatedUser();
-    // We're using '||' on purpose to detect an empty string, so ignore eslint's warning:
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
     const displayUserName = (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.name) || (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.username);
     const title = (_jsxs("div", { className: "d-flex mr-2 align-items-center gap-2", children: [_jsx(Person, {}), displayUserName] }));
     return (_jsx(DropdownButton, { size: "sm", id: "user-nav-dropdown", title: title, variant: "outline-primary", className: className, children: _jsx(Slot, { id: "org.openedx.frontend.slot.header.authenticatedMenu.v1" }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"AuthenticatedMenu.js","sourceRoot":"","sources":["../../../shell/header/AuthenticatedMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAMvB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IAC7E,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,qFAAqF;IACrF,wEAAwE;IACxE,MAAM,eAAe,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,CAAC;IAE/E,MAAM,KAAK,GAAG,CACZ,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,MAAM,KAAG,EACT,eAAe,IACZ,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAE,SAAS,YAC3G,KAAC,IAAI,IAAC,EAAE,EAAC,uDAAuD,GAAG,GACpD,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import { DropdownButton } from '@openedx/paragon';\nimport { Person } from '@openedx/paragon/icons';\n\nimport {\n  Slot,\n  useAuthenticatedUser\n} from '../../runtime';\n\ninterface AuthenticatedMenuProps {\n  className?: string,\n}\n\nexport default function AuthenticatedMenu({ className }: AuthenticatedMenuProps) {\n  const authenticatedUser = useAuthenticatedUser();\n\n  // We're using '||' on purpose to detect an empty string, so ignore eslint's warning:\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const displayUserName = authenticatedUser?.name || authenticatedUser?.username;\n\n  const title = (\n    <div className=\"d-flex mr-2 align-items-center gap-2\">\n      <Person />\n      {displayUserName}\n    </div>\n  );\n\n  return (\n    <DropdownButton size=\"sm\" id=\"user-nav-dropdown\" title={title} variant=\"outline-primary\" className={className}>\n      <Slot id=\"org.openedx.frontend.slot.header.authenticatedMenu.v1\" />\n    </DropdownButton>\n  );\n}\n"]}
+{"version":3,"file":"AuthenticatedMenu.js","sourceRoot":"","sources":["../../../shell/header/AuthenticatedMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAMvB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAA0B;IAC7E,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,eAAe,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,MAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CAAA,CAAC;IAE/E,MAAM,KAAK,GAAG,CACZ,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,MAAM,KAAG,EACT,eAAe,IACZ,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,iBAAiB,EAAC,SAAS,EAAE,SAAS,YAC3G,KAAC,IAAI,IAAC,EAAE,EAAC,uDAAuD,GAAG,GACpD,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import { DropdownButton } from '@openedx/paragon';\nimport { Person } from '@openedx/paragon/icons';\n\nimport {\n  Slot,\n  useAuthenticatedUser\n} from '../../runtime';\n\ninterface AuthenticatedMenuProps {\n  className?: string,\n}\n\nexport default function AuthenticatedMenu({ className }: AuthenticatedMenuProps) {\n  const authenticatedUser = useAuthenticatedUser();\n\n  const displayUserName = authenticatedUser?.name || authenticatedUser?.username;\n\n  const title = (\n    <div className=\"d-flex mr-2 align-items-center gap-2\">\n      <Person />\n      {displayUserName}\n    </div>\n  );\n\n  return (\n    <DropdownButton size=\"sm\" id=\"user-nav-dropdown\" title={title} variant=\"outline-primary\" className={className}>\n      <Slot id=\"org.openedx.frontend.slot.header.authenticatedMenu.v1\" />\n    </DropdownButton>\n  );\n}\n"]}

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

@@ -4,7 +4,6 @@ export let moduleNameMapper: {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': string;
     '\\.(css|scss)$': string;
     'site.config': string;
-    '^@src/(.*)$': string;
 };
 export let testEnvironment: string;
 export namespace testEnvironmentOptions {

package/dist/shell/jest.config.js

@@ -8,7 +8,6 @@ module.exports = {
         '\\.(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',
-        '^@src/(.*)$': '<rootDir>/src/$1',
     },
     testEnvironment: 'jsdom',
     testEnvironmentOptions: {

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

@@ -1 +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;QAC/C,aAAa,EAAE,kBAAkB;KAClC;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    '^@src/(.*)$': '<rootDir>/src/$1',\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"]}
+{"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/router/createRouter.js

@@ -1,11 +1,22 @@
-import { createBrowserRouter } from 'react-router-dom';
+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(),
         }
     ], {

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

@@ -1 +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"]}
+{"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/tools/babel.config.d.ts

@@ -0,0 +1,2 @@
+export = config;
+import config = require("./babel/babel.config");

package/dist/tools/babel.config.js

@@ -0,0 +1,3 @@
+"use strict";
+const config = require('./babel/babel.config');
+module.exports = config;

package/dist/tools/cli/openedx.js

@@ -67,7 +67,7 @@ switch (commandName) {
             '--format', path_1.default.resolve(__dirname, './utils/formatter.js'),
             '--ignore', `${srcFoldersString}/**/*.json`,
             '--ignore', `${srcFoldersString}/**/*.d.ts`,
-            '--out-file', './temp/formatjs/Default.messages.json',
+            '--out-file', './src/i18n/transifex_input.json',
             '--', `${srcFoldersString}/**/*.{j,t}s*`,
         ]);
         require('@formatjs/cli/bin/formatjs');

package/dist/tools/cli/utils/formatter.js

@@ -1,10 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.format = (messages) => {
-    const results = Object.entries(messages).map(([id, message]) => ({
-        id,
-        defaultMessage: message.defaultMessage,
-        description: message.description,
-    }));
-    return results;
-};
+exports.format = (messages) => Object.fromEntries(Object.entries(messages).map(([id, { defaultMessage }]) => [id, defaultMessage]));

package/dist/tools/eslint/base.eslint.config.js

@@ -79,6 +79,7 @@ module.exports = tseslint.config(eslint.configs.recommended, ...tseslint.configs
             }],
         '@typescript-eslint/no-empty-function': 'off',
         '@typescript-eslint/prefer-nullish-coalescing': 'off',
+        '@typescript-eslint/prefer-optional-chain': 'off',
         '@stylistic/semi': ['error', 'always', { omitLastInOneLineBlock: true, omitLastInOneLineClassBody: true }],
         '@stylistic/quotes': ['error', 'single', {
                 avoidEscape: true,
@@ -103,9 +104,9 @@ module.exports = tseslint.config(eslint.configs.recommended, ...tseslint.configs
     },
 }, {
     files: [
-        'babel.config.js',
-        'jest.config.js',
-        'eslint.config.js'
+        '**/babel.config.js',
+        '**/jest.config.js',
+        '**/eslint.config.js'
     ],
     rules: {
         '@typescript-eslint/no-require-imports': 'off'

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

@@ -6,7 +6,6 @@ export let rootDir: string;
 export let moduleNameMapper: {
     '\\.(css|scss)$': string;
     'site.config': string;
-    '^@src/(.*)$': string;
 };
 export let collectCoverageFrom: string[];
 export let coveragePathIgnorePatterns: string[];

package/dist/tools/jest/jest.config.js

@@ -9,7 +9,6 @@ module.exports = {
     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}',

package/dist/tools/webpack/common-config/dev/getDevServer.js

@@ -12,10 +12,8 @@ function getDevServer() {
         headers: {
             'Access-Control-Allow-Origin': '*',
         },
-        // For obvious reasons, 'auto' won't work for publicPath here, so we
-        // force '/' unless PUBLIC_PATH is set.
         historyApiFallback: {
-            index: path_1.default.join((0, getPublicPath_1.default)('/'), 'index.html'),
+            index: path_1.default.join((0, getPublicPath_1.default)(), 'index.html'),
             disableDotRule: true,
         },
         host: 'apps.local.openedx.io',

package/dist/tools/webpack/plugins/html-webpack-new-relic-plugin/HtmlWebpackNewRelicPlugin.d.ts

@@ -6,9 +6,7 @@ declare enum OptionTypes {
     LICENSE_KEY = "licenseKey",
     TRUST_KEY = "trustKey"
 }
-type HtmlWebpackNewRelicPluginOptions = {
-    [key in OptionTypes]: string | undefined;
-};
+type HtmlWebpackNewRelicPluginOptions = Record<OptionTypes, string | undefined>;
 export default class HtmlWebpackNewRelicPlugin {
     options: HtmlWebpackNewRelicPluginOptions;
     newRelicString: string;