@genesislcap/pbc-reconciliation-ui 0.0.2 → 0.0.4

package/src/layouts/default.ts

@@ -1,152 +0,0 @@
-import { getApp } from '@genesislcap/foundation-shell/app';
-import type { FoundationRouter } from '@genesislcap/foundation-ui';
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
-import type { Store } from '../store';
-
-type ClientAppRouter = FoundationRouter & { store: Store };
-
-const app = getApp();
-
-const baseLayoutCss = css`
-  .container {
-    width: 100%;
-    height: 100%;
-    display: block;
-    position: relative;
-  }
-
-  .content {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-  }
-`;
-
-export const loginLayout = new FASTElementLayout(
-  html<ClientAppRouter>`
-    <div class="container">
-      <div class="content">
-        <slot></slot>
-      </div>
-    </div>
-  `,
-  baseLayoutCss,
-);
-
-export const defaultLayout = new FASTElementLayout(
-  html<ClientAppRouter>`
-    <div class="container">
-      ${app.registerElementsTarget('layout-start')}
-      <foundation-header
-        show-luminance-toggle-button
-        show-misc-toggle-button
-        :routeNavItems=${(x) => x.config.getNavItems()}
-      >
-        <div slot="menu-contents">
-          <span slot="group-title-1">GROUP SLOT</span>
-          <zero-tree-view slot="nav-items-1">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item
-            </zero-tree-item>
-          </zero-tree-view>
-          <span slot="group-title-2">GROUP SLOT 2</span>
-          <zero-tree-view slot="nav-items-2">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Slot Tree Item 2
-            </zero-tree-item>
-          </zero-tree-view>
-          <span slot="group-title-3">GROUP SLOT 3</span>
-          <zero-tree-view slot="nav-items-3">
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              User Slot
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Reporting Slot
-            </zero-tree-item>
-            <zero-tree-item>
-              <zero-icon variant="solid" name="location-arrow"></zero-icon>
-              Settings Slot
-            </zero-tree-item>
-          </zero-tree-view>
-        </div>
-      </foundation-header>
-      <div class="content">
-        ${app.registerElementsTarget('content-start')}
-        <slot></slot>
-        ${app.registerElementsTarget(['content', 'content-end'])}
-      </div>
-      ${app.registerElementsTarget(['layout', 'layout-end'])}
-    </div>
-  `,
-  css`
-    ${baseLayoutCss}
-
-    .content {
-      padding-top: 60px;
-    }
-
-    foundation-header {
-      z-index: 999;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      align-items: center;
-      border: none;
-    }
-
-    zero-tree-item zero-icon {
-      color: #879ba6;
-      padding-right: 10px;
-    }
-
-    foundation-header::part(nav-visibility-icon) {
-      color: var(--accent-foreground-rest);
-    }
-
-    foundation-header::part(notifications-button) {
-      position: relative;
-    }
-
-    zero-flyout::part(flyout) {
-      width: 40%;
-      min-width: 320px;
-      padding: 0;
-    }
-
-    zero-flyout::part(content) {
-      height: 100%;
-    }
-  `.withBehaviors(app.registerStylesTarget('layout')),
-);

package/src/layouts/index.ts

@@ -1 +0,0 @@
-export * from './default';

package/src/main/main.css

@@ -1,17 +0,0 @@
-/* index.ejs styling */
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-}
-
-foundation-router {
-  padding-top: 60px;
-}
-
-:not(:defined) {
-  visibility: hidden;
-}

package/src/pbc/README.md

@@ -1,8 +0,0 @@
-# PBC
-
-This directory contains PBCs that have been added dynamically via the `genx add` command. Each `genx add` will create
-a new changeset for you and your team to review and merge. You may choose to tailor the generate PBC assets post
-`genx add` for fine grain control, but be aware that doing so makes it more difficult to automate future PBC upgrades.
-You may need to re-add a PBC that you have previously edited and re-merge any changes to it yourself.
-
-See the app README.md in `@genesislcap/foundation-shell/app` or visit https://learn.genesis.global/docs/web/ to learn more.

package/src/routes/config.ts

@@ -1,135 +0,0 @@
-import { Auth, Session } from '@genesislcap/foundation-comms';
-import {
-  defaultLoginConfig,
-  LoginConfig,
-  Settings as LoginSettings,
-} from '@genesislcap/foundation-login';
-import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
-import { optional } from '@microsoft/fast-foundation';
-import { Route } from '@microsoft/fast-router';
-import { defaultLayout, loginLayout } from '../layouts';
-import { NotFound } from './not-found/not-found';
-import { Home } from './home/home';
-
-// eslint-disable-next-line
-declare var ENABLE_SSO: string;
-
-const ssoSettings =
-  typeof ENABLE_SSO !== 'undefined' && ENABLE_SSO === 'true'
-    ? {
-        autoAuth: true,
-        sso: {
-          toggled: true,
-          identityProvidersPath: 'sso/list',
-        },
-      }
-    : {};
-
-export class MainRouterConfig extends FoundationRouterConfiguration<LoginSettings> {
-  constructor(
-    @Auth private auth: Auth,
-    @Session private session: Session,
-    @optional(LoginConfig)
-    private loginConfig: LoginConfig = { ...defaultLoginConfig, autoAuth: true, autoConnect: true },
-  ) {
-    super();
-  }
-
-  async configure() {
-    this.configureAnalytics();
-    this.title = 'Blank App Demo';
-    this.defaultLayout = defaultLayout;
-
-    const authPath = 'login';
-
-    this.routes.map(
-      { path: '', redirect: authPath },
-      {
-        path: authPath,
-        name: 'login',
-        title: 'Login',
-        element: async () => {
-          const { configure, define } = await import(
-            /* webpackChunkName: "foundation-login" */
-            '@genesislcap/foundation-login'
-          );
-          configure(this.container, {
-            autoConnect: true,
-            defaultRedirectUrl: 'home',
-            ...ssoSettings,
-          });
-          return define({
-            name: `reconciliation-root-login`,
-            /**
-             * You can augment the template and styles here when needed.
-             */
-          });
-        },
-        layout: loginLayout,
-        settings: { public: true },
-        childRouters: true,
-      },
-      { path: 'not-found', element: NotFound, title: 'Not Found', name: 'not-found' },
-      {
-        path: 'home',
-        element: Home,
-        title: 'Home',
-        name: 'home',
-        navItems: [
-          {
-            title: 'Home',
-            icon: {
-              name: 'cog',
-              variant: 'solid',
-            },
-          },
-        ],
-      },
-    );
-
-    /**
-     * Example of a FallbackRouteDefinition
-     */
-    this.routes.fallback(() =>
-      this.auth.isLoggedIn ? { redirect: 'not-found' } : { redirect: authPath },
-    );
-
-    /**
-     * Example of a NavigationContributor
-     */
-    this.contributors.push({
-      navigate: async (phase) => {
-        const settings = phase.route.settings;
-
-        /**
-         * If public route don't block
-         */
-        if (settings && settings.public) {
-          return;
-        }
-
-        /**
-         * If logged in don't block
-         */
-        if (this.auth.isLoggedIn) {
-          return;
-        }
-
-        /**
-         * If allowAutoAuth and session is valid try to connect+auto-login
-         */
-        if (this.loginConfig.autoAuth && (await this.auth.reAuthFromSession())) {
-          return;
-        }
-
-        /**
-         * Otherwise route them somewhere, like to a login
-         */
-        phase.cancel(() => {
-          this.session.captureReturnUrl();
-          Route.name.replace(phase.router, authPath);
-        });
-      },
-    });
-  }
-}

package/src/routes/home/home.styles.ts

@@ -1,7 +0,0 @@
-import { css } from '@microsoft/fast-element';
-
-export const HomeStyles = css`
-  :host {
-    /* insert css styles here */
-  }
-`;

package/src/routes/home/home.template.ts

@@ -1,7 +0,0 @@
-import { html } from '@microsoft/fast-element';
-import type { Home } from './home';
-
-export const HomeTemplate = html<Home>`
-  <!-- insert template code here -->
-  Welcome to Home
-`;

package/src/routes/home/home.ts

@@ -1,14 +0,0 @@
-import { customElement, FASTElement } from '@microsoft/fast-element';
-import { HomeStyles as styles } from './home.styles';
-import { HomeTemplate as template } from './home.template';
-
-@customElement({
-  name: 'home-route',
-  template,
-  styles,
-})
-export class Home extends FASTElement {
-  constructor() {
-    super();
-  }
-}

package/src/routes/index.ts

@@ -1 +0,0 @@
-export * from './config';

package/src/routes/not-found/not-found.styles.ts

@@ -1,11 +0,0 @@
-import { css } from '@microsoft/fast-element';
-import { mixinScreen } from '../../styles';
-
-export const NotFoundStyles = css`
-  :host {
-    ${mixinScreen('flex')}
-
-    align-items: center;
-    justify-content: center;
-  }
-`;

package/src/routes/not-found/not-found.template.ts

@@ -1,6 +0,0 @@
-import { html } from '@microsoft/fast-element';
-import type { NotFound } from './not-found';
-
-export const NotFoundTemplate = html<NotFound>`
-  <h1>Not found! 404</h1>
-`;

package/src/routes/not-found/not-found.ts

@@ -1,16 +0,0 @@
-import { customElement, FASTElement } from '@microsoft/fast-element';
-import { logger } from '../../utils';
-import { NotFoundStyles as styles } from './not-found.styles';
-import { NotFoundTemplate as template } from './not-found.template';
-
-@customElement({
-  name: 'not-found-route',
-  template,
-  styles,
-})
-export class NotFound extends FASTElement {
-  public connectedCallback() {
-    super.connectedCallback();
-    logger.debug(`${name} is now connected to the DOM`);
-  }
-}

package/src/store/index.ts

@@ -1 +0,0 @@
-export * from './store';

package/src/store/store.ts

@@ -1,29 +0,0 @@
-import { CustomEventMap } from '@genesislcap/foundation-events';
-import { getApp } from '@genesislcap/foundation-shell/app';
-import {
-  AbstractStoreRoot,
-  registerStore,
-  StoreRoot,
-  StoreRootEventDetailMap,
-} from '@genesislcap/foundation-store';
-
-export interface Store extends StoreRoot {}
-
-export type StoreEventDetailMap = StoreRootEventDetailMap & {};
-
-declare global {
-  interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {}
-}
-
-class DefaultStore extends AbstractStoreRoot<Store, StoreEventDetailMap> implements Store {
-  constructor() {
-    super();
-
-    /**
-     * Register the store root
-     */
-    getApp().registerStoreRoot(this);
-  }
-}
-
-export const Store = registerStore(DefaultStore, 'Store');

package/src/styles/design-tokens.json

@@ -1,56 +0,0 @@
-{
-  "design_tokens": {
-    "color": {
-      "accent": {
-        "$value": "#0EAFE2",
-        "$type": "color"
-      },
-      "neutral": {
-        "$value": "#7C909B",
-        "$type": "color"
-      }
-    },
-    "fontFamily": {
-      "bodyFont": {
-        "$value": "Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
-        "$type": "fontFamily"
-      }
-    },
-    "typography": {
-      "baseFontSize": {
-        "$value": "14px",
-        "$type": "dimension"
-      },
-      "baseLineHeight": {
-        "$value": "20px",
-        "$type": "dimension"
-      }
-    },
-    "mode": {
-      "luminance": {
-        "$value": 0.23,
-        "$type": "number"
-      }
-    },
-    "style": {
-      "density": {
-        "$value": 0,
-        "$type": "number"
-      },
-      "borderRadius": {
-        "$value": 4,
-        "$type": "number"
-      },
-      "strokeWidth": {
-        "$value": 1,
-        "$type": "number"
-      }
-    },
-    "space": {
-      "designUnit": {
-        "$value": 4,
-        "$type": "number"
-      }
-    }
-  }
-}

package/src/styles/index.ts

@@ -1,2 +0,0 @@
-export * from './styles';
-export * from './typography';

package/src/styles/styles.ts

@@ -1,30 +0,0 @@
-import { css } from '@microsoft/fast-element';
-import { mixinCardTitle } from './typography';
-
-export const stylesCardHeading = css`
-  header h1 {
-    ${mixinCardTitle}
-  }
-`;
-
-export const mixinScreen = (display: string = 'block') => `
-  contain: content;
-  display: ${display};
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-`;
-
-export const mixinCardStyles = `
-  padding: calc(var(--design-unit) * 2px);
-`;
-
-/**
- * Temp as these parts are being removed from foundation-ui
- */
-export const hideZeroButtonParts = `
-  zero-button::part(info1),
-  zero-button::part(info2) {
-    display: none;
-  }
-`;

package/src/styles/typography.ts

@@ -1,25 +0,0 @@
-const mixinSegoeUI = (style = 'normal', weight = 'normal') => `
-  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; 
-  font-style: ${style};
-  font-weight: ${weight};
-`;
-
-export const stylesFontFaces = `
-  @font-face {
-    font-family: Segoe UI;
-    font-weight: 300;
-    src: local("Segoe UI Semilight"), local("Segoe UI");
-  }
-
-  * {
-    ${mixinSegoeUI()}
-  }
-`;
-
-export const mixinCardTitle = mixinSegoeUI('normal', 'bold');
-
-export const stylesHeaders = `
-  h1, h2, h3, h4, h5, h6 {
-    margin: 0;
-  }
-`;

package/src/types.ts

@@ -1,5 +0,0 @@
-import { DI } from '@microsoft/fast-foundation';
-
-export const HostENV = DI.createInterface<string>();
-
-export const HostURL = DI.createInterface<string>();

package/test/unit/sample.test.ts

@@ -1,14 +0,0 @@
-import { createLogicSuite } from '@genesislcap/foundation-testing';
-
-const isHelloWorld = (arg) => arg === 'Hello world';
-
-const Suite = createLogicSuite('isHelloWorld');
-Suite('isHelloWorld should provide expected results', ({ runCases }) => {
-  runCases(isHelloWorld, [
-    [['1'], false],
-    [[123], false],
-    [['Hello world'], true],
-  ]);
-});
-
-Suite.run();