@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-query-list-v3 → 6.16.0-query-management-sorting

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -19619,25 +19619,43 @@
             }], function () { return []; }, null);
     })();
 
-    exports.QueryListResponseStatus = void 0;
-    (function (QueryListResponseStatus) {
-        QueryListResponseStatus["NEW"] = "New";
-        QueryListResponseStatus["RESPONDED"] = "Responded";
-    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
+    var SortOrder;
+    (function (SortOrder) {
+        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+    })(SortOrder || (SortOrder = {}));
 
     var QueryListItem = /** @class */ (function () {
         function QueryListItem() {
+            this.children = [];
         }
         Object.defineProperty(QueryListItem.prototype, "lastSubmittedMessage", {
             get: function () {
-                if (this.children && this.children.length > 0) {
-                    return this.children.reduce(function (prev, current) {
-                        return (prev.createdOn > current.createdOn) ? prev : current;
-                    });
-                }
-                else {
-                    return this;
-                }
+                var getLastSubmittedMessage = function (item) {
+                    var e_1, _b;
+                    var lastSubmittedMessage = item;
+                    if (item.children && item.children.length > 0) {
+                        try {
+                            for (var _c = __values(item.children), _d = _c.next(); !_d.done; _d = _c.next()) {
+                                var child = _d.value;
+                                var childLastSubmittedMessage = getLastSubmittedMessage(child);
+                                if (childLastSubmittedMessage.createdOn > lastSubmittedMessage.createdOn) {
+                                    lastSubmittedMessage = childLastSubmittedMessage;
+                                }
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
+                    }
+                    return lastSubmittedMessage;
+                };
+                return getLastSubmittedMessage(this);
             },
             enumerable: false,
             configurable: true
@@ -19672,69 +19690,91 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(QueryListItem.prototype, "responseStatus", {
-            get: function () {
-                var _a;
-                return ((_a = this.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? exports.QueryListResponseStatus.RESPONDED : exports.QueryListResponseStatus.NEW;
-            },
-            enumerable: false,
-            configurable: true
-        });
         return QueryListItem;
     }());
 
     var QueryListData = /** @class */ (function () {
         function QueryListData(partyMessagesGroup) {
+            var _this = this;
             this.partyName = partyMessagesGroup.partyName;
             this.roleOnCase = partyMessagesGroup.roleOnCase;
             // get the parent messages (messages without parentId) and add the children to them
             var parentMessages = partyMessagesGroup.partyMessages.filter(function (message) { return !message.parentId; });
-            this.partyMessages = parentMessages.map(function (message) {
-                var parentMessage = new QueryListItem();
-                Object.assign(parentMessage, Object.assign(Object.assign({}, message), { children: partyMessagesGroup.partyMessages
-                        .filter(function (childMessage) { return childMessage.parentId === message.id; }) }));
-                return parentMessage;
-            });
+            this.partyMessages = parentMessages.map(function (message) { return _this.buildQueryListItem(message, partyMessagesGroup.partyMessages); });
         }
+        QueryListData.prototype.buildQueryListItem = function (message, allMessages) {
+            var _this = this;
+            var queryListItem = new QueryListItem();
+            Object.assign(queryListItem, Object.assign(Object.assign({}, message), { children: allMessages
+                    .filter(function (childMessage) { return childMessage.parentId === message.id; })
+                    .map(function (childMessage) { return _this.buildQueryListItem(childMessage, allMessages); }) }));
+            return queryListItem;
+        };
         return QueryListData;
     }());
 
-    function QueryListComponent_ng_container_0_tr_23_Template(rf, ctx) {
+    exports.QueryListResponseStatus = void 0;
+    (function (QueryListResponseStatus) {
+        QueryListResponseStatus["NEW"] = "New";
+        QueryListResponseStatus["RESPONDED"] = "Responded";
+    })(exports.QueryListResponseStatus || (exports.QueryListResponseStatus = {}));
+
+    function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementStart(0, "th", 8);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "rpxTranslate");
+            i0__namespace.ɵɵelementStart(3, "a", 9);
+            i0__namespace.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var col_r3 = ctx.$implicit; var ctx_r4 = i0__namespace.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var col_r3 = ctx.$implicit;
+            var ctx_r1 = i0__namespace.ɵɵnextContext(2);
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0__namespace.ɵɵsanitizeHtml);
+        }
+    }
+    function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "tr", 4);
-            i0__namespace.ɵɵelementStart(1, "td", 8);
-            i0__namespace.ɵɵelementStart(2, "a", 9);
+            i0__namespace.ɵɵelementStart(1, "td", 10);
+            i0__namespace.ɵɵelementStart(2, "a", 11);
             i0__namespace.ɵɵtext(3);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(4, "td", 10);
+            i0__namespace.ɵɵelementStart(4, "td", 12);
             i0__namespace.ɵɵtext(5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(6, "td", 10);
+            i0__namespace.ɵɵelementStart(6, "td", 12);
             i0__namespace.ɵɵtext(7);
             i0__namespace.ɵɵpipe(8, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(9, "td", 10);
+            i0__namespace.ɵɵelementStart(9, "td", 12);
             i0__namespace.ɵɵtext(10);
             i0__namespace.ɵɵpipe(11, "date");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(12, "td", 10);
+            i0__namespace.ɵɵelementStart(12, "td", 12);
             i0__namespace.ɵɵtext(13);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var message_r2 = ctx.$implicit;
+            var message_r6 = ctx.$implicit;
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r2.subject);
+            i0__namespace.ɵɵtextInterpolate(message_r6.subject);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(message_r2.lastSubmittedBy);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r2.lastSubmittedDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r2.lastResponseDate, "dd MMM YYYY"));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
             i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(message_r2.lastResponseBy);
+            i0__namespace.ɵɵtextInterpolate(message_r6.lastResponseBy);
         }
     }
     function QueryListComponent_ng_container_0_Template(rf, ctx) {
@@ -19748,30 +19788,11 @@
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementStart(5, "thead", 3);
             i0__namespace.ɵɵelementStart(6, "tr", 4);
-            i0__namespace.ɵɵelementStart(7, "th", 5);
-            i0__namespace.ɵɵtext(8);
-            i0__namespace.ɵɵpipe(9, "rpxTranslate");
+            i0__namespace.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(10, "th", 5);
-            i0__namespace.ɵɵtext(11);
-            i0__namespace.ɵɵpipe(12, "rpxTranslate");
             i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(13, "th", 5);
-            i0__namespace.ɵɵtext(14);
-            i0__namespace.ɵɵpipe(15, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(16, "th", 5);
-            i0__namespace.ɵɵtext(17);
-            i0__namespace.ɵɵpipe(18, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(19, "th", 5);
-            i0__namespace.ɵɵtext(20);
-            i0__namespace.ɵɵpipe(21, "rpxTranslate");
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(22, "tbody", 6);
-            i0__namespace.ɵɵtemplate(23, QueryListComponent_ng_container_0_tr_23_Template, 14, 11, "tr", 7);
+            i0__namespace.ɵɵelementStart(8, "tbody", 6);
+            i0__namespace.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementEnd();
             i0__namespace.ɵɵelementContainerEnd();
@@ -19780,22 +19801,21 @@
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(4);
             i0__namespace.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
-            i0__namespace.ɵɵadvance(4);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(9, 7, "Queries"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(12, 9, "Last submitted by"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(15, 11, "Last submission date"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(18, 13, "Last response date"));
-            i0__namespace.ɵɵadvance(3);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(21, 15, "Response by"));
             i0__namespace.ɵɵadvance(3);
+            i0__namespace.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
+            i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
         }
     }
     var QueryListComponent = /** @class */ (function () {
         function QueryListComponent() {
+            this.displayedColumns = [
+                { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
+                { name: 'lastSubmittedBy', displayName: 'Last submitted by', sortOrder: SortOrder.UNSORTED },
+                { name: 'lastSubmittedDate', displayName: 'Last submission date', sortOrder: SortOrder.UNSORTED },
+                { name: 'lastResponseDate', displayName: 'Last response date', sortOrder: SortOrder.UNSORTED },
+                { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
+            ];
         }
         QueryListComponent.prototype.ngOnChanges = function (simpleChanges) {
             var _a;
@@ -19804,17 +19824,78 @@
                 this.queryListData = new QueryListData(currentPartyMessageGroup);
             }
         };
+        QueryListComponent.prototype.sortTable = function (col) {
+            switch (col.displayName) {
+                case 'Queries': {
+                    this.sort(col);
+                    break;
+                }
+                case 'Last submitted by': {
+                    this.sort(col);
+                    break;
+                }
+                case 'Last submission date': {
+                    this.sortDate(col);
+                    break;
+                }
+                case 'Last response date': {
+                    this.sortDate(col);
+                    break;
+                }
+                case 'Response by': {
+                    this.sort(col);
+                    break;
+                }
+            }
+        };
+        QueryListComponent.prototype.sortWidget = function (col) {
+            switch (col.sortOrder) {
+                case SortOrder.DESCENDING: {
+                    return '▲';
+                }
+                case SortOrder.ASCENDING: {
+                    return '▼';
+                }
+                default: {
+                    return '⬧';
+                }
+            }
+        };
+        QueryListComponent.prototype.sort = function (col) {
+            if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] < b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return (a[col.name] > b[col.name]) ? 1 : -1; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+        };
+        QueryListComponent.prototype.sortDate = function (col) {
+            if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+                this.queryListData.partyMessages.sort(function (a, b) { return b[col.name] - a[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.ASCENDING;
+            }
+            else {
+                this.queryListData.partyMessages.sort(function (a, b) { return a[col.name] - b[col.name]; });
+                this.displayedColumns.forEach(function (c) { return c.sortOrder = SortOrder.UNSORTED; });
+                col.sortOrder = SortOrder.DESCENDING;
+            }
+        };
         return QueryListComponent;
     }());
     QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
+    QueryListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 24, 17, "ng-container", 0);
+                i0__namespace.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
             }
             if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.queryListData);
             }
-        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i2__namespace$1.RpxTranslatePipe, i1__namespace.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}"] });
+        }, directives: [i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [i2__namespace$1.RpxTranslatePipe, i1__namespace.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(QueryListComponent, [{
                 type: i0.Component,
@@ -23554,13 +23635,6 @@
                 }] });
     })();
 
-    var SortOrder;
-    (function (SortOrder) {
-        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-    })(SortOrder || (SortOrder = {}));
-
     function ReadComplexFieldCollectionTableComponent_th_9_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0__namespace.ɵɵgetCurrentView();