@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1

package/src/new/main/edit-config/base-config/base-config.template.ts

@@ -1,71 +0,0 @@
-import { html, repeat } from '@genesislcap/web-core';
-import { fileTemplatePicker } from '../../../components/shared/file-template-picker.template';
-import { actions, reportOutputFormats, ReportOutputTypes, selectors } from '../../../store';
-import { requiredTooltip, TOOLTIP, tooltip } from '../../../utils';
-import type { BaseConfig } from './base-config';
-
-export const template = html<BaseConfig>`
-  <h1>Reporting Setup</h1>
-  <p>
-    Configure the basics of the report, such as the file name, the type of file and also the
-    directory under which generated reports will be stored.
-  </p>
-  <label class="label">Report name${requiredTooltip}${tooltip(TOOLTIP.SETUP_NAME)}</label>
-  <rapid-text-field
-    data-test-id="config-report-name"
-    placeholder="(REQUIRED) Enter report name..."
-    value="${() => selectors.baseConfig.getConfig().NAME}"
-    @change="${(_, ctx) =>
-      actions.baseConfig.updateState({
-        key: 'NAME',
-        value: (ctx.event.target as HTMLInputElement).value,
-      })}"
-  ></rapid-text-field>
-  <label class="label">File type${tooltip(TOOLTIP.SETUP_FILE_TYPE)}</label>
-  <rapid-select
-    data-test-id="config-report-file-type"
-    value=${() => selectors.baseConfig.getConfig().OUTPUT_FORMAT}
-    @change=${(x, ctx) => x.handleOutputFormatChange(ctx.event)}
-  >
-    ${repeat(
-      () => reportOutputFormats,
-      html<ReportOutputTypes>`
-        <rapid-option value="${(x) => x}">${(x) => '.' + x.toLowerCase()}</rapid-option>
-      `,
-    )}
-  </rapid-select>
-  <label class="label">File name${requiredTooltip}${tooltip(TOOLTIP.SETUP_FILENAME)}</label>
-  <rapid-text-field
-    data-test-id="config-report-filename"
-    placeholder="(REQUIRED) Enter file name..."
-    value="${() => selectors.baseConfig.getConfig().FILE_NAME}"
-    @change="${(_, ctx) =>
-      actions.baseConfig.updateState({
-        key: 'FILE_NAME',
-        value: (ctx.event.target as HTMLInputElement).value,
-      })}"
-  ></rapid-text-field>
-  ${fileTemplatePicker}
-  <label class="label">Output directory${requiredTooltip}${tooltip(TOOLTIP.SETUP_DIRECTORY)}</label>
-  <rapid-text-field
-    data-test-id="config-report-output-directory"
-    placeholder="(REQUIRED) /reports"
-    value="${() => selectors.baseConfig.getConfig().OUTPUT_DIRECTORY}"
-    @change="${(_, ctx) =>
-      actions.baseConfig.updateState({
-        key: 'OUTPUT_DIRECTORY',
-        value: (ctx.event.target as HTMLInputElement).value,
-      })}"
-  ></rapid-text-field>
-  <label class="label">Report description${tooltip(TOOLTIP.SETUP_DESCRIPTION)}</label>
-  <rapid-text-area
-    data-test-id="config-report-description"
-    value="${() => selectors.baseConfig.getConfig().DESCRIPTION}"
-    placeholder="Enter report description..."
-    @change="${(_, ctx) =>
-      actions.baseConfig.updateState({
-        key: 'DESCRIPTION',
-        value: (ctx.event.target as HTMLInputElement).value,
-      })}"
-  ></rapid-text-area>
-`;

package/src/new/main/edit-config/base-config/base-config.ts

@@ -1,116 +0,0 @@
-import { Connect, logger } from '@genesislcap/foundation-comms';
-import { showNotificationToast } from '@genesislcap/foundation-notifications';
-import { customElement, GenesisElement, observable } from '@genesislcap/web-core';
-import {
-  allowedTemplateFiletypes,
-  NULL_TEMPLATE,
-} from '../../../components/shared/file-template-picker.template';
-import { actions, DatasourceName, ReportOutputTypes, selectors } from '../../../store';
-import { Genesis } from '../../../types';
-import { getDatasourceSchema } from '../../../utils';
-import { setDefaultFormatsForDatasource } from '../data-transforms-derived-fields/data-transforms.helpers';
-import { styles } from './base-config.styles';
-import { template } from './base-config.template';
-
-@customElement({
-  name: 'base-config',
-  template,
-  styles,
-})
-export class BaseConfig extends GenesisElement {
-  @Connect connect!: Connect;
-
-  /** All templates available in the document server */
-  @observable fileTemplates: Array<Genesis.FileStorageDataRow>;
-  /** All available templates accounting for currently selected output type */
-  @observable allowedTemplates: Array<Genesis.FileStorageDataRow>;
-  @observable selectedTemplateId: string = '';
-
-  async connectedCallback() {
-    super.connectedCallback();
-    await this.getFileTemplates();
-    this.allowedTemplates = this.getAllowedTemplates();
-    this.selectedTemplateId = selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ?? '';
-  }
-
-  getAllowedTemplates(): Array<Genesis.FileStorageDataRow> {
-    const allowedFiletypes =
-      allowedTemplateFiletypes[selectors.baseConfig.getConfig().OUTPUT_FORMAT ?? 'CSV'];
-    return (this.fileTemplates ?? [])
-      .map((file) => {
-        const splitName = file[Genesis.FileStorageFields.FILE_NAME].split('.');
-        const fileExtension = splitName[splitName.length - 1];
-        return { file, fileExtension };
-      })
-      .filter(({ fileExtension }) => allowedFiletypes.includes(fileExtension))
-      .map(({ file }) => file);
-  }
-
-  async handleOutputFormatChange(event: Event) {
-    const format = (event.target as HTMLSelectElement).value as ReportOutputTypes;
-    actions.baseConfig.deleteTemplate();
-    actions.baseConfig.setOutputFormat({ format });
-    this.allowedTemplates = this.getAllowedTemplates();
-
-    const allDatasources = selectors.datasourceConfig.getAllConfigSet();
-
-    if (format === 'XLSX') {
-      Object.entries(allDatasources).forEach(([dsName, dsConfig]) => {
-        const columnFormats = dsConfig.TRANSFORMER_CONFIGURATION.COLUMN_FORMATS || {};
-        Object.entries(columnFormats).forEach(([colName]) => {
-          actions.datasourceConfig.deleteColumnFormat({
-            key: dsName as DatasourceName,
-            column: colName,
-          });
-        });
-      });
-    } else {
-      // Re-apply default formats when switching back to CSV or PDF
-      const getSchema = getDatasourceSchema(this.connect);
-
-      await Promise.all(
-        Object.entries(allDatasources).map(async ([dsName, dsConfig]) => {
-          try {
-            const schema = await getSchema(dsConfig.KEY);
-            setDefaultFormatsForDatasource(dsName as DatasourceName, schema);
-          } catch (e) {
-            logger.error(`Failed to fetch schema for ${dsName} to restore formats`, e);
-          }
-        }),
-      );
-    }
-  }
-
-  async handleTemplateSelectChange(selectInput: HTMLSelectElement) {
-    const value = selectInput.value as ReportOutputTypes | typeof NULL_TEMPLATE;
-    if (value === NULL_TEMPLATE) {
-      this.selectedTemplateId = '';
-      actions.baseConfig.deleteTemplate();
-    } else {
-      this.selectedTemplateId = value;
-      actions.baseConfig.updateState({
-        key: 'DOCUMENT_TEMPLATE_ID',
-        value: value,
-      });
-    }
-  }
-
-  async getFileTemplates(): Promise<void> {
-    try {
-      const response = await this.connect.request('FILE_STORAGE_TEMPLATES');
-      if (!response.REPLY || !Array.isArray(response.REPLY))
-        throw new Error('Invalid data returned for FILE_STORAGE_TEMPLATES');
-      this.fileTemplates = response.REPLY;
-    } catch (e: unknown) {
-      showNotificationToast(
-        {
-          title: 'Edit Report Config',
-          body: `Unable to fetch template data.`,
-          toast: { type: 'critical' as any },
-        },
-        'rapid',
-      );
-      logger.error(e);
-    }
-  }
-}

package/src/new/main/edit-config/col-filters/col-filters-grid.helpers.test.ts

@@ -1,232 +0,0 @@
-import { RowSelectedEvent } from '@ag-grid-community/core';
-import { assert, sinon, suite } from '@genesislcap/foundation-testing';
-import { actions, selectors, TransformerConfig } from '../../../store';
-import { GridColumnNames } from '../shared';
-import { rowSelectionChangedHandler } from './col-filters-grid.helpers';
-import { ColFilterData } from './col-filters-grid.types';
-
-// When running all tests, the shared helper tests will be executed separately
-// Here we only test the col-filters-specific helpers
-
-const RowSelectionChangedHandler = suite('rowSelectionChangedHandler');
-
-RowSelectionChangedHandler.before.each(() => {
-  sinon.restore();
-  sinon.stub(selectors.baseConfig, 'getConfig').returns({ OUTPUT_FORMAT: 'CSV' } as any);
-});
-
-RowSelectionChangedHandler('should return early if event.data is undefined', () => {
-  const event = { data: undefined } as RowSelectedEvent<ColFilterData>;
-  const stub = sinon.stub(actions.datasourceConfig, 'setColumnIncluded');
-  rowSelectionChangedHandler(event);
-  assert.equal(stub.called, false);
-});
-
-RowSelectionChangedHandler('should return early if filtered state matches selection state', () => {
-  const mockData = {
-    [GridColumnNames.Datasource]: 'TEST (Snapshot)',
-    [GridColumnNames.ColumnName]: 'testColumn',
-    [GridColumnNames.Type]: 'STRING',
-  } as ColFilterData;
-
-  const mockEvent = {
-    data: mockData,
-    node: {
-      isSelected: sinon.stub().returns(false),
-    },
-    api: {
-      redrawRows: sinon.stub(),
-    },
-  } as unknown as RowSelectedEvent<ColFilterData>;
-
-  const lookupStub = sinon.stub(selectors.datasourceConfig, 'getDatasource').returns({
-    KEY: 'test',
-    NAME: 'Test Datasource',
-    INPUT_TYPE: 'REQ_REP' as const,
-    OUTPUT_TYPE: 'TABLE' as const,
-    TRANSFORMER_CONFIGURATION: <TransformerConfig>{
-      COLUMN_FILTERS: ['testColumn'],
-    },
-    GROUPING_STRATEGY: 'NONE',
-    GROUP_KEY: null,
-  });
-
-  rowSelectionChangedHandler(mockEvent);
-
-  assert.equal(lookupStub.called, true);
-  assert.equal(sinon.stub(actions.datasourceConfig, 'setColumnIncluded').called, false);
-});
-
-RowSelectionChangedHandler('should return early if type is invalid', () => {
-  const mockData = {
-    [GridColumnNames.Datasource]: 'TEST (Snapshot)',
-    [GridColumnNames.ColumnName]: 'testColumn',
-    [GridColumnNames.Type]: 'RAW',
-  } as ColFilterData;
-
-  const mockEvent = {
-    data: mockData,
-    node: {
-      isSelected: sinon.stub().returns(false),
-    },
-    api: {
-      redrawRows: sinon.stub(),
-    },
-  } as unknown as RowSelectedEvent<ColFilterData>;
-
-  const lookupStub = sinon.stub(selectors.datasourceConfig, 'getDatasource').returns({
-    KEY: 'test',
-    NAME: 'Test Datasource',
-    INPUT_TYPE: 'REQ_REP' as const,
-    OUTPUT_TYPE: 'TABLE' as const,
-    TRANSFORMER_CONFIGURATION: <TransformerConfig>{
-      COLUMN_FILTERS: [],
-    },
-    GROUPING_STRATEGY: 'NONE',
-    GROUP_KEY: null,
-  });
-
-  rowSelectionChangedHandler(mockEvent);
-
-  assert.equal(lookupStub.called, true);
-  assert.equal(sinon.stub(actions.datasourceConfig, 'setColumnIncluded').called, false);
-});
-
-RowSelectionChangedHandler('should update include and redraw when selection changes', () => {
-  const mockData = {
-    [GridColumnNames.Datasource]: 'testAlias (Snapshot)',
-    [GridColumnNames.ColumnName]: 'testColumn',
-    [GridColumnNames.Type]: 'INT',
-  } as ColFilterData;
-
-  const mockEvent = {
-    data: mockData,
-    node: {
-      isSelected: sinon.stub().returns(false),
-    },
-    api: {
-      redrawRows: sinon.stub(),
-    },
-  } as unknown as RowSelectedEvent<ColFilterData>;
-
-  const setColumnIncludedStub = sinon.stub(actions.datasourceConfig, 'setColumnIncluded');
-  sinon.stub(selectors.datasourceConfig, 'getDatasource').returns({
-    KEY: 'testSource',
-    NAME: 'testAlias',
-    INPUT_TYPE: 'REQ_REP' as const,
-    OUTPUT_TYPE: 'TABLE' as const,
-    TRANSFORMER_CONFIGURATION: <TransformerConfig>{
-      INCLUDE_COLUMNS: ['testColumn'],
-    },
-    GROUPING_STRATEGY: 'NONE',
-    GROUP_KEY: null,
-  });
-  sinon.stub(selectors.datasourceConfig, 'getAllConfigSet').returns({
-    REQ_REP_testSource_testAlias: {
-      KEY: 'testAlias',
-      NAME: 'testSource',
-      INPUT_TYPE: 'REQ_REP',
-      OUTPUT_TYPE: 'TABLE',
-      TRANSFORMER_CONFIGURATION: {},
-      GROUPING_STRATEGY: 'NONE',
-      GROUP_KEY: null,
-    },
-  });
-
-  rowSelectionChangedHandler(mockEvent);
-
-  assert.equal(setColumnIncludedStub.calledOnce, true);
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].key, 'REQ_REP_testSource_testAlias');
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].column, 'testColumn');
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].included, false);
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].setDefaultFormat, true);
-  assert.equal((<any>mockEvent.api.redrawRows).calledOnce, true);
-});
-
-RowSelectionChangedHandler('should not set default format if output format is XLSX', () => {
-  (selectors.baseConfig.getConfig as any).returns({ OUTPUT_FORMAT: 'XLSX' });
-  const mockData = {
-    [GridColumnNames.Datasource]: 'TEST (Snapshot)',
-    [GridColumnNames.ColumnName]: 'testColumn',
-    [GridColumnNames.Type]: 'INT',
-  } as ColFilterData;
-
-  const mockEvent = {
-    data: mockData,
-    node: {
-      isSelected: sinon.stub().returns(false),
-    },
-    api: {
-      redrawRows: sinon.stub(),
-    },
-  } as unknown as RowSelectedEvent<ColFilterData>;
-
-  const setColumnIncludedStub = sinon.stub(actions.datasourceConfig, 'setColumnIncluded');
-  sinon.stub(selectors.datasourceConfig, 'getDatasource').returns({
-    KEY: 'test',
-    NAME: 'Test Datasource',
-    INPUT_TYPE: 'REQ_REP' as const,
-    OUTPUT_TYPE: 'TABLE' as const,
-    TRANSFORMER_CONFIGURATION: <TransformerConfig>{
-      INCLUDE_COLUMNS: ['testColumn'],
-    },
-    GROUPING_STRATEGY: 'NONE',
-    GROUP_KEY: null,
-  });
-
-  rowSelectionChangedHandler(mockEvent);
-
-  assert.equal(setColumnIncludedStub.calledOnce, true);
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].setDefaultFormat, false);
-});
-
-RowSelectionChangedHandler('should handle undefined selection state', () => {
-  const mockData = {
-    [GridColumnNames.Datasource]: 'testAlias (Snapshot)',
-    [GridColumnNames.ColumnName]: 'testColumn',
-    [GridColumnNames.Type]: 'INT',
-  } as ColFilterData;
-
-  const mockEvent = {
-    data: mockData,
-    node: {
-      isSelected: sinon.stub().returns(undefined),
-    },
-    api: {
-      redrawRows: sinon.stub(),
-    },
-  } as unknown as RowSelectedEvent<ColFilterData>;
-
-  const setColumnIncludedStub = sinon.stub(actions.datasourceConfig, 'setColumnIncluded');
-  sinon.stub(selectors.datasourceConfig, 'getDatasource').returns({
-    KEY: 'testSource',
-    NAME: 'testAlias',
-    INPUT_TYPE: 'REQ_REP' as const,
-    OUTPUT_TYPE: 'TABLE' as const,
-    TRANSFORMER_CONFIGURATION: <TransformerConfig>{
-      COLUMN_FILTERS: ['testColumn'],
-    },
-    GROUPING_STRATEGY: 'NONE',
-    GROUP_KEY: null,
-  });
-  sinon.stub(selectors.datasourceConfig, 'getAllConfigSet').returns({
-    REQ_REP_testSource_testAlias: {
-      KEY: 'testAlias',
-      NAME: 'testSource',
-      INPUT_TYPE: 'REQ_REP',
-      OUTPUT_TYPE: 'TABLE',
-      TRANSFORMER_CONFIGURATION: {},
-      GROUPING_STRATEGY: 'NONE',
-      GROUP_KEY: null,
-    },
-  });
-
-  rowSelectionChangedHandler(mockEvent);
-
-  assert.equal(setColumnIncludedStub.calledOnce, true);
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].included, true);
-  assert.equal(setColumnIncludedStub.getCall(0).args[0].setDefaultFormat, true);
-  assert.equal((<any>mockEvent.api.redrawRows).calledOnce, true);
-});
-
-RowSelectionChangedHandler.run();

package/src/new/main/edit-config/col-filters/col-filters-grid.helpers.ts

@@ -1,35 +0,0 @@
-import { RowSelectedEvent } from '@ag-grid-community/core';
-import { actions, selectors } from '../../../store';
-import {
-  GridColumnNames,
-  datasourceNameFromDisplay,
-  lookupColumnIsIncluded,
-  shouldDisableColumn,
-} from '../shared';
-import { ColFilterData } from './col-filters-grid.types';
-
-/**
- * Handler for row selection changes in the grid
- */
-export function rowSelectionChangedHandler(event: RowSelectedEvent<ColFilterData>): void {
-  if (!event.data) return;
-
-  // gate event listener to only trigger if the data is actually changed by the user
-  // (return if setting the same value as in the store, e.g. when first loading
-  // the grid data)
-  if (lookupColumnIsIncluded(event.data) === (event.node.isSelected() ?? true)) return;
-
-  if (shouldDisableColumn(event.data)) return;
-
-  const setDefaultFormat = selectors.baseConfig.getConfig().OUTPUT_FORMAT !== 'XLSX';
-
-  actions.datasourceConfig.setColumnIncluded({
-    key: datasourceNameFromDisplay(event.data[GridColumnNames.Datasource]),
-    column: event.data[GridColumnNames.ColumnName],
-    included: event.node.isSelected() ?? true,
-    type: event.data[GridColumnNames.Type],
-    setDefaultFormat,
-  });
-
-  event.api.redrawRows();
-}

package/src/new/main/edit-config/col-filters/col-filters-grid.styles.ts

@@ -1,22 +0,0 @@
-import { css } from '@genesislcap/web-core';
-
-export const styles = css`
-  div.grid-container {
-    height: calc(var(--constrained-height) - 240px);
-    width: 100%;
-  }
-
-  div.grid-container.error {
-    cursor: not-allowed;
-  }
-
-  div.error rapid-grid-pro {
-    pointer-events: none;
-    opacity: 80%;
-  }
-
-  rapid-grid-pro::part(grid) {
-    --base-height-multiplier: 9;
-    --ag-selected-row-background-color: transparent !important;
-  }
-`;

package/src/new/main/edit-config/col-filters/col-filters-grid.ts

@@ -1,150 +0,0 @@
-import {
-  ColDef,
-  GridApi,
-  IRowNode,
-  RowDataUpdatedEvent,
-  RowDragEndEvent,
-  ValueGetterParams,
-} from '@ag-grid-community/core';
-import { GridOptionsConfig } from '@genesislcap/grid-pro';
-import { customElement } from '@genesislcap/web-core';
-import { RowSelectRenderer } from '../../../../old/components/renderers/row-select.renderer';
-import { actions, selectors } from '../../../store';
-import {
-  DatasourceDataBaseComponent,
-  GridColumnNames,
-  GridRowData,
-  buildCellStyle,
-  configureDisabledColumns,
-  lookupColumnIsIncluded,
-  pathParameters,
-  orderRowsByIncludeColumns,
-  datasourceNameFromDisplay,
-} from '../shared';
-import { rowSelectionChangedHandler } from './col-filters-grid.helpers';
-import { styles } from './col-filters-grid.styles';
-import { ColFilterData } from './col-filters-grid.types';
-import { template } from './col-fitlers-grid.template';
-
-@customElement({
-  name: 'col-filters',
-  template,
-  styles,
-})
-export class ColFiltersGrid extends DatasourceDataBaseComponent {
-  grid!: HTMLElement;
-  private dragGhostStyleEl?: HTMLStyleElement;
-
-  connectedCallback() {
-    super.connectedCallback();
-    /**
-     * Workaround to hide the AG Grid drag ghost element.
-     * The ghost appears well below the dragged row (not directly after it), which creates a visual distraction.
-     */
-    this.dragGhostStyleEl = document.createElement('style');
-    this.dragGhostStyleEl.textContent = `
-      .ag-dnd-ghost {
-        display: none !important;
-      }
-    `;
-    this.grid.shadowRoot?.appendChild(this.dragGhostStyleEl);
-  }
-
-  /**
-   * Update grid data with column filter information
-   */
-  protected async updateDataFields() {
-    try {
-      const rows = this.datasourceSpec.flatMap(pathParameters).map(configureDisabledColumns);
-      const currentDisplay = this.datasourceSpec[0]?.name;
-      const include = currentDisplay
-        ? selectors.datasourceConfig.getDatasource(datasourceNameFromDisplay(currentDisplay))
-            ?.TRANSFORMER_CONFIGURATION?.INCLUDE_COLUMNS
-        : undefined;
-      this.fieldData = orderRowsByIncludeColumns(rows, include);
-      this.dataError = false;
-    } catch (e) {
-      this.handleError(e as Error, 'There were errors when loading the datasource fields');
-    }
-  }
-
-  saveFieldsOrder = (gridApi: GridApi) => {
-    const orderedRows: GridRowData[] = [];
-    gridApi.forEachNodeAfterFilterAndSort((rowNode: IRowNode<GridRowData>) => {
-      if (rowNode.data) {
-        orderedRows.push(rowNode.data);
-      }
-    });
-
-    if (orderedRows.length > 0) {
-      this.fieldData = orderedRows;
-      const currentDatasourceDisplay = orderedRows[0][GridColumnNames.Datasource];
-      const key = datasourceNameFromDisplay(currentDatasourceDisplay);
-      const includedOrderedFields = orderedRows
-        .filter((row) => lookupColumnIsIncluded(row))
-        .map((row) => row[GridColumnNames.ColumnName]);
-
-      actions.datasourceConfig.setFieldsOrder({ key, fields: includedOrderedFields });
-    }
-  };
-
-  getGridOptions(): GridOptionsConfig {
-    const disableCellStyle = {
-      opacity: '0.5',
-      pointerEvents: 'none',
-    };
-
-    const columnDefs: ColDef[] = [
-      {
-        field: '',
-        headerTooltip: 'Controls whether this column is added to the generated report.',
-        headerCheckboxSelection: true,
-        cellRenderer: 'row-select',
-        valueGetter: (params: ValueGetterParams<ColFilterData>) =>
-          lookupColumnIsIncluded(params.data!),
-        maxWidth: 60,
-      },
-      {
-        field: GridColumnNames.ColumnName,
-        headerTooltip: 'The name of the field as defined on the selected datasource.',
-        cellStyle: buildCellStyle<ColFilterData>(disableCellStyle),
-        rowDrag: true,
-      },
-      {
-        field: GridColumnNames.Type,
-        headerTooltip: 'The type of the field on the underlying datasource.',
-        cellStyle: buildCellStyle<ColFilterData>(disableCellStyle),
-      },
-    ];
-
-    return {
-      components: {
-        'row-select': RowSelectRenderer,
-      },
-      suppressRowTransform: true,
-      columnDefs,
-      rowData: [],
-      headerHeight: 30,
-      rowHeight: 38,
-      tooltipShowDelay: 0,
-      rowSelection: 'multiple',
-      onGridReady: () => {
-        this.handleUpdatedDatasources();
-      },
-      context: {
-        ariaLabelField: GridColumnNames.ColumnName,
-      },
-      suppressRowClickSelection: true,
-      onRowSelected: rowSelectionChangedHandler,
-      onRowDataUpdated(params: RowDataUpdatedEvent) {
-        params.api.forEachNode((node: IRowNode<ColFilterData>) => {
-          node.setSelected(lookupColumnIsIncluded(node.data!));
-        });
-      },
-      rowDragManaged: true,
-      onRowDragEnd: (event: RowDragEndEvent) => {
-        this.saveFieldsOrder(event.api);
-      },
-    };
-  }
-}

package/src/new/main/edit-config/col-filters/col-filters-grid.types.ts

@@ -1,7 +0,0 @@
-import { GridColumnNames, GridRowData } from '../shared';
-
-// Define the specific subset of fields needed for this component
-export type ColFilterData = Pick<
-  GridRowData,
-  GridColumnNames.ColumnName | GridColumnNames.Type | GridColumnNames.Datasource
->;

package/src/new/main/edit-config/col-filters/col-filters-tutorial.ts

@@ -1,25 +0,0 @@
-import { customElement, GenesisElement, html } from '@genesislcap/web-core';
-
-@customElement({
-  name: 'col-filters-tutorial',
-  template: html`
-    <template>
-      <h1>Column Visibility</h1>
-      <p>
-        This step is used to select which columns (fields) from each datasource are visible in the
-        report. You can toggle each individual column using the checkbox to the left of each row, or
-        quickly select or deselect all for the datasource using the checkbox in the header.
-      </p>
-      <p>
-        Where a column is set to not be visible (deselected), it won't be available to configure it
-        in any subsequent steps, however any "Row Filters" configured can still use this column.
-      </p>
-      <p>
-        You can reorder the visible columns by dragging rows using the handle in the "Column Name"
-        column. The new order is saved to your configuration and will be respected in the generated
-        report.
-      </p>
-    </template>
-  `,
-})
-export class ColFiltersTutorial extends GenesisElement {}

package/src/new/main/edit-config/col-filters/col-fitlers-grid.template.ts

@@ -1,15 +0,0 @@
-import { classNames, html, ref } from '@genesislcap/web-core';
-import type { ColFiltersGrid } from './col-filters-grid';
-
-export const template = html<ColFiltersGrid>`
-  <div class="grid-container ${(x) => classNames(['error', x.dataError])}">
-    <rapid-grid-pro
-      ${ref('grid')}
-      class="${(x) => classNames(['error', x.dataError])}"
-      data-test-id="datasource-config-col-filters-grid"
-      :gridOptions=${(x) => x.getGridOptions()}
-      :rowData=${(x) => x.fieldData}
-      grid-autosizing
-    ></rapid-grid-pro>
-  </div>
-`;