@genesislcap/pbc-reporting-ui 1.0.397 → 1.0.399

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"reporting-configurations.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/components/reporting-configurations/reporting-configurations.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,iDA8BxC,CAAC"}
1
+ {"version":3,"file":"reporting-configurations.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/components/reporting-configurations/reporting-configurations.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,4BAA4B,iDAkCxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"config-journey-orchestrator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/edit-config/config-journey-orchestrator.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAuFlB,CAAC"}
1
+ {"version":3,"file":"config-journey-orchestrator.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/edit-config/config-journey-orchestrator.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAmGlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"outputs-config.template.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/outputs-config/outputs-config.template.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB,CAAC;AAwBF,eAAO,MAAM,QAAQ,oEAUpB,CAAC"}
1
+ {"version":3,"file":"outputs-config.template.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/outputs-config/outputs-config.template.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;CACzB,CAAC;AA0BF,eAAO,MAAM,QAAQ,oEAUpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"scheduling.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/scheduling/scheduling.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDAuDlB,CAAC"}
1
+ {"version":3,"file":"scheduling.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/scheduling/scheduling.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,iDA6DlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"scheduling.template.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/scheduling/scheduling.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,eAAO,MAAM,QAAQ,iEAyEpB,CAAC"}
1
+ {"version":3,"file":"scheduling.template.d.ts","sourceRoot":"","sources":["../../../../../../src/new/main/edit-config/scheduling/scheduling.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,eAAO,MAAM,QAAQ,iEA2FpB,CAAC"}
@@ -1,16 +1,25 @@
1
1
  import { ColDef } from '@ag-grid-community/core';
2
2
  import { Connect } from '@genesislcap/foundation-comms';
3
+ import { SelectedOption } from '@genesislcap/foundation-ui';
3
4
  import { GridOptionsConfig, GridProGenesisDatasource } from '@genesislcap/rapid-grid-pro';
4
5
  import { GenesisElement } from '@genesislcap/web-core';
5
6
  export declare class GeneratedReports extends GenesisElement {
6
7
  connect: Connect;
7
8
  generatedReportsDatasource: GridProGenesisDatasource;
8
9
  generatedReportId: string | null;
10
+ gridCriteria: string;
11
+ searchBarConfig: {
12
+ field: string;
13
+ label: (searchTerm: any) => string;
14
+ createCriteria: <T extends string = string>(type: T, term: string) => string;
15
+ isEnabled: (searchTerm: any, selectedOption: any) => boolean;
16
+ }[];
9
17
  getColor: (result: string) => "var(--error-color)" | "var(--success-color)" | "var(--warning-color)" | "yellow";
10
18
  getStatusRenderer: (value: any) => string;
11
19
  getColumnDefs(): ColDef<any>[];
12
20
  getGridOptions(): GridOptionsConfig;
13
21
  private downloadReport;
14
22
  private deleteReport;
23
+ searchChanged(event: CustomEvent<Array<SelectedOption>>): void;
15
24
  }
16
25
  //# sourceMappingURL=generated-reports.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"generated-reports.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAU,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAiB,cAAc,EAAQ,MAAM,uBAAuB,CAAC;AAS5E,qBAKa,gBAAiB,SAAQ,cAAc;IACzC,OAAO,EAAE,OAAO,CAAC;IAC1B,0BAA0B,EAAE,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IAEjC,QAAQ,WAAY,MAAM,uFAYxB;IAEF,iBAAiB,yBAEf;IAEF,aAAa;IAmEb,cAAc;YA6BA,cAAc;YAkCd,YAAY;CA6B3B"}
1
+ {"version":3,"file":"generated-reports.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAU,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAwC,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAiB,cAAc,EAAoB,MAAM,uBAAuB,CAAC;AASxF,qBAKa,gBAAiB,SAAQ,cAAc;IACzC,OAAO,EAAE,OAAO,CAAC;IAC1B,0BAA0B,EAAE,wBAAwB,CAAC;IACrD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAM;IAE/B,eAAe;;;;;QAgCpB;IAEF,QAAQ,WAAY,MAAM,uFAYxB;IAEF,iBAAiB,yBAEf;IAEF,aAAa;IA+Eb,cAAc;YA6BA,cAAc;YAkCd,YAAY;IA8B1B,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;CAgBxD"}
@@ -1 +1 @@
1
- {"version":3,"file":"generated-reports.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDAOlC,CAAC"}
1
+ {"version":3,"file":"generated-reports.styles.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDAYlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"generated-reports.template.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,wBAAwB,uEASpC,CAAC"}
1
+ {"version":3,"file":"generated-reports.template.d.ts","sourceRoot":"","sources":["../../../../../src/new/main/generated-reports/generated-reports.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,wBAAwB,uEAgBpC,CAAC"}
@@ -29,4 +29,8 @@ export const ReportingConfigurationStyles = css `
29
29
  background: var(--neutral-fill-stealth-rest);
30
30
  color: var(--neutral-foreground-rest);
31
31
  }
32
+
33
+ rapid-search-bar {
34
+ width: 30%;
35
+ }
32
36
  `;
@@ -7,7 +7,7 @@ export const styles = css `
7
7
  }
8
8
 
9
9
  div.pad {
10
- padding-top: 100px;
10
+ padding-top: 80px;
11
11
  }
12
12
 
13
13
  .centered {
@@ -87,4 +87,16 @@ export const styles = css `
87
87
  rapid-stepper-tab {
88
88
  --neutral-layer-3: var(--app-bg-color);
89
89
  }
90
+
91
+ ::-webkit-scrollbar {
92
+ width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);
93
+ }
94
+
95
+ ::-webkit-scrollbar-track {
96
+ background: var(--neutral-layer-1);
97
+ }
98
+
99
+ ::-webkit-scrollbar-thumb {
100
+ background: var(--neutral-fill-rest);
101
+ }
90
102
  `;
@@ -1,7 +1,9 @@
1
1
  import { html, ref, whenElse } from '@genesislcap/web-core';
2
2
  import { selectors } from '../../../store';
3
3
  const container = html `
4
- <label class="label">Outputs</label>
4
+ <label class="label">Outputs
5
+ <rapid-icon tooltip="Select where the generated report should be delivered, such as email or FTP."></rapid-icon>
6
+ </label>
5
7
  <rapid-multiselect
6
8
  data-test-id="output-multiselect"
7
9
  ${ref('multiselect')}
@@ -6,6 +6,8 @@ export const styles = css `
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  gap: calc(var(--design-unit) * 2px);
9
+ overflow-y: auto;
10
+ overflow-x: hidden;
9
11
  }
10
12
 
11
13
  .heading-padding {
@@ -55,4 +57,8 @@ export const styles = css `
55
57
  div.auto-dispatch label {
56
58
  margin-right: calc(var(--design-unit) * 2px);
57
59
  }
60
+
61
+ p {
62
+ margin: 0;
63
+ }
58
64
  `;
@@ -5,6 +5,10 @@ OutputsConfig;
5
5
  export const template = html `
6
6
  <div class="container">
7
7
  <h1 class="heading-padding">Scheduling</h1>
8
+ <p class="heading-padding">
9
+ Here you can set up a schedule to generate and send reports automatically at your preferred
10
+ time.
11
+ </p>
8
12
  <div class="enable-schedules">
9
13
  <rapid-button
10
14
  data-test-id="config-enable-schedules"
@@ -17,7 +21,12 @@ export const template = html `
17
21
  <div class="parent-container ${(x) => x.disabledClassNames}">
18
22
  <div class="container ${(x) => x.disabledClassNames}">
19
23
  <div class="timezone-container">
20
- <label class="label">Time Zone</label>
24
+ <label class="label">
25
+ Time Zone
26
+ <rapid-icon
27
+ tooltip="Select the timezone in which the report schedule should be executed."
28
+ ></rapid-icon>
29
+ </label>
21
30
  <rapid-combobox
22
31
  data-test-id="config-report-timezone"
23
32
  autocomplete="both"
@@ -57,10 +66,19 @@ export const template = html `
57
66
  </div>
58
67
  </div>
59
68
  <h1 class="heading-padding">Report Destinations</h1>
69
+ <p class="heading-padding">
70
+ Choose where your report should be delivered. Select output formats and enable auto-dispatch for
71
+ automatic delivery.
72
+ </p>
60
73
  <div class="heading-padding container">
61
74
  <outputs-config></outputs-config>
62
75
  <div class="auto-dispatch">
63
- <label class="label">Auto dispatch?</label>
76
+ <label class="label">
77
+ Auto dispatch?
78
+ <rapid-icon
79
+ tooltip="Enable this to automatically send the report to the selected destination once it's generated."
80
+ ></rapid-icon>
81
+ </label>
64
82
  <rapid-checkbox
65
83
  data-test-id="config-report-auto-dispatch"
66
84
  checked=${() => { var _a; return (_a = selectors.baseConfig.getConfig().AUTO_DISPATCH) !== null && _a !== void 0 ? _a : false; }}
@@ -1,6 +1,7 @@
1
1
  import { __decorate } from "tslib";
2
2
  import { Connect, logger } from '@genesislcap/foundation-comms';
3
- import { customElement, GenesisElement, html } from '@genesislcap/web-core';
3
+ import { getCriteriaBuilder, INPUT_MIN_LENGTH } from '@genesislcap/foundation-ui';
4
+ import { customElement, GenesisElement, html, observable } from '@genesislcap/web-core';
4
5
  import { showNotificationToast } from '../../utils';
5
6
  import { getFilterParams } from '../../utils/date-filter-params';
6
7
  import { getEndpointUrl } from '../../utils/endpoint';
@@ -11,6 +12,34 @@ import { GeneratedReportsTemplate as template } from './generated-reports.templa
11
12
  let GeneratedReports = class GeneratedReports extends GenesisElement {
12
13
  constructor() {
13
14
  super(...arguments);
15
+ this.gridCriteria = '';
16
+ this.searchBarConfig = [
17
+ {
18
+ field: 'NAME',
19
+ label: (searchTerm) => `${searchTerm} as NAME`,
20
+ createCriteria: getCriteriaBuilder,
21
+ isEnabled: (searchTerm, selectedOption) => {
22
+ return (searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME'));
23
+ },
24
+ },
25
+ {
26
+ field: 'FILE_NAME',
27
+ label: (searchTerm) => `${searchTerm} as FILE_NAME`,
28
+ createCriteria: getCriteriaBuilder,
29
+ isEnabled: (searchTerm, selectedOption) => {
30
+ return (searchTerm.length >= INPUT_MIN_LENGTH &&
31
+ !selectedOption.some((e) => e.field === 'FILE_NAME'));
32
+ },
33
+ },
34
+ {
35
+ field: 'STATUS',
36
+ label: (searchTerm) => `${searchTerm} as STATUS`,
37
+ createCriteria: getCriteriaBuilder,
38
+ isEnabled: (searchTerm, selectedOption) => {
39
+ return (searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'STATUS'));
40
+ },
41
+ },
42
+ ];
14
43
  this.getColor = (result) => {
15
44
  switch (result) {
16
45
  case 'Generated':
@@ -71,6 +100,18 @@ let GeneratedReports = class GeneratedReports extends GenesisElement {
71
100
  filterParams: getFilterParams(),
72
101
  valueFormatter: (rowData) => getFormattedDateTime(rowData.data.LAST_UPDATED_AT),
73
102
  },
103
+ {
104
+ field: 'MESSAGE',
105
+ headerName: 'Failure Reason',
106
+ minWidth: 300,
107
+ flex: 1,
108
+ tooltipField: 'MESSAGE',
109
+ cellStyle: {
110
+ whiteSpace: 'nowrap',
111
+ overflow: 'hidden',
112
+ textOverflow: 'ellipsis',
113
+ },
114
+ },
74
115
  buttonCellRenderer('Delete', (e) => this.deleteReport(e.GENERATED_REPORT_ID), html `
75
116
  <rapid-icon
76
117
  style="opacity: 0.5"
@@ -174,10 +215,30 @@ let GeneratedReports = class GeneratedReports extends GenesisElement {
174
215
  logger.error(err);
175
216
  }
176
217
  }
218
+ searchChanged(event) {
219
+ const options = event.detail;
220
+ const criteriaBuilder = options
221
+ .map((option) => {
222
+ const { field, term, createCriteria } = option;
223
+ if (createCriteria) {
224
+ return createCriteria(field, term);
225
+ }
226
+ else {
227
+ logger.debug('Cannot convert search option into criteria', option);
228
+ return;
229
+ }
230
+ })
231
+ .filter((x) => x)
232
+ .join(' && ');
233
+ this.gridCriteria = criteriaBuilder;
234
+ }
177
235
  };
178
236
  __decorate([
179
237
  Connect
180
238
  ], GeneratedReports.prototype, "connect", void 0);
239
+ __decorate([
240
+ observable
241
+ ], GeneratedReports.prototype, "gridCriteria", void 0);
181
242
  GeneratedReports = __decorate([
182
243
  customElement({
183
244
  name: 'generated-reports',
@@ -6,4 +6,9 @@ export const GeneratedReportsStyles = css `
6
6
  width: 100%;
7
7
  height: 100%;
8
8
  }
9
+
10
+ .container {
11
+ padding: calc(var(--design-unit) * 4px);
12
+ width: 40%;
13
+ }
9
14
  `;
@@ -1,10 +1,18 @@
1
+ import { customEvent } from '@genesislcap/foundation-events';
1
2
  import { html, ref } from '@genesislcap/web-core';
2
3
  export const GeneratedReportsTemplate = html `
4
+ <!-- <div class="container">
5
+ <rapid-search-bar
6
+ :options="${(x) => x.searchBarConfig}"
7
+ @selectionChange=${(x, ctx) => x.searchChanged(customEvent(ctx))}
8
+ ></rapid-search-bar>
9
+ </div> -->
3
10
  <rapid-grid-pro data-test-id="generated-reports-grid" only-template-col-defs grid-autosizing>
4
11
  <grid-pro-genesis-datasource
5
12
  ${ref('generatedReportsDatasource')}
6
13
  resource-name="GENERATED_REPORTS"
7
14
  reverse="true"
15
+ criteria="${(x) => x.gridCriteria}"
8
16
  :deferredGridOptions=${(x) => x.getGridOptions()}
9
17
  ></grid-pro-genesis-datasource>
10
18
  </rapid-grid-pro>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/pbc-reporting-ui",
3
3
  "description": "Genesis PBC Reporting UI",
4
- "version": "1.0.397",
4
+ "version": "1.0.399",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/dts/index.d.ts",