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

package/shell/dev/devHeader/app.tsx

@@ -1,53 +0,0 @@
-import { WidgetOperationTypes } from '../../../runtime';
-import { App } from '../../../types';
-import LinkMenuItem from '../../menus/LinkMenuItem';
-import CoursesLink from './CoursesLink';
-import FooLink from './FooLink';
-import BarLink from './BarLink';
-import providers from './providers';
-
-const app: App = {
-  appId: 'org.openedx.frontend.app.dev.header',
-  slots: [
-    {
-      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
-      id: 'org.openedx.frontend.widget.slotShowcase.headerLink',
-      op: WidgetOperationTypes.APPEND,
-      element: (
-        <LinkMenuItem
-          label={<CoursesLink />}
-          url="#"
-          variant="navLink"
-        />
-      )
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
-      id: 'org.openedx.frontend.widget.slotShowcase.headerLink2a',
-      op: WidgetOperationTypes.APPEND,
-      element: (
-        <LinkMenuItem
-          label={<FooLink />}
-          url="#"
-          variant="navLink"
-        />
-      )
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
-      id: 'org.openedx.frontend.widget.slotShowcase.headerLink2b',
-      op: WidgetOperationTypes.APPEND,
-      condition: { authenticated: true },
-      element: (
-        <LinkMenuItem
-          label={<BarLink />}
-          url="#"
-          variant="navLink"
-        />
-      )
-    },
-  ],
-  providers
-};
-
-export default app;

package/shell/dev/devHeader/providers.tsx

@@ -1,11 +0,0 @@
-import { AppProvider } from '../../../types';
-
-import FooProvider from './FooProvider';
-import BarProvider from './BarProvider';
-
-const providers: AppProvider[] = [
-  FooProvider,
-  BarProvider,
-];
-
-export default providers;

package/shell/dev/devHome/HomePage.tsx

@@ -1,28 +0,0 @@
-import { Link } from 'react-router-dom';
-import { useIntl } from '../../../runtime';
-import { getUrlByRouteRole } from '../../../runtime/routing';
-import messages from './messages';
-
-export default function HomePage() {
-  const coursewareUrl = getUrlByRouteRole('courseware');
-  const dashboardUrl = getUrlByRouteRole('learnerDashboard');
-  const slotShowcaseUrl = getUrlByRouteRole('slotShowcase');
-  const intl = useIntl();
-
-  return (
-    <div className="p-3">
-      <p>{intl.formatMessage(messages.homeContent)}</p>
-      <ul>
-        {coursewareUrl !== null && (
-          <li><Link to={coursewareUrl}>Go to courseware page</Link></li>
-        )}
-        {dashboardUrl !== null && (
-          <li><Link to={dashboardUrl}>Go to dashboard page</Link></li>
-        )}
-        {slotShowcaseUrl !== null && (
-          <li><Link to={slotShowcaseUrl}>Go to slot showcase page</Link></li>
-        )}
-      </ul>
-    </div>
-  );
-}

package/shell/dev/devHome/app.ts

@@ -1,18 +0,0 @@
-import { App } from '../../../types';
-import HomePage from './HomePage';
-import messages from './i18n';
-
-const app: App = {
-  appId: 'org.openedx.frontend.app.dev.home',
-  routes: [{
-    path: '/',
-    id: 'org.openedx.frontend.route.dev.home',
-    Component: HomePage,
-    handle: {
-      role: 'org.openedx.frontend.role.devHome'
-    }
-  }],
-  messages,
-};
-
-export default app;

package/shell/dev/devHome/i18n/index.ts

@@ -1,27 +0,0 @@
-// Placeholder be overridden by `make pull_translations`
-export default {
-  ar: {},
-  'zh-hk': {},
-  'zh-cn': {},
-  uk: {},
-  'tr-tr': {},
-  th: {},
-  te: {},
-  ru: {},
-  'pt-pt': {},
-  'pt-br': {},
-  'it-it': {},
-  id: {},
-  hi: {},
-  he: {},
-  'fr-ca': {
-    'home.content': 'Home content in French.'
-  },
-  fa: {},
-  'es-es': {},
-  'es-419': {},
-  el: {},
-  'de-de': {},
-  da: {},
-  bo: {},
-};

package/shell/dev/devHome/messages.ts

@@ -1,11 +0,0 @@
-import { defineMessages } from '../../../runtime';
-
-const messages = defineMessages({
-  homeContent: {
-    id: 'home.content',
-    defaultMessage: 'Home page content.',
-    description: 'Content for the dev project home page.',
-  },
-});
-
-export default messages;

package/shell/dev/devUser/app.tsx

@@ -1,24 +0,0 @@
-import { WidgetOperationTypes } from '../../../runtime';
-import { App } from '../../../types';
-import LoginButton from '../../header/anonymous-menu/LoginButton';
-import RegisterButton from '../../header/anonymous-menu/RegisterButton';
-
-const app: App = {
-  appId: 'org.openedx.frontend.app.dev.user',
-  slots: [
-    {
-      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',
-      id: 'user.anonymousMenu.loginButton',
-      op: WidgetOperationTypes.APPEND,
-      component: LoginButton,
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.header.anonymousMenu.v1',
-      id: 'user.anonymousMenu.registerButton',
-      op: WidgetOperationTypes.APPEND,
-      component: RegisterButton,
-    },
-  ]
-};
-
-export default app;

package/shell/dev/devUser/index.ts

@@ -1 +0,0 @@
-export { default as devUserApp } from './app';

package/shell/dev/index.ts

@@ -1,5 +0,0 @@
-export { devFooterApp } from './devFooter';
-export { devHeaderApp } from './devHeader';
-export { devHomeApp } from './devHome';
-export { devUserApp } from './devUser';
-export { slotShowcaseApp } from './slotShowcase';

package/shell/dev/slotShowcase/HorizontalSlotLayout.tsx

@@ -1,11 +0,0 @@
-import { useWidgets } from '../../../runtime';
-
-export default function HorizontalSlotLayout() {
-  const widgets = useWidgets();
-
-  return (
-    <div className="d-flex gap-3">
-      {widgets}
-    </div>
-  );
-}

package/shell/dev/slotShowcase/LayoutWithOptions.tsx

@@ -1,17 +0,0 @@
-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 (
-    <>
-      <div>Layout Title: <strong>{title}</strong></div>
-      <div>
-        {widgets}
-      </div>
-    </>
-  );
-}

package/shell/dev/slotShowcase/SlotShowcasePage.tsx

@@ -1,66 +0,0 @@
-import { Slot } from '../../../runtime';
-import HorizontalSlotLayout from './HorizontalSlotLayout';
-import LayoutWithOptions from './LayoutWithOptions';
-
-export default function SlotShowcasePage() {
-  return (
-    <div className="p-3">
-      <h1>Slot Showcase</h1>
-
-      <p>As a best practice, widgets should pass additional props (<code>...props</code>) to their rendered HTMLElement. This accomplishes two things:</p>
-      <ul>
-        <li>It allows custom layouts to add <code>className</code> and <code>style</code> props as necessary for the layout.</li>
-        <li>It allows widgets to be effectively &quot;wrapped&quot; by a parent component to alter their behavior.</li>
-      </ul>
-
-      <h3>Simple slot with default layout</h3>
-      <p>This slot has no opinionated layout, it just renders its children.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseSimple" />
-
-      <h3>Simple slot with default content and props</h3>
-      <p>This slot has default content, and it exposes a slot prop to widgets.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseSimpleWithDefaultContent" aSlotProp="hello!">
-        <div>Look, I&apos;m default content!</div>
-      </Slot>
-
-      <h2>UI Layout Operations</h2>
-
-      <h3>Slot with custom layout</h3>
-      <p>This slot uses a horizontal flexbox layout from a component.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseCustom" layout={HorizontalSlotLayout} />
-      <p>This slot uses a horizontal flexbox layout from a JSX element.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseCustom" layout={<HorizontalSlotLayout />} />
-
-      <h3>Slot with override custom layout</h3>
-      <p>This slot uses a horizontal flexbox layout, but it was added by a layout replace operation.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseCustomConfig" />
-
-      <h3>Slot with layout options</h3>
-      <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>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault" layout={LayoutWithOptions} />
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions" layout={LayoutWithOptions} />
-
-      <h2>UI Widget Operations</h2>
-
-      <h3>Slot with prepended element</h3>
-      <p>This slot has a prepended element (and two appended elements).</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcasePrepending" />
-
-      <h3>Slot with inserted elements</h3>
-      <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>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseInserting" />
-
-      <h3>Slot with replaced element</h3>
-      <p>This slot has an element replacing element two.</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseReplacing" />
-
-      <h3>Slot with removed element</h3>
-      <p>This slot has removed element two (<code>WidgetOperationTypes.REMOVE</code>).</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseRemoving" />
-
-      <h3>Slot with widget with options.</h3>
-      <p>Both widgets accept options.  The first shows the default title, the second shows it set to &quot;Bar&quot;</p>
-      <Slot id="org.openedx.frontend.slot.dev.slotShowcaseWidgetOptions" />
-    </div>
-  );
-}

package/shell/dev/slotShowcase/WidgetWithOptions.tsx

@@ -1,11 +0,0 @@
-import { useWidgetOptions } from '../../../runtime';
-
-export default function WidgetWithOptions() {
-  const options = useWidgetOptions();
-
-  const title = typeof options.title === 'string' ? options.title : 'Foo';
-
-  return (
-    <div>{title}</div>
-  );
-}

package/shell/dev/slotShowcase/app.tsx

@@ -1,373 +0,0 @@
-import { NavDropdownMenuSlot } from '../..';
-import LinkMenuItem from '../../menus/LinkMenuItem';
-import { LayoutOperationTypes, WidgetOperationTypes, useSlotContext } from '../../../runtime';
-import { App } from '../../../types';
-import HorizontalSlotLayout from './HorizontalSlotLayout';
-import SlotShowcasePage from './SlotShowcasePage';
-import WidgetWithOptions from './WidgetWithOptions';
-
-function Title({ title, op }: { title: string, op?: string }) {
-  return (
-    <span>
-      {title}
-      {op && (
-        <>{' '}(<code>{op}</code>)</>
-      )}
-    </span>
-  );
-}
-
-function Child({ title, op }: { title: string, op?: string }) {
-  return (
-    <div>
-      {title}
-      {op && (
-        <span>{' '}(<code>{op}</code>)</span>
-      )}
-    </div>
-  );
-}
-
-function TakesProps({ aSlotProp }: { aSlotProp: string }) {
-  return (
-    <div>And this is a slot prop that was passed down via props: <code>{aSlotProp}</code></div>
-  );
-}
-
-function TakesPropsViaContext() {
-  const slotContext = useSlotContext();
-  const aSlotProp = typeof slotContext.aSlotProp === 'string' ? slotContext.aSlotProp : 'foo';
-  return (
-    <div>And this is the same prop, but accessed via slot context: <code>{aSlotProp}</code></div>
-  );
-}
-
-const app: 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: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
-      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseSimple',
-      id: 'org.openedx.frontend.widget.slotShowcase.simpleChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<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: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
-      id: 'org.openedx.frontend.widget.slotShowcase.customChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustom',
-      id: 'org.openedx.frontend.widget.slotShowcase.customChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<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: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
-      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
-      id: 'org.openedx.frontend.widget.slotShowcase.customConfigChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Three" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseCustomConfig',
-      op: LayoutOperationTypes.REPLACE,
-      element: <HorizontalSlotLayout />,
-    },
-
-    // Layout Options
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
-      op: LayoutOperationTypes.OPTIONS,
-      options: {
-        title: (<Title title="Bar" op="LayoutOperationTypes.OPTIONS" />),
-      }
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild1',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptions',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Three" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild1',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseLayoutWithOptionsDefault',
-      id: 'org.openedx.frontend.widget.slotShowcase.layoutWithOptionsDefaultChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<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: (<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: (<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: (<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: (<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: (<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: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
-      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseInserting',
-      id: 'org.openedx.frontend.widget.slotShowcase.insertingChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Three" />)
-    },
-
-    // Replacing
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
-      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild1',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
-      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseReplacing',
-      id: 'org.openedx.frontend.widget.slotShowcase.replacingChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<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: (<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: (<Child title="Child One" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
-      id: 'org.openedx.frontend.widget.slotShowcase.removingChild2',
-      op: WidgetOperationTypes.APPEND,
-      element: (<Child title="Child Two" />)
-    },
-    {
-      slotId: 'org.openedx.frontend.slot.dev.slotShowcaseRemoving',
-      id: 'org.openedx.frontend.widget.slotShowcase.removingChild3',
-      op: WidgetOperationTypes.APPEND,
-      element: (<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: (<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: (<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: (
-        <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: (
-        <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: (<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: (<LinkMenuItem label="Link 4" url="#" variant="navLink" />),
-      condition: {
-        active: ['org.openedx.frontend.role.slotShowcase'],
-      }
-    },
-  ]
-};
-
-export default app;