Uploaded image for project: 'Hippo CMS'
  1. Hippo CMS
  2. CMS-12028

Implement BrComponent

    XMLWordPrintable

Details

    • New Feature
    • Status: Closed
    • Normal
    • Resolution: Available for testing
    • None
    • None
    • None
    • None
    • 3
    • Tiger
    • Tiger Sprint 217, Tiger Sprint 218

    Description

      In the SPA code, this component should look something like:

      import { BrPage, TYPE_CONTANER_BOX } from '@bloomreach/react-spa-sdk';

function App() {
  return (
    <BrPage configuration={configuration} mapping={{ News: NewsComponent, [TYPE_CONTANER_BOX]: MainComponent }}>
      <header>
        <BrComponent path="header" />
        <nav>
          <BrComponent path="menu" />
        </nav>
      </header>
      <section>
        <nav class="sidenav">
          <BrComponent path="sidebar" />
        </nav>
        <div class="container">
          <BrComponent>
        </div>
      </section>
      <footer>
        <BrComponent path="footer">
      </footer>
    </BrPage>
  );
}

      Requirements:

      • consume the page model and mappings using React's Context API;
      • implement Component representing COMPONENT type;
      • implement Container representing COMPONENT_CONTAINER type;
      • implement ContainerItem representing COMPONENT_CONTAINER_ITEM type;
      • implement the components mapping;
      • implement component rerender on `container-item.update` event;
      • implement a fallback to UndefinedComponent for ContainerItem which is not defined in mappings ;
      • implement fallbacks for Container based on the xtype: ContainerBox, ContainerInline, etc;
      • implement mapping for the menu component (based on `getName()` most probably);
      • write unit tests.

      Attachments

        Issue Links

          blocks

          New Feature - A new feature of the product, which has yet to be developed. CMS-12029 Replace Undefined and Placeholder components with a configuration

          • Normal - Normal priority, tasks to be done before next intermediate release
          • Closed
          is blocked by

          New Feature - A new feature of the product, which has yet to be developed. CMS-12025 Use SPA SDK in React code

          • Normal - Normal priority, tasks to be done before next intermediate release
          • Closed

          New Feature - A new feature of the product, which has yet to be developed. HSTTWO-4643 Update Page Model API to include container xtype

          • Normal - Normal priority, tasks to be done before next intermediate release
          • Closed

          Task - A task that needs to be done. CMS-12039 Decide what should be the names of React SDK components (API)

          • Normal - Normal priority, tasks to be done before next intermediate release
          • Closed

          Activity

            People

              Unassigned Unassigned
              mdokolin Mikhail Dokolin (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: