@genesislcap/pbc-reporting-ui 1.0.398 → 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,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
  `;
@@ -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.398",
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",