@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1

package/src/old/components/select-fields/data.ts

@@ -1,218 +0,0 @@
-export const data = [
-  {
-    name: 'AMOUNT',
-    selected: false,
-    type: 'DOUBLE',
-    displayName: 'AMOUNT',
-    availableFilters: [
-      {
-        type: 'equals',
-        name: 'Equals',
-        filterType: 'number',
-      },
-      {
-        type: 'notEqual',
-        name: 'Not equal',
-        filterType: 'number',
-      },
-      {
-        type: 'lessThan',
-        name: 'Less than',
-        filterType: 'number',
-      },
-      {
-        type: 'lessThanEquals',
-        name: 'Less than or equals',
-        filterType: 'number',
-      },
-      {
-        type: 'greaterThan',
-        name: 'Greater than',
-        filterType: 'number',
-      },
-      {
-        type: 'greaterThanOrEquals',
-        name: 'Greater than or equals',
-        filterType: 'number',
-      },
-      {
-        type: 'inRange',
-        name: 'In range',
-        filterType: 'number',
-      },
-    ],
-    filterIsActive: false,
-    selectedFilter: {
-      type: 'greaterThan',
-      name: 'Greater than',
-      filterType: 'number',
-    },
-    selectedFilterValue: 10000,
-  },
-  {
-    name: 'BASE_CURRENCY_AMOUNT',
-    selected: false,
-    type: 'DOUBLE',
-    displayName: 'BASE_CURRENCY_AMOUNT',
-    availableFilters: [
-      {
-        type: 'equals',
-        name: 'Equals',
-        filterType: 'number',
-      },
-      {
-        type: 'notEqual',
-        name: 'Not equal',
-        filterType: 'number',
-      },
-      {
-        type: 'lessThan',
-        name: 'Less than',
-        filterType: 'number',
-      },
-      {
-        type: 'lessThanEquals',
-        name: 'Less than or equals',
-        filterType: 'number',
-      },
-      {
-        type: 'greaterThan',
-        name: 'Greater than',
-        filterType: 'number',
-      },
-      {
-        type: 'greaterThanOrEquals',
-        name: 'Greater than or equals',
-        filterType: 'number',
-      },
-      {
-        type: 'inRange',
-        name: 'In range',
-        filterType: 'number',
-      },
-    ],
-    filterIsActive: false,
-    selectedFilter: {
-      type: 'greaterThan',
-      name: 'Greater than',
-      filterType: 'number',
-    },
-  },
-  {
-    name: 'BOND_STOCK_CCY',
-    selected: false,
-    type: 'STRING',
-    displayName: 'BOND_STOCK_CCY',
-    availableFilters: [
-      {
-        type: 'equals',
-        name: 'Equals',
-        filterType: 'text',
-      },
-      {
-        type: 'notEqual',
-        name: 'Not equal',
-        filterType: 'text',
-      },
-      {
-        type: 'contains',
-        name: 'Contains',
-        filterType: 'text',
-      },
-      {
-        type: 'notContains',
-        name: 'Not contains',
-        filterType: 'text',
-      },
-      {
-        type: 'startsWith',
-        name: 'Starts with',
-        filterType: 'text',
-      },
-      {
-        type: 'endsWith',
-        name: 'Ends with',
-        filterType: 'text',
-      },
-    ],
-    filterIsActive: false,
-  },
-  {
-    name: 'BOND_STOCK_TRADE_ID',
-    selected: false,
-    type: 'STRING',
-    displayName: 'BOND_STOCK_TRADE_ID',
-    availableFilters: [
-      {
-        type: 'equals',
-        name: 'Equals',
-        filterType: 'text',
-      },
-      {
-        type: 'notEqual',
-        name: 'Not equal',
-        filterType: 'text',
-      },
-      {
-        type: 'contains',
-        name: 'Contains',
-        filterType: 'text',
-      },
-      {
-        type: 'notContains',
-        name: 'Not contains',
-        filterType: 'text',
-      },
-      {
-        type: 'startsWith',
-        name: 'Starts with',
-        filterType: 'text',
-      },
-      {
-        type: 'endsWith',
-        name: 'Ends with',
-        filterType: 'text',
-      },
-    ],
-    filterIsActive: false,
-  },
-  {
-    name: 'CURRENCY_PAIR',
-    selected: false,
-    type: 'STRING',
-    displayName: 'CURRENCY_PAIR',
-    availableFilters: [
-      {
-        type: 'equals',
-        name: 'Equals',
-        filterType: 'text',
-      },
-      {
-        type: 'notEqual',
-        name: 'Not equal',
-        filterType: 'text',
-      },
-      {
-        type: 'contains',
-        name: 'Contains',
-        filterType: 'text',
-      },
-      {
-        type: 'notContains',
-        name: 'Not contains',
-        filterType: 'text',
-      },
-      {
-        type: 'startsWith',
-        name: 'Starts with',
-        filterType: 'text',
-      },
-      {
-        type: 'endsWith',
-        name: 'Ends with',
-        filterType: 'text',
-      },
-    ],
-    filterIsActive: false,
-  },
-];

package/src/old/components/select-fields/index.ts

@@ -1,3 +0,0 @@
-export * from './select-fields';
-export * from './select-fields.template';
-// export * from './select-fields.styles';

package/src/old/components/select-fields/select-fields.styles.ts

@@ -1,22 +0,0 @@
-import { css } from '@genesislcap/web-core';
-import { helperStyles, normalizeStyles } from '../../styles';
-import { cardTag } from '../../tags';
-
-export const SelectFieldsStyles = css`
-  ${helperStyles}
-  ${normalizeStyles}
-  .available-fields,
-  .selected-fields {
-    height: 100%;
-  }
-
-  .select-fields {
-    display: flex;
-    width: 100%;
-    height: 100%;
-  }
-
-  ${cardTag} {
-    background-color: var(--neutral-layer-3);
-  }
-`;

package/src/old/components/select-fields/select-fields.template.ts

@@ -1,58 +0,0 @@
-import { html, ref } from '@genesislcap/web-core';
-import { buttonTag, cardTag, gridTag } from '../../tags';
-import type { SelectFields } from './select-fields';
-
-const availableFieldsTemplate = html<SelectFields>`
-  <section class="available-fields" slot="left-section">
-    <h3 class="mt-1 section-title dark-grey">Select fields</h3>
-    <${cardTag} class="card">
-      <div class="flex space-between">
-        <h5 class="card-title">All fields</h5>
-      </div>
-
-      <div class="w-full h-90pc">
-        <${gridTag}
-          tabindex="0"
-          id="select-available-fields-grid"
-          ${ref('allFieldsGrid')}
-          rowSelection="multiple"
-          data-test-id="select-available-fields-grid"
-        ></${gridTag}>
-      </div>
-    </${cardTag}>
-  </section>
-`;
-
-const selectedFieldsTemplate = html<SelectFields>`
-  <section class="selected-fields" slot="right-section">
-    <div class="spacer-3"></div>
-    <${cardTag} class="card">
-      <div class="flex space-between">
-        <h5 class="card-title">Selected fields</h5>
-        <${buttonTag}
-          @click=${(x) => x.removeSelectedFields()}
-          ?disabled=${(x) => !x.fieldsToRemove.length}
-          appearance="${(x) => x.config.buttonAppearance}"
-        >
-          Remove fields
-        </${buttonTag}>
-      </div>
-      <div class="w-full h-90pc">
-        <${gridTag}
-          tabindex="0"
-          id="selected-fields-grid"
-          ${ref('selectedFieldsGrid')}
-          rowSelection="multiple"
-          data-test-id="selected-fields-grid"
-        ></${gridTag}>
-      </div>
-    </${cardTag}>
-  </section>
-`;
-
-// TODO: review classes from merge conflict
-export const SelectFieldsTemplate = html<SelectFields>`
-  <layout-two-pane-horizontal splitRatio="right-main">
-    ${availableFieldsTemplate} ${selectedFieldsTemplate}
-  </layout-two-pane-horizontal>
-`;

package/src/old/components/select-fields/select-fields.ts

@@ -1,218 +0,0 @@
-import { Connect } from '@genesislcap/foundation-comms';
-import type { GridPro } from '@genesislcap/grid-pro';
-import { RapidAgTextRenderer } from '@genesislcap/rapid-grid-pro';
-import { customElement, GenesisElement, observable, attr } from '@genesislcap/web-core';
-import { ReportingConfig } from '../../config/config';
-import { filterObjectArray, getSelectedFields } from '../../utils';
-import { FIELD_SELECT_CONFIG, SELECTED_FIELDS_CONFIG } from './columns';
-import { SelectFieldsStyles } from './select-fields.styles';
-import { SelectFieldsTemplate } from './select-fields.template';
-
-/**
- * Detail payload for the `setSelectedFields` event.
- * @public
- */
-export interface SelectedFieldsEventDetail {
-  fields: Array<Record<string, unknown>>;
-}
-
-/**
- * Reporting field selection grids.
- * @public
- *
- * @fires setSelectedFields - Fired when selected report fields change. detail: `SelectedFieldsEventDetail`
- */
-@customElement({
-  name: 'reporting-select-fields',
-  template: SelectFieldsTemplate,
-  styles: SelectFieldsStyles,
-})
-export class SelectFields extends GenesisElement {
-  public allFieldsGrid: GridPro;
-  public selectedFieldsGrid: GridPro;
-
-  @Connect connect: Connect;
-  @observable fieldsToRemove = [];
-  @observable fieldData;
-  @observable report = {};
-  @observable selectedFields;
-  @attr selectedDatasource: string = '';
-  @ReportingConfig config!: ReportingConfig;
-
-  /**
-   * Loading selected fields grid when we have selected rows
-   */
-  selectedFieldsChanged(oldValue) {
-    if (oldValue) {
-      this.selectedFieldsGrid?.gridApi?.setRowData(this.selectedFields);
-      this.selectedFieldsGrid?.gridApi?.refreshCells();
-    }
-  }
-
-  connectedCallback(): void {
-    super.connectedCallback();
-    this.loadAllFieldsGrid();
-    this.loadSelectedFieldsGrid();
-  }
-
-  /**
-   * As the current fieldsGrid does not have display name ctx, we need to make sure the text renderer field value is not lost
-   * @param array Array
-   * @returns Array
-   */
-  public makeSureFieldValueIsNotLost = (array) => {
-    return array.map((field) => {
-      const matchingField = this.selectedFields?.find((f) => f?.name === field?.name);
-      return {
-        ...field,
-        ...matchingField,
-      };
-    });
-  };
-
-  /**
-   * Update selected fields on parent component
-   */
-  public setSelectedFields(fields: Array<Record<string, unknown>>): void {
-    this.$emit('setSelectedFields', { fields });
-  }
-
-  /**
-   * Loads the allFieldsGrid
-   */
-  public async loadAllFieldsGrid(): Promise<void> {
-    this.allFieldsGrid.gridOptions = {
-      ...FIELD_SELECT_CONFIG.gridOptions,
-      columnDefs: FIELD_SELECT_CONFIG.colDefs,
-      rowData: [...this.fieldData],
-      onSelectionChanged: () => {
-        if (this.selectedFields) {
-          this.selectedFields = getSelectedFields(this.allFieldsGrid, this.selectedFields);
-          this.setSelectedFields([...this.makeSureFieldValueIsNotLost(this.selectedFields)]);
-        } else {
-          this.setSelectedFields([
-            ...this.makeSureFieldValueIsNotLost(this.allFieldsGrid.gridApi.getSelectedRows()),
-          ]);
-        }
-      },
-      onFirstDataRendered: () => {
-        this.allFieldsGrid?.gridApi?.sizeColumnsToFit();
-        this.selectDefaultFields();
-      },
-      onGridReady: () => {
-        window.addEventListener('resize', () => {
-          setTimeout(() => {
-            this.allFieldsGrid?.gridApi?.sizeColumnsToFit();
-          });
-        });
-      },
-    };
-  }
-
-  /**
-   * Loads the allFieldsGrid
-   */
-  public async loadSelectedFieldsGrid(): Promise<void> {
-    this.selectedFieldsGrid.gridOptions = {
-      ...SELECTED_FIELDS_CONFIG.gridOptions,
-      onRowDragEnd: this.refreshSelectFieldGridData,
-      columnDefs: [
-        ...SELECTED_FIELDS_CONFIG.colDefs,
-        {
-          field: 'displayName',
-          headerName: 'Display name',
-          cellRenderer: RapidAgTextRenderer,
-          cellRendererParams: {
-            accessor: 'displayName',
-            onChange: this.onTextFieldChange,
-          },
-        },
-        {
-          rowDrag: true,
-          width: 60,
-          sortable: false,
-          filter: false,
-        },
-      ],
-      rowData: [],
-      onGridReady: () => {
-        window.addEventListener('resize', () => {
-          setTimeout(() => {
-            this.selectedFieldsGrid?.gridApi?.sizeColumnsToFit();
-          });
-        });
-      },
-      onFirstDataRendered: () => {
-        this.selectedFieldsGrid?.gridApi?.sizeColumnsToFit();
-      },
-      onSelectionChanged: () => {
-        this.fieldsToRemove = this.selectedFieldsGrid.gridApi.getSelectedRows();
-      },
-    };
-  }
-
-  /**
-   * When text renderer text field changes handle
-   * @param value string
-   * @param params Object
-   */
-  public onTextFieldChange = async (value, params) => {
-    const newFields = this.selectedFields.map((field) => {
-      let newField = { ...field };
-      if (field.name === params.node.data.name) {
-        newField = {
-          ...newField,
-          displayName: value.replace(/[+\-@=]/g, ''),
-        };
-      }
-      return newField;
-    });
-    this.setSelectedFields(newFields);
-  };
-
-  /**
-   * Refresh select field grid data
-   */
-  public refreshSelectFieldGridData = (): void => {
-    const selectedFieldsOrder = [];
-    this.selectedFieldsGrid.gridApi.forEachNodeAfterFilterAndSort((rowNode) => {
-      selectedFieldsOrder.push(rowNode.data);
-    });
-    this.setSelectedFields([...this.makeSureFieldValueIsNotLost(selectedFieldsOrder)]);
-  };
-
-  /**
-   * Remove fields from selected fields grid and deselect them from the available fields grid
-   */
-  public removeSelectedFields = (): void => {
-    // filter fields from selected list
-    const filteredFields = filterObjectArray('name', this.selectedFields, this.fieldsToRemove);
-    this.setSelectedFields(filteredFields);
-
-    // reset removal array
-    this.fieldsToRemove = [];
-
-    // deselect available fieldgrid
-    this.allFieldsGrid.gridApi.deselectAll();
-
-    // reselect
-    this.allFieldsGrid.gridApi.forEachNode((node): void => {
-      filteredFields.find((field) => field.name === node.data.name) && node.setSelected(true);
-    });
-  };
-
-  /**
-   * Select default fields
-   */
-  public selectDefaultFields(): void {
-    if (this.selectedFields.length) {
-      this.allFieldsGrid.gridApi.forEachNode((node) => {
-        this.selectedFields.find((field) => field.name === node.data.name) &&
-          node.setSelected(true);
-      });
-      this.setSelectedFields([...this.makeSureFieldValueIsNotLost(this.selectedFields)]);
-    } else {
-      this.selectedFields = [];
-    }
-  }
-}

package/src/old/components/select-filters/columns.ts

@@ -1,78 +0,0 @@
-import { defaultCellConfig, defaultRowConfig } from '../../constants/grid-config';
-import { FilterValueRenderer } from '../renderers/filter-value-renderer';
-import { RowSelectRenderer } from '../renderers/row-select.renderer';
-
-/**
- * Field selection grid config
- */
-export const AVAILABLE_FIELDS_CONFIG = {
-  colDefs: [
-    {
-      cellRenderer: 'row-select',
-      checkboxSelection: false,
-      filter: false,
-      headerCheckboxSelection: true,
-      sortable: false,
-      width: 60,
-    },
-    {
-      field: 'displayName',
-      headerName: 'Field Name',
-    },
-  ],
-  gridOptions: {
-    ...defaultRowConfig,
-    components: {
-      'row-select': RowSelectRenderer,
-    },
-    defaultColDef: {
-      filter: false,
-      floatingFilter: false,
-      sortable: false,
-      suppressMenu: false,
-      resizable: false,
-    },
-    context: {
-      ariaLabelField: 'displayName',
-    },
-    debug: true,
-  },
-};
-
-/**
- * Columns main dummy data
- */
-export const SELECTED_FILTERS_CONFIG = {
-  colDefs: [
-    {
-      cellRenderer: 'row-select',
-      checkboxSelection: false,
-      headerCheckboxSelection: true,
-      width: 60,
-    },
-    {
-      field: 'displayName',
-      headerName: 'Field Name',
-    },
-  ],
-  gridOptions: {
-    ...defaultRowConfig,
-    components: {
-      'row-select': RowSelectRenderer,
-      'filter-value': FilterValueRenderer,
-    },
-    defaultColDef: {
-      ...defaultCellConfig,
-      filter: false,
-      resizable: false,
-      sortable: false,
-      suppressMenu: true,
-    },
-    context: {
-      ariaLabelField: 'displayName',
-    },
-    suppressContextMenu: true,
-    suppressRowTransform: true,
-    debug: true,
-  },
-};

package/src/old/components/select-filters/index.ts

@@ -1,3 +0,0 @@
-export * from './select-filters';
-export * from './select-filters.template';
-export * from './select-filters.styles';

package/src/old/components/select-filters/select-filters.styles.ts

@@ -1,21 +0,0 @@
-import { css } from '@genesislcap/web-core';
-import { helperStyles, normalizeStyles } from '../../styles';
-
-export const SelectFiltersStyles = css`
-  ${helperStyles}
-  ${normalizeStyles}
-  :host {
-    --select-renderer-max-width: 150px;
-  }
-
-  .select-filters {
-    display: flex;
-    width: 100%;
-    height: 100%;
-  }
-
-  .all-fields,
-  .selected-filters {
-    height: 100%;
-  }
-`;

package/src/old/components/select-filters/select-filters.template.ts

@@ -1,58 +0,0 @@
-import { html, ref } from '@genesislcap/web-core';
-import { buttonTag, cardTag, gridTag } from '../../tags';
-import type { SelectFilters } from './select-filters';
-
-const allFilterFieldsTemplate = html<SelectFilters>`
-  <section class="all-fields" slot="left-section" data-test-id="all-fields-section">
-    <h3 class="mt-1 section-title dark-grey">Apply filters</h3>
-    <${cardTag} class="card">
-      <div class="flex space-between">
-        <h5 class="card-title">All fields</h5>
-      </div>
-
-      <div class="w-full h-90pc">
-        <${gridTag}
-          id="select-available-fields-grid"
-          ${ref('availableFieldsGrid')}
-          rowSelection="multiple"
-          suppressRowClickSelection
-          data-test-id="select-available-fields-grid"
-        ></${gridTag}>
-      </div>
-    </${cardTag}>
-  </section>
-`;
-
-const selectedFilterFieldsTemplate = html<SelectFilters>`
-  <section class="selected-filters" slot="right-section" data-test-id="selected-filters-section">
-    <div class="spacer-3"></div>
-    <${cardTag} class="card">
-      <div class="flex space-between">
-        <h5 class="card-title">Fields to Apply Filters</h5>
-        <${buttonTag}
-          @click=${(x) => x.removeSelectedFilters()}
-          ?disabled=${(x) => !x.filtersToRemove.length}
-          appearance="${(x) => x.config.buttonAppearance}"
-          data-test-id="remove-filters-button"
-        >
-          Remove filters
-        </${buttonTag}>
-      </div>
-      <div class="w-full h-90pc">
-        <${gridTag}
-          id="selected-filters-grid"
-          ${ref('selectedFiltersGrid')}
-          rowSelection="multiple"
-          suppressRowClickSelection
-          data-test-id="selected-filters-grid"
-        ></${gridTag}>
-      </div>
-    </${cardTag}>
-  </section>
-`;
-
-export const SelectFiltersTemplate = html<SelectFilters>`
-  <layout-two-pane-horizontal splitRatio="right-main">
-    ${allFilterFieldsTemplate} ${selectedFilterFieldsTemplate}
-  </layout-two-pane-horizontal>
-`;