@genesislcap/pbc-reconciliation-ui 0.0.2 → 0.0.3

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();