@valtimo/case-management 13.43.0 → 13.45.0

package/fesm2022/valtimo-case-management.mjs

@@ -9,7 +9,7 @@ import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i7 from '@valtimo/components';
-import { WidgetLayout, runAfterCarbonModalClosed, ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, SelectModule, MuuriItemComponent, WIDGET_LAYOUT_VALUES, WIDGET_LAYOUT_TRANSLATION_KEYS, ValtimoCdsModalDirective, WidgetLayoutInfoComponent, RenderInPageHeaderDirective, TooltipModule, CarbonListModule, ConfirmationModalModule, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SpinnerModule, InputModule as InputModule$1, FormModule, TooltipIconModule, CarbonMultiInputModule, TableModule, OverflowMenuComponent, OverflowMenuOptionComponent, EditorModule, ValuePathSelectorComponent, EllipsisPipe, MuuriDirectiveModule, ReadOnlyDirective, JsonEditorComponent, AutoKeyInputComponent } from '@valtimo/components';
+import { WidgetLayout, runAfterCarbonModalClosed, ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, SelectModule, MuuriItemComponent, WIDGET_LAYOUT_VALUES, WIDGET_LAYOUT_TRANSLATION_KEYS, ValtimoCdsModalDirective, WidgetLayoutInfoComponent, RenderInPageHeaderDirective, TooltipModule, CarbonListModule, ConfirmationModalModule, pendingChangesGuard, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SpinnerModule, InputModule as InputModule$1, FormModule, TooltipIconModule, CarbonMultiInputModule, TableModule, OverflowMenuComponent, OverflowMenuOptionComponent, EditorModule, ValuePathSelectorComponent, EllipsisPipe, MuuriDirectiveModule, ReadOnlyDirective, JsonEditorComponent, AutoKeyInputComponent } from '@valtimo/components';
 import { FormManagementComponent, FormManagementEditComponent } from '@valtimo/form-management';
 import * as i2$1 from '@valtimo/shared';
 import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, InterceptorSkipHeader, CASE_MANAGEMENT_TAB_TOKEN, TagColor, getDisplayTypeParametersView, CASE_CONFIGURATION_EXTENSIONS_TOKEN, ROLE_ADMIN, ConfigModule } from '@valtimo/shared';
@@ -423,7 +423,10 @@ class CaseManagementService extends BaseApiService {
         return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/active`), {});
     }
     getAllCaseVersions(params) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), { params });
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), 
+        // Without an explicit sort the endpoint orders on name first, which scatters the versions
+        // of a key whenever one of them was renamed.
+        { params: { sort: 'id.versionTag,desc', ...params, allVersions: true } });
     }
     finalizeDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
         return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalize`), {});
@@ -3838,31 +3841,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+const DEFAULT_PAGE_SIZE = 10;
 class CaseManagementSelectVersionModalComponent {
     set caseDefinitionKey(value) {
-        this.caseDefinitionKey$.next(value);
+        this._query$.next({ ...this._query$.value, caseDefinitionKey: value, page: 0 });
     }
     set caseDefinitionTitle(value) {
         this.caseDefinitionTitle$.next(value);
     }
-    constructor(route, router, caseManagementService) {
-        this.route = route;
-        this.router = router;
+    constructor(caseManagementService) {
         this.caseManagementService = caseManagementService;
         this.open = false;
         this.previousSelectedVersion = '';
-        this.caseDefinitionKey$ = new BehaviorSubject('');
         this.caseDefinitionTitle$ = new BehaviorSubject('');
         this.closeEvent = new EventEmitter();
         this.selectedVersion = new EventEmitter();
         this._paginationInitialized = false;
-        this.pagination = {
-            collectionSize: 0,
-            page: 1,
-            size: 10,
-        };
+        // Key, page and size live in one subject so a change to any of them fires a single request.
+        this._query$ = new BehaviorSubject({
+            caseDefinitionKey: '',
+            page: 0,
+            size: DEFAULT_PAGE_SIZE,
+        });
         this.pagination$ = new BehaviorSubject(null);
-        this.versionItems$ = this.caseDefinitionKey$.pipe(switchMap(key => this.caseManagementService.getAllCaseVersions({ caseDefinitionKey: key })), map$1((page) => {
+        this.versionItems$ = this._query$.pipe(filter$1(({ caseDefinitionKey }) => !!caseDefinitionKey), switchMap(query => this.caseManagementService.getAllCaseVersions(query)), map$1((page) => {
             this.pagination$.next({
                 size: page.size,
                 page: page.number + 1,
@@ -3879,7 +3881,6 @@ class CaseManagementSelectVersionModalComponent {
                     },
                 ],
             }));
-            return page.content;
         }));
         this.FIELDS = [
             {
@@ -3900,22 +3901,14 @@ class CaseManagementSelectVersionModalComponent {
         ];
     }
     paginationClicked(page) {
-        this.router.navigate([], {
-            relativeTo: this.route,
-            queryParams: { page: page - 1 },
-            queryParamsHandling: 'merge',
-        });
+        this._query$.next({ ...this._query$.value, page: page - 1 });
     }
     paginationSet(size) {
         if (!this._paginationInitialized) {
             this._paginationInitialized = true;
             return;
         }
-        this.router.navigate([], {
-            relativeTo: this.route,
-            queryParams: { size },
-            queryParamsHandling: 'merge',
-        });
+        this._query$.next({ ...this._query$.value, page: 0, size: +size });
     }
     selectActiveVersion(event) {
         this.emitSelectedVersion(event?.caseDefinitionVersionTag);
@@ -3927,13 +3920,13 @@ class CaseManagementSelectVersionModalComponent {
         this.selectedVersion.emit(caseDefinitionVersionTag);
         this.closeEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSelectVersionModalComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSelectVersionModalComponent, deps: [{ token: CaseManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementSelectVersionModalComponent, isStandalone: false, selector: "valtimo-case-management-select-version-modal", inputs: { open: "open", previousSelectedVersion: "previousSelectedVersion", caseDefinitionKey: "caseDefinitionKey", caseDefinitionTitle: "caseDefinitionTitle" }, outputs: { closeEvent: "closeEvent", selectedVersion: "selectedVersion" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal showFooter=\"true\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.allVersionsModal.title'\n          | translate: {value: (caseDefinitionTitle$ | async) ?? ''}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <valtimo-carbon-list\n      [hideToolbar]=\"true\"\n      [items]=\"versionItems$ | async\"\n      [fields]=\"FIELDS\"\n      (rowClicked)=\"selectActiveVersion($event)\"\n      [pagination]=\"pagination$ | async\"\n      paginationIdentifier=\"caseManagementList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      cdsLayer=\"1\"\n    >\n      <valtimo-no-results\n        [title]=\"'caseManagement.allVersionsModal.noResults.description' | translate\"\n        [description]=\"'caseManagement.allVersionsModal.noResults.title' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'caseManagement.allVersionsModal.closeButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .cds--modal-footer{justify-content:flex-start!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i7.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementSelectVersionModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-case-management-select-version-modal', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal showFooter=\"true\" [open]=\"open\" (close)=\"onCloseModal()\">\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        'caseManagement.allVersionsModal.title'\n          | translate: {value: (caseDefinitionTitle$ | async) ?? ''}\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <valtimo-carbon-list\n      [hideToolbar]=\"true\"\n      [items]=\"versionItems$ | async\"\n      [fields]=\"FIELDS\"\n      (rowClicked)=\"selectActiveVersion($event)\"\n      [pagination]=\"pagination$ | async\"\n      paginationIdentifier=\"caseManagementList\"\n      (paginationClicked)=\"paginationClicked($event)\"\n      (paginationSet)=\"paginationSet($event)\"\n      cdsLayer=\"1\"\n    >\n      <valtimo-no-results\n        [title]=\"'caseManagement.allVersionsModal.noResults.description' | translate\"\n        [description]=\"'caseManagement.allVersionsModal.noResults.title' | translate\"\n      ></valtimo-no-results>\n    </valtimo-carbon-list>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCloseModal()\">\n      {{ 'caseManagement.allVersionsModal.closeButton' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: ["::ng-deep .cds--modal-footer{justify-content:flex-start!important}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i2$2.ActivatedRoute }, { type: i2$2.Router }, { type: CaseManagementService }], propDecorators: { open: [{
+        }], ctorParameters: () => [{ type: CaseManagementService }], propDecorators: { open: [{
                 type: Input
             }], previousSelectedVersion: [{
                 type: Input
@@ -6550,6 +6543,14 @@ const routes = [
         path: `case-management/case/:caseDefinitionKey/version/:caseDefinitionVersionTag/${TabEnum.FORM_FLOWS}/:formFlowDefinitionKey`,
         component: FormFlowEditorComponent,
         canActivate: [AuthGuardService],
+        canDeactivate: [pendingChangesGuard],
+        data: { title: 'Form flow details', roles: [ROLE_ADMIN], customPageTitle: true },
+    },
+    {
+        path: `case-management/case/:caseDefinitionKey/version/:caseDefinitionVersionTag/${TabEnum.FORM_FLOWS}/:formFlowDefinitionKey/editor`,
+        component: FormFlowEditorComponent,
+        canActivate: [AuthGuardService],
+        canDeactivate: [pendingChangesGuard],
         data: { title: 'Form flow details', roles: [ROLE_ADMIN], customPageTitle: true },
     },
 ];