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

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../shell/dev/devUser/app.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,WAAW,MAAM,yCAAyC,CAAC;AAClE,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,GAAG,GAAQ;IACf,KAAK,EAAE,mCAAmC;IAC1C,KAAK,EAAE;QACL;YACE,MAAM,EAAE,mDAAmD;YAC3D,EAAE,EAAE,gCAAgC;YACpC,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,SAAS,EAAE,WAAW;SACvB;QACD;YACE,MAAM,EAAE,mDAAmD;YAC3D,EAAE,EAAE,mCAAmC;YACvC,EAAE,EAAE,oBAAoB,CAAC,MAAM;YAC/B,SAAS,EAAE,cAAc;SAC1B;KACF;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { WidgetOperationTypes } from '../../../runtime';\nimport { App } from '../../../types';\nimport LoginButton from '../../header/anonymous-menu/LoginButton';\nimport RegisterButton from '../../header/anonymous-menu/RegisterButton';\n\nconst app: App = {\n  appId: 'org.openedx.frontend.app.dev.user',\n  slots: [\n    {\n      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',\n      id: 'user.anonymousMenu.loginButton',\n      op: WidgetOperationTypes.APPEND,\n      component: LoginButton,\n    },\n    {\n      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',\n      id: 'user.anonymousMenu.registerButton',\n      op: WidgetOperationTypes.APPEND,\n      component: RegisterButton,\n    },\n  ]\n};\n\nexport default app;\n"]}

package/dist/shell/dev/devUser/index.js

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

package/dist/shell/dev/devUser/index.js.map

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

package/dist/shell/dev/index.js

@@ -0,0 +1,6 @@
+export { devFooterApp } from './devFooter';
+export { devHeaderApp } from './devHeader';
+export { devHomeApp } from './devHome';
+export { devUserApp } from './devUser';
+export { slotShowcaseApp } from './slotShowcase';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../shell/dev/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { devFooterApp } from './devFooter';\nexport { devHeaderApp } from './devHeader';\nexport { devHomeApp } from './devHome';\nexport { devUserApp } from './devUser';\nexport { slotShowcaseApp } from './slotShowcase';\n"]}

package/dist/shell/dev/slotShowcase/HorizontalSlotLayout.d.ts

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgets } from '../../../runtime';
+export default function HorizontalSlotLayout() {
+    const widgets = useWidgets();
+    return (_jsx("div", { className: "d-flex gap-3", children: widgets }));
+}
+//# sourceMappingURL=HorizontalSlotLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalSlotLayout.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/HorizontalSlotLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC1C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,YAC1B,OAAO,GACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgets } from '../../../runtime';\n\nexport default function HorizontalSlotLayout() {\n  const widgets = useWidgets();\n\n  return (\n    <div className=\"d-flex gap-3\">\n      {widgets}\n    </div>\n  );\n}\n"]}

package/dist/shell/dev/slotShowcase/LayoutWithOptions.d.ts

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

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLayoutOptions, useWidgets } from '../../../runtime';
+export default function LayoutWithOptions() {
+    const widgets = useWidgets();
+    const options = useLayoutOptions();
+    const title = typeof options.title === 'string' ? options.title : 'Foo';
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { children: ["Layout Title: ", _jsx("strong", { children: title })] }), _jsx("div", { children: widgets })] }));
+}
+//# sourceMappingURL=LayoutWithOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutWithOptions.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/LayoutWithOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,KAAK,GAAG,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAExE,OAAO,CACL,8BACE,4CAAmB,2BAAS,KAAK,GAAU,IAAM,EACjD,wBACG,OAAO,GACJ,IACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useLayoutOptions, useWidgets } from '../../../runtime';\n\nexport default function LayoutWithOptions() {\n  const widgets = useWidgets();\n  const options = useLayoutOptions();\n\n  const title = typeof options.title === 'string' ? options.title : 'Foo';\n\n  return (\n    <>\n      <div>Layout Title: <strong>{title}</strong></div>\n      <div>\n        {widgets}\n      </div>\n    </>\n  );\n}\n"]}

package/dist/shell/dev/slotShowcase/SlotShowcasePage.d.ts

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '../../../runtime';
+import HorizontalSlotLayout from './HorizontalSlotLayout';
+import LayoutWithOptions from './LayoutWithOptions';
+export default function SlotShowcasePage() {
+    return (_jsxs("div", { className: "p-3", children: [_jsx("h1", { children: "Slot Showcase" }), _jsxs("p", { children: ["As a best practice, widgets should pass additional props (", _jsx("code", { children: "...props" }), ") to their rendered HTMLElement. This accomplishes two things:"] }), _jsxs("ul", { children: [_jsxs("li", { children: ["It allows custom layouts to add ", _jsx("code", { children: "className" }), " and ", _jsx("code", { children: "style" }), " props as necessary for the layout."] }), _jsx("li", { children: "It allows widgets to be effectively \"wrapped\" by a parent component to alter their behavior." })] }), _jsx("h3", { children: "Simple slot with default layout" }), _jsx("p", { children: "This slot has no opinionated layout, it just renders its children." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseSimple" }), _jsx("h3", { children: "Simple slot with default content and props" }), _jsx("p", { children: "This slot has default content, and it exposes a slot prop to widgets." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent", aSlotProp: "hello!", children: _jsx("div", { children: "Look, I'm default content!" }) }), _jsx("h2", { children: "UI Layout Operations" }), _jsx("h3", { children: "Slot with custom layout" }), _jsx("p", { children: "This slot uses a horizontal flexbox layout from a component." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseCustom", layout: HorizontalSlotLayout }), _jsx("p", { children: "This slot uses a horizontal flexbox layout from a JSX element." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseCustom", layout: _jsx(HorizontalSlotLayout, {}) }), _jsx("h3", { children: "Slot with override custom layout" }), _jsx("p", { children: "This slot uses a horizontal flexbox layout, but it was added by a layout replace operation." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseCustomConfig" }), _jsx("h3", { children: "Slot with layout options" }), _jsx("p", { children: "These slots use a custom layout that takes options.  The first shows the default title, the second shows it set to \"Bar\"" }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault", layout: LayoutWithOptions }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions", layout: LayoutWithOptions }), _jsx("h2", { children: "UI Widget Operations" }), _jsx("h3", { children: "Slot with prepended element" }), _jsx("p", { children: "This slot has a prepended element (and two appended elements)." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcasePrepending" }), _jsx("h3", { children: "Slot with inserted elements" }), _jsxs("p", { children: ["This slot has elements inserted before and after the second element. Also note that the insert operations are declared ", _jsx("em", { children: "before" }), " the related element is declared, but can still insert themselves relative to it."] }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseInserting" }), _jsx("h3", { children: "Slot with replaced element" }), _jsx("p", { children: "This slot has an element replacing element two." }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseReplacing" }), _jsx("h3", { children: "Slot with removed element" }), _jsxs("p", { children: ["This slot has removed element two (", _jsx("code", { children: "WidgetOperationTypes.REMOVE" }), ")."] }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseRemoving" }), _jsx("h3", { children: "Slot with widget with options." }), _jsx("p", { children: "Both widgets accept options.  The first shows the default title, the second shows it set to \"Bar\"" }), _jsx(Slot, { id: "org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions" })] }));
+}
+//# sourceMappingURL=SlotShowcasePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotShowcasePage.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/SlotShowcasePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,yCAAsB,EAEtB,sFAA6D,sCAAqB,sEAAkE,EACpJ,yBACE,6DAAoC,uCAAsB,WAAK,mCAAkB,2CAAwC,EACzH,0HAA+G,IAC5G,EAEL,2DAAwC,EACxC,6FAAyE,EACzE,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,GAAG,EAE9D,sEAAmD,EACnD,gGAA4E,EAC5E,KAAC,IAAI,IAAC,EAAE,EAAC,oEAAoE,EAAC,SAAS,EAAC,QAAQ,YAC9F,uDAA0C,GACrC,EAEP,gDAA6B,EAE7B,mDAAgC,EAChC,uFAAmE,EACnE,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,EAAC,MAAM,EAAE,oBAAoB,GAAI,EAC5F,yFAAqE,EACrE,KAAC,IAAI,IAAC,EAAE,EAAC,kDAAkD,EAAC,MAAM,EAAE,KAAC,oBAAoB,KAAG,GAAI,EAEhG,4DAAyC,EACzC,sHAAkG,EAClG,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,GAAG,EAEpE,oDAAiC,EACjC,qJAAyI,EACzI,KAAC,IAAI,IAAC,EAAE,EAAC,oEAAoE,EAAC,MAAM,EAAE,iBAAiB,GAAI,EAC3G,KAAC,IAAI,IAAC,EAAE,EAAC,6DAA6D,EAAC,MAAM,EAAE,iBAAiB,GAAI,EAEpG,gDAA6B,EAE7B,uDAAoC,EACpC,yFAAqE,EACrE,KAAC,IAAI,IAAC,EAAE,EAAC,sDAAsD,GAAG,EAElE,uDAAoC,EACpC,mJAA0H,kCAAe,yFAAqF,EAC9N,KAAC,IAAI,IAAC,EAAE,EAAC,qDAAqD,GAAG,EAEjE,sDAAmC,EACnC,0EAAsD,EACtD,KAAC,IAAI,IAAC,EAAE,EAAC,qDAAqD,GAAG,EAEjE,qDAAkC,EAClC,+DAAsC,yDAAwC,UAAM,EACpF,KAAC,IAAI,IAAC,EAAE,EAAC,oDAAoD,GAAG,EAEhE,0DAAuC,EACvC,8HAAkH,EAClH,KAAC,IAAI,IAAC,EAAE,EAAC,yDAAyD,GAAG,IACjE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Slot } from '../../../runtime';\nimport HorizontalSlotLayout from './HorizontalSlotLayout';\nimport LayoutWithOptions from './LayoutWithOptions';\n\nexport default function SlotShowcasePage() {\n  return (\n    <div className=\"p-3\">\n      <h1>Slot Showcase</h1>\n\n      <p>As a best practice, widgets should pass additional props (<code>...props</code>) to their rendered HTMLElement. This accomplishes two things:</p>\n      <ul>\n        <li>It allows custom layouts to add <code>className</code> and <code>style</code> props as necessary for the layout.</li>\n        <li>It allows widgets to be effectively &quot;wrapped&quot; by a parent component to alter their behavior.</li>\n      </ul>\n\n      <h3>Simple slot with default layout</h3>\n      <p>This slot has no opinionated layout, it just renders its children.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseSimple\" />\n\n      <h3>Simple slot with default content and props</h3>\n      <p>This slot has default content, and it exposes a slot prop to widgets.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent\" aSlotProp=\"hello!\">\n        <div>Look, I&apos;m default content!</div>\n      </Slot>\n\n      <h2>UI Layout Operations</h2>\n\n      <h3>Slot with custom layout</h3>\n      <p>This slot uses a horizontal flexbox layout from a component.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseCustom\" layout={HorizontalSlotLayout} />\n      <p>This slot uses a horizontal flexbox layout from a JSX element.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseCustom\" layout={<HorizontalSlotLayout />} />\n\n      <h3>Slot with override custom layout</h3>\n      <p>This slot uses a horizontal flexbox layout, but it was added by a layout replace operation.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseCustomConfig\" />\n\n      <h3>Slot with layout options</h3>\n      <p>These slots use a custom layout that takes options.  The first shows the default title, the second shows it set to &quot;Bar&quot;</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault\" layout={LayoutWithOptions} />\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions\" layout={LayoutWithOptions} />\n\n      <h2>UI Widget Operations</h2>\n\n      <h3>Slot with prepended element</h3>\n      <p>This slot has a prepended element (and two appended elements).</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcasePrepending\" />\n\n      <h3>Slot with inserted elements</h3>\n      <p>This slot has elements inserted before and after the second element. Also note that the insert operations are declared <em>before</em> the related element is declared, but can still insert themselves relative to it.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseInserting\" />\n\n      <h3>Slot with replaced element</h3>\n      <p>This slot has an element replacing element two.</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseReplacing\" />\n\n      <h3>Slot with removed element</h3>\n      <p>This slot has removed element two (<code>WidgetOperationTypes.REMOVE</code>).</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseRemoving\" />\n\n      <h3>Slot with widget with options.</h3>\n      <p>Both widgets accept options.  The first shows the default title, the second shows it set to &quot;Bar&quot;</p>\n      <Slot id=\"org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions\" />\n    </div>\n  );\n}\n"]}

package/dist/shell/dev/slotShowcase/WidgetWithOptions.d.ts

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgetOptions } from '../../../runtime';
+export default function WidgetWithOptions() {
+    const options = useWidgetOptions();
+    const title = typeof options.title === 'string' ? options.title : 'Foo';
+    return (_jsx("div", { children: title }));
+}
+//# sourceMappingURL=WidgetWithOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWithOptions.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/WidgetWithOptions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,MAAM,KAAK,GAAG,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAExE,OAAO,CACL,wBAAM,KAAK,GAAO,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgetOptions } from '../../../runtime';\n\nexport default function WidgetWithOptions() {\n  const options = useWidgetOptions();\n\n  const title = typeof options.title === 'string' ? options.title : 'Foo';\n\n  return (\n    <div>{title}</div>\n  );\n}\n"]}

package/dist/shell/dev/slotShowcase/app.d.ts

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

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

@@ -0,0 +1,336 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 TakesProps({ aSlotProp }) {
+    return (_jsxs("div", { 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 })] }));
+}
+const app = {
+    appId: 'org.openedx.frontend.app.slotShowcase',
+    routes: [{
+            id: 'org.openedx.frontend.route.slotShowcase',
+            path: '/slots',
+            Component: SlotShowcasePage,
+            handle: {
+                role: 'org.openedx.frontend.role.slotShowcase',
+            }
+        }],
+    slots: [
+        // Simple
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
+            id: 'org.openedx.frontend.widget.slotShowcase.simpleChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
+            id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
+            id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Three" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',
+            id: 'org.openedx.frontend.widget.slotShowcase.simpleChild4',
+            op: WidgetOperationTypes.APPEND,
+            component: TakesProps
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent',
+            id: 'org.openedx.frontend.widget.slotShowcase.simpleChild5',
+            op: WidgetOperationTypes.APPEND,
+            component: TakesPropsViaContext
+        },
+        // Custom Layout
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
+            id: 'org.openedx.frontend.widget.slotShowcase.customChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
+            id: 'org.openedx.frontend.widget.slotShowcase.customChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
+            id: 'org.openedx.frontend.widget.slotShowcase.customChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child 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" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
+            id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
+            id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Three" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
+            op: LayoutOperationTypes.REPLACE,
+            element: _jsx(HorizontalSlotLayout, {}),
+        },
+        // Layout Options
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
+            op: LayoutOperationTypes.OPTIONS,
+            options: {
+                title: (_jsx(Title, { title: "Bar", op: "LayoutOperationTypes.OPTIONS" })),
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Three" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
+            id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Three" }))
+        },
+        // TODO: Override Layout
+        // Prepending
+        {
+            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" }))
+        },
+        {
+            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" }))
+        },
+        {
+            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" }))
+        },
+        // Inserting
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
+            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" }))
+        },
+        {
+            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" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
+            id: 'org.openedx.frontend.widget.slotShowcase.insertingChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
+            id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
+            id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child 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" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
+            id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
+            id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child 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" }))
+        },
+        // Hiding
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
+            id: 'org.openedx.frontend.widget.slotShowcase.removingChild1',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child One" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
+            id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Two" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
+            id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(Child, { title: "Child Three" }))
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
+            op: WidgetOperationTypes.REMOVE,
+            relatedId: 'org.openedx.frontend.widget.slotShowcase.removingChild2',
+        },
+        // Widget Options
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',
+            id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild1',
+            op: WidgetOperationTypes.APPEND,
+            component: WidgetWithOptions,
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',
+            id: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',
+            op: WidgetOperationTypes.APPEND,
+            component: WidgetWithOptions,
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions',
+            relatedId: 'org.openedx.frontend.widget.slotShowcase.widgetOptionsChild2',
+            op: WidgetOperationTypes.OPTIONS,
+            options: {
+                title: (_jsx(Title, { title: "Bar", op: "WidgetOperationTypes.OPTIONS" })),
+            }
+        },
+        // Header
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+            relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink',
+            op: WidgetOperationTypes.OPTIONS,
+            options: {
+                title: 'Courses (modified)',
+            },
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase'],
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+            id: 'org.openedx.frontend.widget.slotShowcase.headerLinkAfter3',
+            op: WidgetOperationTypes.INSERT_AFTER,
+            relatedId: 'org.openedx.frontend.widget.slotShowcase.headerLink3',
+            element: (_jsx(LinkMenuItem, { label: "Link After 3", url: "#", variant: "navLink" })),
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase'],
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+            id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownPrepend',
+            op: WidgetOperationTypes.PREPEND,
+            element: (_jsx(NavDropdownMenuSlot, { id: "org.openedx.frontend.slot.header.primaryLinksDropdown.v1", label: "Resources" })),
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase']
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinksDropdown.v1',
+            id: 'org.openedx.frontend.widget.slotShowcase.headerPrimaryLinksDropdownAppend',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: "Resource 1", url: "#", variant: "dropdownItem" })),
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase'],
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+            id: 'org.openedx.frontend.widget.slotShowcase.headerLink3',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: "Link 3", url: "#", variant: "navLink" })),
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase'],
+            }
+        },
+        {
+            slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+            id: 'org.openedx.frontend.widget.slotShowcase.headerLink4',
+            op: WidgetOperationTypes.APPEND,
+            element: (_jsx(LinkMenuItem, { label: "Link 4", url: "#", variant: "navLink" })),
+            condition: {
+                active: ['org.openedx.frontend.role.slotShowcase'],
+            }
+        },
+    ]
+};
+export default app;
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../shell/dev/slotShowcase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { default as slotShowcaseApp } from './app';\n"]}

package/dist/shell/footer/CenterLinks.d.ts

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

package/dist/shell/footer/CenterLinks.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWidgets } from '../../runtime';
+export default function CenterLinks() {
+    const widgets = useWidgets();
+    return (_jsx("div", { className: "d-flex flex-wrap column-gap-6 row-gap-4", children: widgets }));
+}
+//# sourceMappingURL=CenterLinks.js.map

package/dist/shell/footer/CenterLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterLinks.js","sourceRoot":"","sources":["../../../shell/footer/CenterLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,YACrD,OAAO,GACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useWidgets } from '../../runtime';\n\nexport default function CenterLinks() {\n  const widgets = useWidgets();\n\n  return (\n    <div className=\"d-flex flex-wrap column-gap-6 row-gap-4\">\n      {widgets}\n    </div>\n  );\n}\n"]}

package/dist/shell/footer/CopyrightNotice.d.ts

@@ -0,0 +1,10 @@
+interface CopyrightNoticeProps {
+    title?: string;
+    /**
+     * The URL that the copyright notice should link to when a user clicks on the title.  If not set,
+     * the title will not be a link.
+     */
+    destination?: string;
+}
+export default function CopyrightNotice({ title, destination }: CopyrightNoticeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/shell/footer/CopyrightNotice.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Hyperlink } from '@openedx/paragon';
+import { useSiteConfig } from '../../runtime';
+export default function CopyrightNotice({ title, destination }) {
+    const config = useSiteConfig();
+    // Allow overrides via props and fallback to defaults.
+    const finalTitle = title !== null && title !== void 0 ? title : config.siteName;
+    return (_jsxs("div", { className: "text-center x-small", children: [_jsxs("span", { children: ["\u00A9\u00A0", new Date().getFullYear(), "\u00A0"] }), destination !== undefined ? (_jsx(Hyperlink, { destination: destination, target: "_blank", children: finalTitle })) : (_jsx("span", { children: finalTitle })), _jsx("span", { children: "." })] }));
+}
+//# sourceMappingURL=CopyrightNotice.js.map

package/dist/shell/footer/CopyrightNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyrightNotice.js","sourceRoot":"","sources":["../../../shell/footer/CopyrightNotice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAW9C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAwB;IAClF,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,sDAAsD;IACtD,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,CAAC,QAAQ,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,2CAAmB,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,cAAc,EACxD,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,MAAM,EAAC,QAAQ,YAEd,UAAU,GACD,CACb,CAAC,CAAC,CAAC,CACF,yBAAO,UAAU,GAAQ,CAC1B,EACD,+BAAc,IACV,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Hyperlink } from '@openedx/paragon';\n\nimport { useSiteConfig } from '../../runtime';\n\ninterface CopyrightNoticeProps {\n  title?: string,\n  /**\n   * The URL that the copyright notice should link to when a user clicks on the title.  If not set,\n   * the title will not be a link.\n   */\n  destination?: string,\n}\n\nexport default function CopyrightNotice({ title, destination }: CopyrightNoticeProps) {\n  const config = useSiteConfig();\n\n  // Allow overrides via props and fallback to defaults.\n  const finalTitle = title ?? config.siteName;\n\n  return (\n    <div className=\"text-center x-small\">\n      <span>&copy;&nbsp;{new Date().getFullYear()}&nbsp;</span>\n      {destination !== undefined ? (\n        <Hyperlink\n          destination={destination}\n          target=\"_blank\"\n        >\n          {finalTitle}\n        </Hyperlink>\n      ) : (\n        <span>{finalTitle}</span>\n      )}\n      <span>.</span>\n    </div>\n  );\n}\n"]}

package/dist/shell/footer/Footer.d.ts

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

package/dist/shell/footer/Footer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '../../runtime';
+import CenterLinks from './CenterLinks';
+import LeftLinks from './LeftLinks';
+import LegalNotices from './LegalNotices';
+import PoweredBy from './PoweredBy';
+import RevealLinks from './RevealLinks';
+import RightLinks from './RightLinks';
+export default function Footer() {
+    return (_jsxs("footer", { className: "d-flex flex-column align-items-stretch", children: [_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopTop.v1", layout: RevealLinks }), _jsxs("div", { className: "py-3 px-3 d-flex gap-5 justify-content-between align-items-stretch", children: [_jsx("div", { className: "flex-basis-0 d-flex align-items-start", children: _jsx("div", { className: "d-flex gap-3 align-items-center", children: _jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopLeftLinks.v1", layout: LeftLinks }) }) }), _jsx("div", { className: "flex-grow-1 flex-basis-0 d-flex justify-content-center", children: _jsxs("div", { className: "d-flex flex-column justify-content-between gap-5", children: [_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopCenterLinks.v1", layout: CenterLinks }), _jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopLegalNotices.v1", layout: LegalNotices })] }) }), _jsx("div", { className: "flex-basis-0 d-flex justify-content-end", children: _jsxs("div", { className: "d-flex flex-column justify-content-between", children: [_jsx(Slot, { id: "org.openedx.frontend.slot.footer.desktopRightLinks.v1", layout: RightLinks }), _jsx(PoweredBy, {})] }) })] })] }));
+}
+//# sourceMappingURL=Footer.js.map

package/dist/shell/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../shell/footer/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,MAAM;IAC5B,OAAO,CACL,kBAAQ,SAAS,EAAC,wCAAwC,aACxD,KAAC,IAAI,IAAC,EAAE,EAAC,gDAAgD,EAAC,MAAM,EAAE,WAAW,GAAI,EACjF,eAAK,SAAS,EAAC,oEAAoE,aACjF,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,IAAI,IAAC,EAAE,EAAC,sDAAsD,EAAC,MAAM,EAAE,SAAS,GAAI,GACjF,GACF,EACN,cAAK,SAAS,EAAC,wDAAwD,YACrE,eAAK,SAAS,EAAC,kDAAkD,aAC/D,KAAC,IAAI,IAAC,EAAE,EAAC,wDAAwD,EAAC,MAAM,EAAE,WAAW,GAAI,EACzF,KAAC,IAAI,IAAC,EAAE,EAAC,yDAAyD,EAAC,MAAM,EAAE,YAAY,GAAI,IACvF,GACF,EACN,cAAK,SAAS,EAAC,yCAAyC,YACtD,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,IAAI,IAAC,EAAE,EAAC,uDAAuD,EAAC,MAAM,EAAE,UAAU,GAAI,EACvF,KAAC,SAAS,KAAG,IACT,GACF,IACF,IACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { Slot } from '../../runtime';\nimport CenterLinks from './CenterLinks';\nimport LeftLinks from './LeftLinks';\nimport LegalNotices from './LegalNotices';\nimport PoweredBy from './PoweredBy';\nimport RevealLinks from './RevealLinks';\nimport RightLinks from './RightLinks';\n\nexport default function Footer() {\n  return (\n    <footer className=\"d-flex flex-column align-items-stretch\">\n      <Slot id=\"org.openedx.frontend.slot.footer.desktopTop.v1\" layout={RevealLinks} />\n      <div className=\"py-3 px-3 d-flex gap-5 justify-content-between align-items-stretch\">\n        <div className=\"flex-basis-0 d-flex align-items-start\">\n          <div className=\"d-flex gap-3 align-items-center\">\n            <Slot id=\"org.openedx.frontend.slot.footer.desktopLeftLinks.v1\" layout={LeftLinks} />\n          </div>\n        </div>\n        <div className=\"flex-grow-1 flex-basis-0 d-flex justify-content-center\">\n          <div className=\"d-flex flex-column justify-content-between gap-5\">\n            <Slot id=\"org.openedx.frontend.slot.footer.desktopCenterLinks.v1\" layout={CenterLinks} />\n            <Slot id=\"org.openedx.frontend.slot.footer.desktopLegalNotices.v1\" layout={LegalNotices} />\n          </div>\n        </div>\n        <div className=\"flex-basis-0 d-flex justify-content-end\">\n          <div className=\"d-flex flex-column justify-content-between\">\n            <Slot id=\"org.openedx.frontend.slot.footer.desktopRightLinks.v1\" layout={RightLinks} />\n            <PoweredBy />\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n"]}

package/dist/shell/footer/LabeledLinkColumn.d.ts

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

package/dist/shell/footer/LabeledLinkColumn.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutOptions, useWidgets } from '../../runtime';
+export default function LabeledLinkColumn() {
+    const widgets = useWidgets();
+    const options = useLayoutOptions();
+    if (widgets.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { className: "d-flex flex-grow-1 flex-column gap-2 small", children: [typeof options.label === 'string' && (_jsx("div", { className: "mb-1 font-weight-bold", children: options.label })), widgets] }));
+}
+//# sourceMappingURL=LabeledLinkColumn.js.map

package/dist/shell/footer/LabeledLinkColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledLinkColumn.js","sourceRoot":"","sources":["../../../shell/footer/LabeledLinkColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACxD,OAAO,OAAO,CAAC,KAAK,KAAK,QAAQ,IAAI,CACpC,cAAK,SAAS,EAAC,uBAAuB,YAAE,OAAO,CAAC,KAAK,GAAO,CAC7D,EACA,OAAO,IACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useLayoutOptions, useWidgets } from '../../runtime';\n\nexport default function LabeledLinkColumn() {\n  const widgets = useWidgets();\n  const options = useLayoutOptions();\n\n  if (widgets.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"d-flex flex-grow-1 flex-column gap-2 small\">\n      {typeof options.label === 'string' && (\n        <div className=\"mb-1 font-weight-bold\">{options.label}</div>\n      )}\n      {widgets}\n    </div>\n  );\n}\n"]}