@hmcts/ccd-case-ui-toolkit 4.18.14 → 4.18.15-hearings

package/RELEASE-NOTES.md

@@ -1,5 +1,8 @@
 ## RELEASE NOTES
 
+### Version 4.18.15-hearings
+**EUI-5912** Hearing tab is not loading
+
 ### Version 4.12.1-EUI-5682-complex-table-collection-1
 **EUI-5682** Bug fix for the complex collection table view
 
@@ -15,7 +18,6 @@
 ### Version 4.17.6-EUI-5736-unassigned-cases-pagination
 **EUI-5736** unassigned cases pagination
 
-
 ### Version 4.14.1-EUI-5305-change-link-accessibility-update
 **EUI-5305** Accessibility improvement for 'Change' links
 
@@ -36,7 +38,6 @@ Add refunds functionality
 ### Version 4.13.8-event-start-task-not-required"
 **EUI-5569** Task not required for event functionality
 
-
 ### Version 4.12.16-task-event-completion"
 **Task event completion and state machine** Task event completion and state machine
 

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 /**
  * @hmcts/ccd-case-ui-toolkit - Case UI Toolkit
- * @version v4.18.14
+ * @version v4.18.15-hearings
  * @link undefined
  * @license MIT
  */
@@ -24169,9 +24169,10 @@ var CaseFullAccessViewComponent = /** @class */ (function () {
     CaseFullAccessViewComponent.prototype.tabChanged = function (tabChangeEvent) {
         var tab = tabChangeEvent.tab['_viewContainerRef'];
         var id = tab.element.nativeElement.id;
-        var tabsLengthBeforeAppended = this.prependedTabs.length + this.caseDetails.tabs.length;
+        // due to some edge case like hidden tab we can't calculate the last index of existing tabs,
+        // so have to hard code the hearings id here
         if ((tabChangeEvent.index <= 1 && this.prependedTabs.length) ||
-            (tabChangeEvent.index >= tabsLengthBeforeAppended && this.appendedTabs.length)) {
+            (this.appendedTabs.length && id === 'hearings')) {
             this.router.navigate([id], { relativeTo: this.route });
         }
         else {
@@ -29603,12 +29604,21 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         }
         return ReadFieldsFilterPipe_1.isEmpty(field.value) ? value : field.value;
     };
-    ReadFieldsFilterPipe.evaluateConditionalShow = function (field, formValue, path) {
+    ReadFieldsFilterPipe.evaluateConditionalShow = function (field, formValue, path, formGroupAvaliable, fieldId) {
         if (field.display_context === 'HIDDEN') {
             field.hidden = true;
         }
         else if (field.show_condition) {
-            var cond = directives_1.ShowCondition.getInstance(field.show_condition);
+            var cond = void 0;
+            if (fieldId && field.show_condition.indexOf(fieldId) > -1 && !formGroupAvaliable && !!Object.keys(formValue).length) {
+                var search = fieldId + '.';
+                var searchRegExp = new RegExp(search, 'g');
+                var replaceWith = '';
+                cond = directives_1.ShowCondition.getInstance(field.show_condition.replace(searchRegExp, replaceWith));
+            }
+            else {
+                cond = directives_1.ShowCondition.getInstance(field.show_condition);
+            }
             field.hidden = !cond.match(formValue, path);
         }
         else {
@@ -29635,8 +29645,10 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
         var fields = complexField.field_type.complex_fields || [];
         var values = complexField.value || {};
         var checkConditionalShowAgainst = values;
+        var formGroupAvailable = false;
         if (formGroup) {
             checkConditionalShowAgainst = formGroup.value;
+            formGroupAvailable = true;
         }
         return fields
             .map(function (f) {
@@ -29652,7 +29664,7 @@ var ReadFieldsFilterPipe = /** @class */ (function () {
                 f.display_context = complexField.display_context;
             }
             if (setupHidden) {
-                ReadFieldsFilterPipe_1.evaluateConditionalShow(f, checkConditionalShowAgainst, path);
+                ReadFieldsFilterPipe_1.evaluateConditionalShow(f, checkConditionalShowAgainst, path, formGroupAvailable, complexField.id);
             }
             return f;
         })
@@ -30409,7 +30421,7 @@ var ReadComplexFieldComponent = /** @class */ (function (_super) {
         }
         if (this.caseField.field_type) {
             this.caseField.field_type.complex_fields.map(function (field) {
-                if (field.isDynamic() && _this.caseField.value[field.id]) {
+                if (field.isDynamic()) {
                     field.list_items = _this.caseField.value[field.id].list_items;
                     field.value = {
                         list_items: field.list_items,
@@ -90129,7 +90141,7 @@ module.exports = "<dl class=\"complex-raw\">\n  <ng-container *ngFor=\"let field
 /***/ 28274:
 /***/ ((module) => {
 
-module.exports = "<div class=\"complex-panel\">\n  <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label}}</span></dt><dd></dd></dl>\n  <table class=\"complex-panel-table\">\n    <tbody>\n      <ng-container *ngFor=\"let field of caseField | ccdReadFieldsFilter:false :undefined :true :topLevelFormGroup\">\n        <ng-container *ngIf=\"(field | ccdIsCompound); else SimpleRow\">\n          <tr class=\"complex-panel-compound-field\" [hidden]=\"field.hidden\">\n            <td colspan=\"2\">\n              <span class=\"text-16\">\n                <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n                  [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n              </span>\n            </td>\n          </tr>\n        </ng-container>\n        <ng-template #SimpleRow>\n          <tr class=\"complex-panel-simple-field\" [hidden]=\"field.hidden\">\n            <th><span class=\"text-16\">{{field.label}}</span></th>\n            <td>\n                <span class=\"text-16\">\n                  <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n                    [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n                </span>\n            </td>\n          </tr>\n        </ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n"
+module.exports = "<div class=\"complex-panel\">\n  <dl class=\"complex-panel-title\"><dt><span class=\"text-16\">{{caseField.label}}</span></dt><dd></dd></dl>\n  <table class=\"complex-panel-table\">\n    <tbody>\n      <ng-container *ngFor=\"let field of caseField | ccdReadFieldsFilter:false :undefined :true\">\n        <ng-container *ngIf=\"(field | ccdIsCompound); else SimpleRow\">\n          <tr class=\"complex-panel-compound-field\" [hidden]=\"field.hidden\">\n            <td colspan=\"2\">\n              <span class=\"text-16\">\n                <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n                  [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n              </span>\n            </td>\n          </tr>\n        </ng-container>\n        <ng-template #SimpleRow>\n          <tr class=\"complex-panel-simple-field\" [hidden]=\"field.hidden\">\n            <th><span class=\"text-16\">{{field.label}}</span></th>\n            <td>\n                <span class=\"text-16\">\n                  <ccd-field-read [topLevelFormGroup]=\"topLevelFormGroup\"\n                    [caseField]=\"field\" [context]=\"context\"></ccd-field-read>\n                </span>\n            </td>\n          </tr>\n        </ng-template>\n      </ng-container>\n    </tbody>\n  </table>\n</div>\n"
 
 /***/ }),