@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1

package/src/new/main/edit-config/config-journey-orchestrator.template.ts

@@ -1,149 +0,0 @@
-import { classNames, html } from '@genesislcap/web-core';
-import { selectors } from '../../store';
-import { Permissions } from '../../types';
-import { permissionGuard, permissionTemplateGuard } from '../../utils';
-import { BaseConfig } from './base-config/base-config';
-import { ColFiltersGrid } from './col-filters/col-filters-grid';
-import { ColFiltersTutorial } from './col-filters/col-filters-tutorial';
-import { ColRenamesAliases } from './col-rename-alias/col-rename-alias-grid';
-import { ColRenamesAliasesTutorial } from './col-rename-alias/col-rename-alias-tutorial';
-import type { ConfigJourneyOrchestrator } from './config-journey-orchestrator';
-import { DataTransformsAndDerivedFields } from './data-transforms-derived-fields/data-transforms';
-import { DataTransformsTutorial } from './data-transforms-derived-fields/data-transforms-tutorial';
-import { DatasourcesConfigContainer } from './datasource-config/datasources-config-container';
-import { RowFilters } from './row-filters/row-filters';
-import { RowFiltersTutorial } from './row-filters/row-filters-tutorial';
-import { Scheduling } from './scheduling/scheduling';
-import { TABBED_DATASOURCE_HEADER_SLOT } from './tabbed-datasource-container';
-import { TabbedDatasourceContainer } from './tabbed-datasource-container/tabbed-datasource-container';
-
-TabbedDatasourceContainer;
-BaseConfig;
-DatasourcesConfigContainer;
-RowFiltersTutorial;
-RowFilters;
-ColFiltersGrid;
-ColFiltersTutorial;
-ColRenamesAliasesTutorial;
-ColRenamesAliases;
-Scheduling;
-DataTransformsAndDerivedFields;
-DataTransformsTutorial;
-
-const editPermission = Permissions.ReportConfigurationUpdate;
-
-export const template = html<ConfigJourneyOrchestrator>`
-  <template class="${(x) => classNames(['readonly', !permissionGuard(x, editPermission)])}">
-    <div class="button-container">
-      ${(ctx) =>
-        permissionTemplateGuard(
-          ctx,
-          editPermission,
-          html<ConfigJourneyOrchestrator>`
-            <rapid-button appearance="primary" @click=${(x) => x.saveConfigHandler()}>
-              Save and Close
-            </rapid-button>
-          `,
-          html`
-            <p>You have read-only permissions</p>
-          `,
-        )}
-      <rapid-button @click=${(x) => x.showListViewHandler()}>
-        ${(x) => (permissionGuard(x, editPermission) ? 'Discard Changes' : 'Close')}
-      </rapid-button>
-    </div>
-
-    <rapid-stepper
-      allow-backward-jumps
-      allow-forward-jumps
-      orientation="horizontal"
-      hide-submit-button
-      hide-step-number
-      :validation=${(x) => [
-        { isValid: () => x.validateProjectSetup() },
-        { isValid: () => x.validateDatasource() },
-      ]}
-    >
-      <rapid-stepper-tab>Report Setup</rapid-stepper-tab>
-      <rapid-stepper-tab>Add Datasources</rapid-stepper-tab>
-      <rapid-stepper-tab>Row Filters</rapid-stepper-tab>
-      <rapid-stepper-tab>Column Visibility</rapid-stepper-tab>
-      <!--<rapid-stepper-tab>Transform & Derive Data</rapid-stepper-tab>-->
-      <rapid-stepper-tab>Formatting</rapid-stepper-tab>
-      <!--<rapid-stepper-tab>Sorting</rapid-stepper-tab>-->
-      <rapid-stepper-tab>
-        Column
-        ${(_) => (selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ? 'Aliases' : 'Renames')}
-      </rapid-stepper-tab>
-      <rapid-stepper-tab>Delivery</rapid-stepper-tab>
-
-      <rapid-stepper-tab-panel>
-        <div class="pad">
-          <base-config class="centered block"></base-config>
-        </div>
-      </rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>
-        <div class="pad">
-          <datasource-config-container class="centered block"></datasource-config-container>
-        </div>
-      </rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>
-        <tabbed-datasource-container>
-          <row-filters-tutorial
-            slot="${(_) => TABBED_DATASOURCE_HEADER_SLOT}"
-          ></row-filters-tutorial>
-          <row-filters></row-filters>
-        </tabbed-datasource-container>
-      </rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>
-        <tabbed-datasource-container>
-          <col-filters-tutorial
-            slot="${(_) => TABBED_DATASOURCE_HEADER_SLOT}"
-          ></col-filters-tutorial>
-          <col-filters></col-filters>
-        </tabbed-datasource-container>
-      </rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>
-        <tabbed-datasource-container>
-          <data-transforms-tutorial
-            slot="${(_) => TABBED_DATASOURCE_HEADER_SLOT}"
-          ></data-transforms-tutorial>
-          <data-transforms-derived-fields></row-transforms-derived-fields>
-        </tabbed-datasource-container>
-      </rapid-stepper-tab-panel>
-
-      <!--
-      <rapid-stepper-tab-panel>Transform Data Content Goes Here</rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>Sorting Content Goes Here</rapid-stepper-tab-panel>
--->
-
-      <rapid-stepper-tab-panel>
-        <tabbed-datasource-container>
-          <col-renames-aliases-tutorial
-            slot="${(_) => TABBED_DATASOURCE_HEADER_SLOT}"
-          ></col-renames-aliases-tutorial>
-          <col-rename-alias></col-rename-alias>
-        </tabbed-datasource-container>
-      </rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>
-        <div class="scheduling-container pad">
-          <scheduling-config class="centered scheduling-container-margin"></scheduling-config>
-        </div>
-      </rapid-stepper-tab-panel>
-
-      <!--
-
-
-      <rapid-stepper-tab-panel>Destinations Content Goes Here</rapid-stepper-tab-panel>
-
-      <rapid-stepper-tab-panel>Summary Content Goes Here</rapid-stepper-tab-panel>
--->
-    </rapid-stepper>
-  </template>
-`;

package/src/new/main/edit-config/config-journey-orchestrator.ts

@@ -1,92 +0,0 @@
-import { Connect } from '@genesislcap/foundation-comms';
-import { EventEmitter, logger } from '@genesislcap/foundation-events';
-import { User } from '@genesislcap/foundation-user';
-import { customElement, GenesisElement } from '@genesislcap/web-core';
-import { readReduxState } from '../../store';
-import {
-  showNotificationToast,
-  transformToServerPayload,
-  validateBaseSetup,
-  validateDatasourceConfig,
-  validateReportingConfig,
-} from '../../utils';
-import { ReportingEventDetailMap, ReportingEvents } from '../../utils/event-map';
-import { styles } from './config-journey-orchestrator.styles';
-import { template } from './config-journey-orchestrator.template';
-
-/**
- * Orchestrates validate/save/discard for report config editing.
- * @public
- *
- * @fires set-report-config-disp-mode - Fired to switch the report configuration display mode. detail: `'edit' | 'list'`
- */
-@customElement({
-  name: 'config-journey-orchestrator',
-  template,
-  styles,
-})
-export class ConfigJourneyOrchestrator extends EventEmitter<ReportingEventDetailMap>(
-  GenesisElement,
-) {
-  @Connect connect!: Connect;
-  @User user!: User;
-
-  private validateConfig = validateReportingConfig(this.connect);
-
-  showListViewHandler() {
-    this.$emit(ReportingEvents.setReportConfigDisplayMode, 'list');
-  }
-
-  validateProjectSetup() {
-    const valid = validateBaseSetup(readReduxState());
-    if (valid.k === 'err') {
-      this.displayError(new Error(valid.info.join(' ')), true);
-      return false;
-    }
-    return true;
-  }
-
-  validateDatasource() {
-    const valid = validateDatasourceConfig(readReduxState());
-    if (valid.k === 'err') {
-      this.displayError(new Error(valid.info.join('\n')), true);
-      return false;
-    }
-    return true;
-  }
-
-  async saveConfigHandler() {
-    try {
-      const valid = await this.validateConfig(readReduxState());
-      if (valid.k === 'err') {
-        this.displayError(new Error(valid.info?.join('\n\n')), true);
-        return;
-      }
-      const DETAILS = transformToServerPayload(readReduxState());
-      const event = DETAILS.ID ? 'UPDATE' : 'INSERT';
-      const response = await this.connect.commitEvent(`EVENT_REPORT_CONFIG_${event}`, {
-        DETAILS: {
-          ...DETAILS,
-          // Only set the ID on an update, on an insert it's auto assigned by the server
-          ...(event === 'UPDATE' ? { ID: DETAILS.ID } : {}),
-        },
-      });
-      if (response.ERROR || !('GENERATED' in response)) {
-        throw new Error(`Error with payload: ${response.ERROR?.map((e) => e.TEXT)}`);
-      }
-      this.showListViewHandler();
-    } catch (e: any) {
-      this.displayError(e);
-    }
-  }
-
-  private displayError(e: Error, expose = false) {
-    logger.error(e);
-    const body = expose ? e.message : `Error when trying to save reporting config`;
-    showNotificationToast({
-      title: 'Edit Report Config',
-      body,
-      toast: { type: 'critical' as any },
-    });
-  }
-}

package/src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts

@@ -1,127 +0,0 @@
-import {
-  ExpressionBuilderTypes,
-  Modal,
-  RapidValueExpressionBuilder,
-  RuleExpression,
-} from '@genesislcap/rapid-design-system';
-import {
-  css,
-  customElement,
-  GenesisElement,
-  html,
-  observable,
-  ref,
-  when,
-} from '@genesislcap/web-core';
-import { selectors, subscribe } from '../../../store';
-import { FormatWarning } from './format-warning';
-
-FormatWarning;
-
-const expressionConfig: ExpressionBuilderTypes.ValueConfig = {
-  fields: [
-    {
-      fieldId: 'TRADE_DATETIME',
-      label: 'TRADE_DATETIME',
-      input: 'datetime-local',
-      type: 'date-time',
-    },
-  ],
-  model: <RuleExpression.Expression['MethodExpression']>{
-    METHOD: 'LONG_TO_DATE_TIME',
-    TYPE: 'METHOD_EXPRESSION',
-    PARAMETERS: [
-      {
-        TYPE: 'FIELD',
-        NAME: 'TRADE_DATETIME',
-      },
-    ],
-  },
-};
-
-@customElement({
-  name: 'data-transforms-tutorial',
-  template: html<DataTransformsTutorial>`
-    <template>
-      <h1>Format Data</h1>
-      <div class="centering">
-        <p>In this step you can format the field data in your output report.</p>
-        <!-- <rapid-button @click=${(x) => x.modal.show()}>More info</rapid-button> -->
-      </div>
-      ${when(
-        (x) => x.isXlsx,
-        html`
-          <format-warning ?warning=${(x) => x.hasFormats}></format-warning>
-        `,
-      )}
-      <rapid-modal ${ref('modal')}>
-        <h3 slot="top">Transform data help</h3>
-        <p>
-          In this step you can add an optional transformation expression onto any field that you've
-          included in your report in the previous step.
-        </p>
-        <p>
-          If you want to configure a transform then click on the "Add Rule" button. Then it's likely
-          you'll want to choose the matching field name from the select box, and configure the
-          operator (and value if required).
-        </p>
-        <p>
-          However, note you don't have to choose the same field name as the column you're
-          configuring which can allow you to build up powerful transformation expressions.
-        </p>
-        <p>
-          Below is a
-          <strong>readonly</strong>
-          example of a useful transformation expression - the
-          <code>TRADE_DATETIME</code>
-          field will be displayed as a formatted
-          <code>datetime</code>
-          on the output report instead of the epoch time.
-        </p>
-        <rapid-value-expression-builder
-          ${ref('valueBuilder')}
-          :valueConfig=${() => expressionConfig}
-          @change=${(x) => (x.valueBuilder.valueConfig = { ...expressionConfig })}
-        ></rapid-value-expression-builder>
-      </rapid-modal>
-    </template>
-  `,
-  styles: css`
-    div.centering {
-      display: flex;
-      align-items: center;
-    }
-
-    div.centering rapid-button {
-      margin-left: calc(var(--design-unit) * 2.5px);
-    }
-  `,
-})
-export class DataTransformsTutorial extends GenesisElement {
-  @observable modal: Modal;
-  @observable valueBuilder: RapidValueExpressionBuilder;
-  @observable isXlsx: boolean = false;
-  @observable hasFormats: boolean = false;
-
-  private unsubscribe: () => void;
-
-  connectedCallback() {
-    super.connectedCallback();
-    this.updateState();
-    this.unsubscribe = subscribe(this.updateState);
-  }
-
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    if (this.unsubscribe) {
-      this.unsubscribe();
-    }
-  }
-
-  updateState = () => {
-    this.isXlsx = selectors.baseConfig.getConfig().OUTPUT_FORMAT === 'XLSX';
-    this.hasFormats = Object.values(selectors.datasourceConfig.getAllConfigSet()).some(
-      (ds) => Object.keys(ds.TRANSFORMER_CONFIGURATION.COLUMN_FORMATS || {}).length > 0,
-    );
-  };
-}