@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1

package/src/old/main/main.ts

@@ -1,250 +0,0 @@
-import { Connect, DatasourceDefaults } from '@genesislcap/foundation-comms';
-import type { Tabs } from '@genesislcap/foundation-ui';
-import { customElement, GenesisElement, NavigationPhase, observable } from '@genesislcap/web-core';
-import { List } from '../components/list';
-import { ReportingConfig } from '../config/config';
-import { MainStyles as styles } from './main.styles';
-import { MainTemplate as template } from './main.template';
-import { ReportingEventListeners, ReportNotification, Settings } from './types';
-
-export namespace LegacyReporting {
-  /**
-   * FoundationReporting.
-   *
-   * @remarks
-   * Base MF export used by host application `configure` calls. It does not set up a design system or components. Both are
-   * expected to be registered in the host application, which should provide the details of which to the MF via
-   * TemplateOptions.
-   *
-   * See the configure hook for more information on how to set up and use this micro frontend in your application.
-   *
-   * @public
-   */
-  @customElement({
-    name: 'foundation-reporting-legacy',
-    template,
-    styles,
-  })
-  export class FoundationReporting extends GenesisElement {
-    @Connect connect!: Connect;
-    @observable fields: string[] = [];
-    @observable selectedRows = [];
-    @observable activeReport: any = {};
-    @observable notifications: ReportNotification[] = [];
-    @observable datasourceSettings;
-    @observable ready: boolean;
-    @ReportingConfig config!: ReportingConfig;
-
-    public listBox: HTMLElement;
-    public reportsGrid!: List;
-    public tabs: Tabs;
-
-    private firstReportRun = true;
-    public createEditTabId = 'create-edit-report';
-
-    async enter(phase: NavigationPhase<Settings>) {
-      this.datasourceSettings = {
-        maxRows: phase.route.settings?.maxRows ?? DatasourceDefaults.MAX_ROWS_250,
-        maxView: phase.route.settings?.maxView ?? DatasourceDefaults.MAX_VIEW_1000,
-      };
-    }
-
-    async connectedCallback(): Promise<void> {
-      super.connectedCallback();
-      this.ready = true;
-      console.log('reporting config', this.config);
-      this.addEventListener(ReportingEventListeners.notify, this.handleNotifyEvent);
-      this.addEventListener(ReportingEventListeners.listReports, this.handleListReportsEvent);
-    }
-
-    handleRowSelectionEvent = (e: CustomEvent) => {
-      this.selectedRows = e.detail.selectedRows();
-    };
-
-    private handleNotifyEvent = (e: CustomEvent) => {
-      this.notifications = [...this.notifications, e.detail];
-    };
-
-    private handleListReportsEvent = (e: CustomEvent) => {
-      this.setPageTab('list-reports');
-      this.clearActiveReport();
-    };
-
-    handleRunReportEvent = (e: CustomEvent) => {
-      this.run(e.detail);
-    };
-
-    handleEditReportEvent = (e: CustomEvent) => {
-      this.edit(e.detail);
-    };
-
-    private clearActiveReport() {
-      this.activeReport = {};
-    }
-
-    public handleTabsChange({ detail }: CustomEvent) {
-      if (detail?.id === this.createEditTabId) {
-        this.clearActiveReport();
-      }
-    }
-
-    // TODO: use const for tab identifiers
-    public create() {
-      this.clearActiveReport();
-      this.setPageTab('create-edit-report');
-    }
-
-    public edit(rowData) {
-      this.activeReport = {
-        ...rowData,
-        REPORT_COLUMNS: JSON.parse(rowData['REPORT_COLUMNS']),
-      };
-      this.setPageTab('create-edit-report');
-    }
-
-    public run(rowData) {
-      this.activeReport = {
-        ...rowData,
-        REPORT_COLUMNS: JSON.parse(rowData['REPORT_COLUMNS']),
-      };
-
-      if (this.firstReportRun) {
-        setTimeout(() => {
-          this.setPageTab('run-report');
-          this.firstReportRun = false;
-        }, 100);
-      } else {
-        this.setPageTab('run-report');
-      }
-    }
-
-    public setPageTab(tab: string) {
-      this.tabs.activeid = tab;
-    }
-
-    public async getFields(resourceName: string) {
-      const temp = await this.connect.getMetadata(resourceName);
-      for (let i = 0; i < temp.FIELD.length; i += 1) {
-        this.fields.push(temp.FIELD[i].NAME);
-      }
-      this.listBox.hidden = false;
-    }
-
-    disconnectedCallback(): void {
-      this.reportsGrid.removeEventListener('rowSelectionEvent', this.handleRowSelectionEvent);
-      this.removeEventListener(ReportingEventListeners.notify, this.handleNotifyEvent);
-      this.removeEventListener(ReportingEventListeners.listReports, this.handleListReportsEvent);
-      this.reportsGrid.removeEventListener(
-        ReportingEventListeners.runReport,
-        this.handleRunReportEvent,
-      );
-      this.reportsGrid.removeEventListener(
-        ReportingEventListeners.editReport,
-        this.handleEditReportEvent,
-      );
-      super.disconnectedCallback();
-    }
-  }
-
-  /**
-   * RapidReporting.
-   *
-   * @remarks
-   * A rapid version that pre-registers rapid components and uses the rapid design system.
-   *
-   * @example
-   * ```ts
-   * import { RapidReporting } from '@genesislcap/pbc-reporting-ui';
-   * ...
-   * RapidReporting
-   * ```
-   *
-   * @example Load the micro frontend on-demand
-   * ```ts
-
-   *   const { RapidReporting } = await import('@genesislcap/pbc-reporting-ui');
-   *   return RapidReporting;
-   * },
-   * ```
-   *
-   * @public
-   */
-  @customElement({
-    name: 'rapid-reporting-legacy',
-    template,
-    styles,
-  })
-  export class RapidReporting extends FoundationReporting {
-    /**
-     * @internal
-     */
-    async connectedCallback() {
-      await this.loadRemotes();
-      await super.connectedCallback();
-    }
-
-    /**
-     * @internal
-     */
-    protected async loadRemotes() {
-      const { registerCommonRapidComponents } = await import('../components/rapid-components');
-      await registerCommonRapidComponents();
-      this.ready = true;
-    }
-  }
-
-  /**
-   * ZeroReporting.
-   *
-   * @remarks
-   * A zero version that pre-registers zero components and uses the zero design system.
-   *
-   * @example
-   * ```ts
-   * import { ZeroReporting } from '@genesislcap/pbc-reporting-ui';
-   * ...
-   * ZeroReporting
-   * ```
-   *
-   * @example Load the micro frontend on-demand
-   * ```ts
-
-   *   const { ZeroReporting } = await import('@genesislcap/pbc-reporting-ui');
-   *   return ZeroReporting;
-   * },
-   * ```
-   *
-   * @public
-   */
-  @customElement({
-    name: 'zero-reporting-legacy',
-    template,
-    styles,
-  })
-  export class ZeroReporting extends FoundationReporting {
-    /**
-     * @internal
-     */
-    async connectedCallback() {
-      await this.loadRemotes();
-      await super.connectedCallback();
-    }
-
-    /**
-     * @internal
-     */
-    protected async loadRemotes() {
-      const { registerCommonZeroComponents } = await import('../components/zero-components');
-      await registerCommonZeroComponents();
-      this.ready = true;
-    }
-  }
-
-  /**
-   * @privateRemarks
-   * Keeps backwards compatability with original export.
-   *
-   * @public
-   */
-  export class Reporting extends ZeroReporting {}
-}

package/src/old/main/types.ts

@@ -1,29 +0,0 @@
-export type Settings = {
-  public?: boolean;
-  resetPassword?: boolean;
-  requestAccount?: boolean;
-  forgotPassword?: boolean;
-  logoSrc?: string;
-  logoWidth?: string;
-  logoHeight?: string;
-  maxRows?: number;
-  maxView?: number;
-};
-
-/**
- * Renamed from `Notification` to avoid colliding with the DOM global `Notification`
- * once rolled up into the package's public API surface.
- */
-export type ReportNotification = {
-  type: string;
-  title: string;
-  message?: string;
-  autoClose?: boolean;
-};
-
-export enum ReportingEventListeners {
-  notify = 'notify',
-  listReports = 'listReports',
-  runReport = 'runReport',
-  editReport = 'editReport',
-}

package/src/old/styles/colors.ts

@@ -1,16 +0,0 @@
-export enum ColorHEX {
-  lightBlue = '#11c9fc',
-  lightBlue1 = '#47bce0',
-  blackPearl = '#111315',
-  dark = '#181A1f',
-  grey = '#2e3339',
-  darkGrey = '#1c2024',
-  darkGrey1 = '#292e30',
-  darkGrey2 = '#323739',
-  lightGrey = '#c9c9c9',
-  lightGrey1 = '#f1f1f1',
-  cyan = '#879ba6',
-  lightGreen = '#48e89b',
-  darkGreen = '#434e49',
-  orange = '#f96449',
-}

package/src/old/styles/helpers.ts

@@ -1,181 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-/**
- * Helper classes
- */
-export const helperStyles = css`
-  ::-webkit-scrollbar {
-    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);
-  }
-
-  ::-webkit-scrollbar-track {
-    background: var(--neutral-layer-1);
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: var(--neutral-fill-rest);
-  }
-  .text-center {
-    text-align: center;
-  }
-
-  .text-right {
-    text-align: right;
-  }
-
-  .text-left {
-    text-align: left;
-  }
-
-  .my-20 {
-    margin-top: calc(var(--design-unit) * 5px);
-    margin-bottom: calc(var(--design-unit) * 5px);
-  }
-
-  .h-full {
-    height: 100%;
-  }
-
-  .h-90pc {
-    height: 90%;
-  }
-
-  .w-full {
-    width: 100%;
-  }
-
-  .max-w-50pc {
-    max-width: 50%;
-  }
-
-  .max-w-360px {
-    max-width: 360px;
-  }
-
-  .flex {
-    display: flex;
-  }
-
-  .flex-column {
-    flex-direction: column;
-  }
-
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .flex-grow {
-    flex-grow: 1;
-  }
-
-  .flex-column {
-    flex-direction: column;
-  }
-
-  .flex-1 {
-    flex: 1;
-  }
-
-  .space-between {
-    justify-content: space-between;
-  }
-
-  .flex-end {
-    justify-content: flex-end;
-  }
-
-  .items-center {
-    align-items: center;
-  }
-
-  .gap-1 {
-    gap: calc(var(--design-unit) * 4px);
-  }
-
-  .gap-2 {
-    gap: 2rem;
-  }
-
-  .gap-3 {
-    gap: 3rem;
-  }
-
-  .gap-4 {
-    gap: 4rem;
-  }
-
-  .mt-1 {
-    margin-top: calc(var(--design-unit) * 4px);
-  }
-
-  .mt-15px {
-    margin-top: calc(var(--design-unit) * 4px);
-  }
-
-  .mt-2 {
-    margin-top: 2rem;
-  }
-
-  .ml-5px {
-    margin-left: 5px;
-  }
-
-  .mr-5px {
-    margin-right: 5px;
-  }
-
-  .p-2 {
-    padding: 0.625rem;
-  }
-
-  .card {
-    padding: calc(var(--design-unit) * 4px);
-    width: 100%;
-    background-color: var(--neutral-layer-3);
-    border: none;
-  }
-
-  .overflow-auto {
-    overflow: auto;
-  }
-
-  .section-title {
-    font-size: var(--type-ramp-plus-4-font-size);
-    font-weight: 700;
-    line-height: normal;
-  }
-
-  .card-title {
-    color: var(--neutral-foreground-rest);
-    font-size: var(--type-ramp-base-font-size);
-    font-weight: 700;
-    line-height: normal;
-    margin-top: 0;
-    text-align: 'left';
-  }
-
-  .step-title {
-    font-size: var(--type-ramp-base-font-size);
-    line-height: 22px;
-  }
-
-  .card-description {
-    color: var(--neutral-foreground-hint);
-    line-height: normal;
-    font-size: var(--type-ramp-base-font-size);
-    font-weight: 700;
-  }
-
-  .spacer-3 {
-    height: 1.3rem;
-    margin: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 4px);
-  }
-
-  .light-grey {
-    color: var(--neutral-foreground-rest);
-  }
-
-  .dark-grey {
-    color: var(--neutral-foreground-hint);
-  }
-`;

package/src/old/styles/index.ts

@@ -1,4 +0,0 @@
-export * from './styles';
-export * from './helpers';
-export * from './normalize';
-export * from './colors';

package/src/old/styles/normalize.ts

@@ -1,14 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-/**
- * Normalize styles
- */
-export const normalizeStyles = css`
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    margin: 0 0 calc(var(--design-unit) * 4px) 0;
-  }
-`;

package/src/old/styles/styles.ts

@@ -1,24 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-export const stylesCardHeading = css`
-  .heading {
-    background-color: var(--neutral-layer-1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-    margin: -4px -16px 0 -16px;
-    padding: 8px 16px;
-    font-size: 20px;
-    font-weight: 700;
-  }
-`;
-
-export const mixinScreen = (display: string = 'block') => `
-  contain: content;
-  display: ${display};
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-`;
-
-export const mixinCardStyles = `
-  padding: 4px 16px 16px 16px;
-`;

package/src/old/tags/index.ts

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

package/src/old/tags/tags.ts

@@ -1,79 +0,0 @@
-import { tagFor } from '@genesislcap/foundation-ui';
-import { DI } from '@genesislcap/web-core';
-import { ReportingConfig } from '../config/config';
-import { defaultTemplateOptions } from '../config/templates';
-
-/**
- * It's important this file isn't referenced ahead of a `configure` call, otherwise these values may remain fixed at
- * their defaults. Consumers must use the `/config` subpath to help avoid this. Files with references to tags should be
- * lazily loaded. There is an alternative `getTags` utility at the end which could offer another approach, but direct
- * tag exports and inline template references feel cleaner than having to convert all component `template` and `styles`
- * exports to functions to call `getTags` on execution.
- */
-
-/**
- * @internal
- */
-export const { templateOptions = defaultTemplateOptions } =
-  DI.getOrCreateDOMContainer().get(ReportingConfig);
-
-/**
- * @internal
- */
-export const iconTag = tagFor(templateOptions.icon);
-
-/**
- * @internal
- */
-export const buttonTag = tagFor(templateOptions.button);
-
-/**
- * @internal
- */
-export const cardTag = tagFor(templateOptions.card);
-
-/**
- * @internal
- */
-export const tabsTag = tagFor(templateOptions.tabs);
-
-/**
- * @internal
- */
-export const tabTag = tagFor(templateOptions.tab);
-/**
- * @internal
- */
-export const tabPanelTag = tagFor(templateOptions.tabPanel);
-/**
- * @internal
- */
-export const textFieldTag = tagFor(templateOptions.textField);
-/**
- * @internal
- */
-export const textAreaTag = tagFor(templateOptions.textArea);
-/**
- * @internal
- */
-export const radioGroupTag = tagFor(templateOptions.radioGroup);
-/**
- * @internal
- */
-export const radioTag = tagFor(templateOptions.radio);
-/**
- * @internal
- */
-export const toastTag = tagFor(templateOptions.toast);
-/**
- * @internal
- */
-export const designSystemProviderTag = tagFor(templateOptions.designSystemProvider);
-/**
- * @internal
- */
-export const gridTag = tagFor(templateOptions.grid);
-/**
- * @internal
- */
-export const checkboxTag = tagFor(templateOptions.checkbox);

package/src/old/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../tsconfig.base.json",
-  "compilerOptions": {
-    "strictNullChecks": false,
-    "rootDir": "./",
-    "outDir": "../../dist/old"
-  },
-  "include": ["**/*"],
-  "exclude": ["node_modules", "../../dist", "**/storybook-static"]
-}