@genesislcap/pbc-reporting-ui 1.0.1

package/dist/esm/styles/colors.js

@@ -0,0 +1,17 @@
+export var ColorHEX;
+(function (ColorHEX) {
+    ColorHEX["lightBlue"] = "#11c9fc";
+    ColorHEX["lightBlue1"] = "#47bce0";
+    ColorHEX["blackPearl"] = "#111315";
+    ColorHEX["dark"] = "#181A1f";
+    ColorHEX["grey"] = "#2e3339";
+    ColorHEX["darkGrey"] = "#1c2024";
+    ColorHEX["darkGrey1"] = "#292e30";
+    ColorHEX["darkGrey2"] = "#323739";
+    ColorHEX["lightGrey"] = "#c9c9c9";
+    ColorHEX["lightGrey1"] = "#f1f1f1";
+    ColorHEX["cyan"] = "#879ba6";
+    ColorHEX["lightGreen"] = "#48e89b";
+    ColorHEX["darkGreen"] = "#434e49";
+    ColorHEX["orange"] = "#f96449";
+})(ColorHEX || (ColorHEX = {}));

package/dist/esm/styles/helpers.js

@@ -0,0 +1,179 @@
+import { neutralForegroundHint, neutralForegroundRest, neutralLayer3, } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+import { ColorHEX } from './colors';
+const { lightGrey, lightGrey1 } = ColorHEX;
+/**
+ * Helper classes
+ */
+export const helperStyles = css `
+  .text-center {
+    text-align: center;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .text-left {
+    text-align: left;
+  }
+
+  .my-20 {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+
+  .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: 1rem;
+  }
+
+  .gap-2 {
+    gap: 2rem;
+  }
+
+  .gap-3 {
+    gap: 3rem;
+  }
+
+  .gap-4 {
+    gap: 4rem;
+  }
+
+  .mt-1 {
+    margin-top: 1rem;
+  }
+
+  .mt-15px {
+    margin-top: 15px;
+  }
+
+  .mt-2 {
+    margin-top: 2rem;
+  }
+
+  .ml-5px {
+    margin-left: 5px;
+  }
+
+  .mr-5px {
+    margin-right: 5px;
+  }
+
+  .p-2 {
+    padding: 0.625rem;
+  }
+
+  .card {
+    padding: 1rem;
+    width: 100%;
+    background-color: ${neutralLayer3};
+  }
+
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .section-title {
+    font-size: 18px;
+    font-weight: 700;
+    line-height: normal;
+  }
+
+  .card-title {
+    color: ${neutralForegroundRest};
+    font-size: 14px;
+    font-weight: 700;
+    line-height: normal;
+    margin-top: 0;
+    text-align: 'left';
+    color: ${lightGrey1};
+  }
+
+  .step-title {
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  .card-description {
+    color: ${neutralForegroundHint};
+    line-height: normal;
+    font-size: 14px;
+    font-weight: 700;
+    margin-top: -5px;
+    color: ${lightGrey};
+  }
+
+  .spacer-3 {
+    height: 1.3rem;
+    margin: 1rem 0 1rem;
+  }
+
+  .light-grey {
+    color: ${neutralForegroundRest};
+  }
+
+  .dark-grey {
+    color: ${neutralForegroundHint};
+  }
+
+  .button + .button,
+  zero-button + zero-button {
+    margin-left: 1rem;
+  }
+`;

package/dist/esm/styles/index.js

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

package/dist/esm/styles/normalize.js

@@ -0,0 +1,13 @@
+import { css } from '@microsoft/fast-element';
+/**
+ * Normalize styles
+ */
+export const normalizeStyles = css `
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    margin: 0 0 1rem 0;
+  }
+`;

package/dist/esm/styles/styles.js

@@ -0,0 +1,22 @@
+import { neutralLayer1 } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+export const stylesCardHeading = css `
+  .heading {
+    background-color: ${neutralLayer1};
+    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 = 'block') => `
+  contain: content;
+  display: ${display};
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+`;
+export const mixinCardStyles = `
+  padding: 4px 16px 16px 16px;
+`;

package/dist/esm/utils/filterObjectArray.js

@@ -0,0 +1,13 @@
+/**
+ * @param baseArray - array of objects to filter
+ * @param removalArray - array of objects to be removed
+ * @param accessor - the accessor to use for identifying objects
+ * @returns - a new fitered array
+ */
+export function filterObjectArray(accessor, baseArray, removalArray) {
+    if (!accessor) {
+        return baseArray;
+    }
+    const removalKeys = new Set(removalArray.map((object) => object[accessor]));
+    return [...baseArray.filter((object) => !removalKeys.has(object[accessor]))];
+}

package/dist/esm/utils/getFiltersByType.js

@@ -0,0 +1,62 @@
+export const stringFilters = [
+    { name: 'equals', displayName: 'Equals', filterType: 'text' },
+    { name: 'notEqual', displayName: 'Not equal', filterType: 'text' },
+    { name: 'contains', displayName: 'Contains', filterType: 'text' },
+    { name: 'notContains', displayName: 'Not contains', filterType: 'text' },
+    { name: 'startsWith', displayName: 'Starts with', filterType: 'text' },
+    { name: 'endsWith', displayName: 'Ends with', filterType: 'text' },
+];
+export const booleanFilters = [
+    { name: 'equals', displayName: 'Equals', filterType: 'text' },
+    { name: 'notEqual', displayName: 'Not equal', filterType: 'text' },
+];
+export const numberFilters = [
+    { name: 'equals', displayName: 'Equals', filterType: 'number' },
+    { name: 'notEqual', displayName: 'Not equal', filterType: 'number' },
+    { name: 'lessThan', displayName: 'Less than', filterType: 'number' },
+    { name: 'lessThanEquals', displayName: 'Less than or equals', filterType: 'number' },
+    { name: 'greaterThan', displayName: 'Greater than', filterType: 'number' },
+    { name: 'greaterThanOrEquals', displayName: 'Greater than or equals', filterType: 'number' },
+    { name: 'inRange', displayName: 'In range', filterType: 'number' },
+];
+export const dateFilters = [
+    { name: 'equals', displayName: 'Equals', filterType: 'date' },
+    { name: 'notEqual', displayName: 'Not equal', filterType: 'date' },
+    { name: 'greaterThan', displayName: 'Greater than', filterType: 'date' },
+    { name: 'lessThan', displayName: 'Less than', filterType: 'date' },
+    { name: 'inRange', displayName: 'In range', filterType: 'date' },
+];
+export function getFiltersByFieldType(fieldType) {
+    switch (fieldType) {
+        case 'ENUM':
+        case 'STRING':
+            return stringFilters;
+        case 'BOOLEAN':
+            return booleanFilters;
+        case 'INT':
+        case 'LONG':
+        case 'DOUBLE':
+        case 'BIGDECIMAL':
+            return numberFilters;
+        case 'DATE':
+        case 'DATETIME':
+            return dateFilters;
+    }
+}
+export function getFilterTypeByFieldType(fieldType) {
+    switch (fieldType) {
+        case 'ENUM':
+        case 'STRING':
+            return 'text';
+        case 'BOOLEAN':
+            return 'text';
+        case 'INT':
+        case 'LONG':
+        case 'DOUBLE':
+        case 'BIGDECIMAL':
+            return 'number';
+        case 'DATE':
+        case 'DATETIME':
+            return 'date';
+    }
+}

package/dist/esm/utils/getSelectedFields.js

@@ -0,0 +1,13 @@
+/**
+ * Updates selectedFields based on checked and unchecked fields
+ */
+export const getSelectedFields = (allFields, selectedFields) => {
+    const getAllSelectedFields = allFields.gridApi.getSelectedRows().filter((row) => {
+        return !selectedFields.find((field) => field.name === row.name);
+    });
+    const selectedAndUnselectedFields = [...selectedFields, ...getAllSelectedFields];
+    const removeUnselectedFields = selectedAndUnselectedFields.filter((field) => {
+        return allFields.gridApi.getSelectedRows().find((row) => row.name === field.name);
+    });
+    return removeUnselectedFields;
+};

package/dist/esm/utils/index.js

@@ -0,0 +1,4 @@
+export * from './filterObjectArray';
+export * from './getFiltersByType';
+export * from './getSelectedFields';
+export * from './logger';

package/dist/esm/utils/logger.js

@@ -0,0 +1,2 @@
+import { createLogger } from '@genesislcap/foundation-logger';
+export const logger = createLogger('foundation-reporting');

package/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>{{htmlWebpackPlugin.options.title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
+<style>
+    html,
+    body {
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+    }
+    :not(:defined) {
+        visibility: hidden;
+    }
+</style>
+<body>
+<foundation-reporting></foundation-reporting>
+{{#if insertEntryPoint}}
+<script type="module" src="/src/index.ts"></script>
+{{/if}}
+</body>
+</html>

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@genesislcap/pbc-reporting-ui",
+  "description": "Genesis PBC Reporting UI",
+  "version": "1.0.1",
+  "license": "SEE LICENSE IN license.txt",
+  "main": "dist/esm/index.js",
+  "types": "dist/foundation-reporting.d.ts",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "config": {
+    "PORT": 5070
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/foundation-reporting.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./e2e": {
+      "default": "./test/e2e/index.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "e2e": [
+        "./test/e2e/index.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "bootstrap": "npm install --no-fund --no-audit",
+    "bootstrap:ci": "npm ci --no-fund --no-audit",
+    "build": "genx build -b ts",
+    "build:webpack": "genx build",
+    "build:webpack:stats": "genx analyze",
+    "clean": "rimraf dist tsconfig.tsbuildinfo",
+    "dev": "genx dev -e API_HOST,ENABLE_SSO",
+    "dev:docker": "npm run dev -- --host 0.0.0.0",
+    "dev:intellij": "genx dev -e ENABLE_SSO",
+    "dev:no-open": "npm run dev -- --no-open",
+    "dev:https": "npm run dev -- --https",
+    "dev:webpack": "npm run dev -- -b webpack",
+    "serve": "genx serve",
+    "test": "genx test",
+    "test:coverage": "genx test --coverage",
+    "test:coverage:browser": "genx test --coverage --browser",
+    "test:e2e": "genx test --e2e",
+    "test:e2e:debug": "genx test --e2e --debug",
+    "test:e2e:ui": "genx test --e2e --interactive",
+    "test:unit:browser": "genx test --browser",
+    "test:unit:browser:watch": "genx test --browser --watch",
+    "test:unit:watch": "genx test --watch",
+    "test:debug": "genx test --debug"
+  },
+  "devDependencies": {
+    "@genesislcap/foundation-testing": "~14",
+    "@genesislcap/genx": "~14",
+    "playwright-lighthouse": "^3.1.0",
+    "rimraf": "^3.0.2",
+    "tslib": "^2.3.1"
+  },
+  "peerDependencies": {
+    "@ag-grid-community/core": "29.2.0",
+    "@genesislcap/foundation-comms": "~14",
+    "@genesislcap/foundation-logger": "~14",
+    "@genesislcap/foundation-utils": "~14",
+    "@genesislcap/foundation-zero": "~14",
+    "@genesislcap/foundation-zero-grid-pro": "~14",
+    "@microsoft/fast-components": "^2.21.3",
+    "@microsoft/fast-element": "^1.7.0",
+    "@microsoft/fast-foundation": "^2.33.2",
+    "@microsoft/fast-router": "^0.4.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "customElements": "dist/custom-elements.json"
+}