@iapps/ng-dhis2-ui 1.2.92 → 1.2.94

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.
Files changed (5) hide show
  1. package/fesm2022/iapps-ng-dhis2-ui.mjs +39 -5
  2. package/fesm2022/iapps-ng-dhis2-ui.mjs.map +1 -1
  3. package/lib/modules/line-list/containers/line-list.component.d.ts +2 -1
  4. package/lib/modules/period-selector/components/utils/fixedPeriods.d.ts +3 -3
  5. package/package.json +1 -1
package/fesm2022/iapps-ng-dhis2-ui.mjs CHANGED
@@ -4023,7 +4023,7 @@ class LineListTableComponent extends ReactWrapperModule {
4023
4023
  setOptionSetNameVisible,
4024
4024
  setSelectable,
4025
4025
  setTriggerRefetch,
4026
- setTriggerTokenState
4026
+ setTriggerTokenState,
4027
4027
  });
4028
4028
  useEffect(() => {
4029
4029
  this.setReactStateUpdaters?.(updateRefs.current);
@@ -4074,7 +4074,26 @@ class LineListTableComponent extends ReactWrapperModule {
4074
4074
  // orgUnitsMap: fetchedOrgUnits,
4075
4075
  };
4076
4076
  const { columns, data } = getEvents({ data: eventsResponse }, this.programStageId, pager, metaData);
4077
- const finalColumns = addActionsColumn([{ label: '#', key: 'index' }, ...columns], this.actionOptions);
4077
+ // const filterableColumnIdsSet = new Set(
4078
+ // this.filterableColumnIds
4079
+ // );
4080
+ // const updatedFilterableColumnIds: ColumnDefinition[] =
4081
+ // columns.filter((column) =>
4082
+ // filterableColumnIdsSet.has(column.key)
4083
+ // );
4084
+ // const finalColumns: ColumnDefinition[] = addActionsColumn(
4085
+ // [{ label: '#', key: 'index' }, ...updatedFilterableColumnIds],
4086
+ // this.actionOptions
4087
+ // );
4088
+ let updatedFilterableColumnIds;
4089
+ if (Array.isArray(this.filterableColumnIds) && this.filterableColumnIds.length > 0) {
4090
+ const filterableColumnIdsSet = new Set(this.filterableColumnIds);
4091
+ updatedFilterableColumnIds = columns.filter(column => filterableColumnIdsSet.has(column.key));
4092
+ }
4093
+ else {
4094
+ updatedFilterableColumnIds = columns;
4095
+ }
4096
+ const finalColumns = addActionsColumn([{ label: '#', key: 'index' }, ...updatedFilterableColumnIds], this.actionOptions);
4078
4097
  const pagerResponse = response.pagination;
4079
4098
  setLoading(false);
4080
4099
  setColumns(finalColumns);
@@ -4125,7 +4144,20 @@ class LineListTableComponent extends ReactWrapperModule {
4125
4144
  setFilteredColumns((prev) => filteredEntityColumns.length > 0
4126
4145
  ? filteredEntityColumns
4127
4146
  : prev);
4128
- const finalColumns = addActionsColumn([{ label: '#', key: 'index' }, ...columns], this.actionOptions);
4147
+ let updatedFilterableColumnIds;
4148
+ if (Array.isArray(this.filterableColumnIds) && this.filterableColumnIds.length > 0) {
4149
+ const filterableColumnIdsSet = new Set(this.filterableColumnIds);
4150
+ updatedFilterableColumnIds = columns.filter(column => filterableColumnIdsSet.has(column.key));
4151
+ }
4152
+ else {
4153
+ updatedFilterableColumnIds = columns;
4154
+ }
4155
+ console.log("THIS IS MORE THAN::: ", JSON.stringify(updatedFilterableColumnIds));
4156
+ const finalColumns = addActionsColumn([{ label: '#', key: 'index' }, ...updatedFilterableColumnIds], this.actionOptions);
4157
+ // const finalColumns: ColumnDefinition[] = addActionsColumn(
4158
+ // [{ label: '#', key: 'index' }, ...columns],
4159
+ // this.actionOptions
4160
+ // );
4129
4161
  const pagerResponse = response.pagination;
4130
4162
  setLoading(false);
4131
4163
  setColumns(finalColumns);
@@ -4153,7 +4185,7 @@ class LineListTableComponent extends ReactWrapperModule {
4153
4185
  isOptionSetNameVisibleState,
4154
4186
  dataQueryFiltersState,
4155
4187
  triggerRefetch,
4156
- triggerTokenState
4188
+ triggerTokenState,
4157
4189
  ]);
4158
4190
  const handleExcelDownload = () => {
4159
4191
  const filteredColumns = columns.filter((col) => col.label !== 'Actions');
@@ -4350,7 +4382,7 @@ class LineListTableComponent extends ReactWrapperModule {
4350
4382
  this.render();
4351
4383
  }
4352
4384
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: LineListTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
4353
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
4385
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.8", type: LineListTableComponent, isStandalone: false, selector: "ng-dhis2-ui-line-list", inputs: { triggerToken: "triggerToken", programId: "programId", orgUnit: "orgUnit", programStageId: "programStageId", actionOptions: "actionOptions", actionOptionOrientation: "actionOptionOrientation", attributeFilters: "attributeFilters", useOuModeWithOlderDHIS2Instance: "useOuModeWithOlderDHIS2Instance", startDate: "startDate", endDate: "endDate", dataQueryFilters: "dataQueryFilters", ouMode: "ouMode", isButtonLoading: "isButtonLoading", buttonFilter: "buttonFilter", filterRootOrgUnit: "filterRootOrgUnit", showFilters: "showFilters", isOptionSetNameVisible: "isOptionSetNameVisible", allowRowsSelection: "allowRowsSelection", enrollmentStatus: "enrollmentStatus", filterableColumnIds: "filterableColumnIds", triggerRefetch: "triggerRefetch", eventStatus: "eventStatus", showActionButtons: "showActionButtons", showEnrollmentDates: "showEnrollmentDates", showDownloadButton: "showDownloadButton" }, outputs: { actionSelected: "actionSelected", rowsSelected: "rowsSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";::ng-deep .custom-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-input div{margin:0!important}::ng-deep .custom-input label{font-size:12px;padding-right:0}::ng-deep .custom-input input{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-input input:focus{border:none!important;box-shadow:none!important}::ng-deep .custom-input [data-test=calendar-clear-button]{background-color:#f2f2f2!important;color:#870808!important;border-radius:6px!important;padding:4px 10px!important;font-size:0!important}::ng-deep .custom-input [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:14px;color:#870808}::ng-deep .custom-input [data-test=calendar-clear-button]:hover{background-color:#ddd}::ng-deep .calendar-input-wrapper{position:relative}::ng-deep .calendar-input-wrapper .custom-input{position:relative;width:100%;display:flex;align-items:center}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]{right:8px;bottom:14px;margin:auto;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0!important;background-color:#a0adba!important;border-radius:50%;padding:2px;cursor:pointer}::ng-deep .calendar-input-wrapper [data-test=calendar-clear-button]:before{content:\"\\2715\";font-size:10px;color:#f0f0f0}::ng-deep .calendar-input-wrapper input{padding-right:40px!important;height:40px;line-height:40px;box-sizing:border-box}::ng-deep .custom-input label{color:gray!important;opacity:1}::ng-deep .table-top-toolbar{background-color:var(--colors-grey100)!important;color:var(--colors-grey900)!important}::ng-deep .custom-select-input{display:flex!important;gap:4px!important;align-items:center!important;border:1px solid #9fadba!important;border-radius:4px!important;margin:0;padding:0 0 0 8px;background-color:#fff!important}::ng-deep .custom-select-input div{margin:0!important}::ng-deep .custom-select-input [data-test=dhis2-uiwidgets-singleselectfield-label]{font-size:12px;color:gray!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]{border:none!important;font-size:12px!important;display:flex;align-items:center;padding-left:4px;height:40px;outline:none!important;box-shadow:none!important}::ng-deep .custom-select-input [data-test=dhis2-uicore-select-input]:focus-within{box-shadow:none!important}::ng-deep .custom-select-input input:focus{border:none!important;box-shadow:none!important}\n"] }); }
4354
4386
  }
4355
4387
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImport: i0, type: LineListTableComponent, decorators: [{
4356
4388
  type: Component,
@@ -4393,6 +4425,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.8", ngImpor
4393
4425
  type: Input
4394
4426
  }], enrollmentStatus: [{
4395
4427
  type: Input
4428
+ }], filterableColumnIds: [{
4429
+ type: Input
4396
4430
  }], triggerRefetch: [{
4397
4431
  type: Input
4398
4432
  }], eventStatus: [{