@hmcts/ccd-case-ui-toolkit 4.4.0-rc.3 → 4.5.0-EUI-4458-staff-uploaded-documents

package/RELEASE-NOTES.md

@@ -1,4 +1,20 @@
 ## RELEASE NOTES
+
+### Version 4.5.0-rc.4
+**EUI-4415** Label not rendering
+
+### Version 4.3.1-EUI-3473-challenged-access-request-screen
+**EUI-3473** Challenged Access Request screen for Case Access Management
+
+### Version 4.3.1-switch-tabs
+**EUI-3881** Fix bug that it can't switch case detail tabs after inserting prepended tabs
+
+### Version 4.0.0-value-disappearing
+**EUI-4364** Values disappearing after mid event callback when modifying case data
+
+### Version 4.1.6-EUI-4343-case-field-validation-red-bar-missing
+**EUI-4343** CCD case field validation indicator missing in WA2 release 2 part2 branch
+
 ### Version 4.1.6-EUI-3528-4205-RHF-enhancements
 **EUI-3528** "Retain Hidden Value" support for DynamicList fields, _only_ for `retain_hidden_value` flag set to `false` or unspecified
 **EUI-4205** "Retain Hidden Value" - prevent deletion of Complex sub-field value if parent unknown

package/dist/components/banners/alert/alert.component.d.ts

@@ -1,12 +1,14 @@
 declare enum AlertMessageType {
     WARNING = "warning",
     SUCCESS = "success",
-    ERROR = "error"
+    ERROR = "error",
+    INFORMATION = "information"
 }
 export declare class AlertComponent {
     static readonly TYPE_WARNING = "warning";
     static readonly TYPE_SUCCESS = "success";
     static readonly TYPE_ERROR = "error";
+    static readonly TYPE_INFORMATION = "information";
     type: AlertMessageType;
     alertMessageType: typeof AlertMessageType;
     showIcon: boolean;

package/dist/components/banners/alert/alert.component.js

@@ -15,6 +15,7 @@ var AlertMessageType;
     AlertMessageType["WARNING"] = "warning";
     AlertMessageType["SUCCESS"] = "success";
     AlertMessageType["ERROR"] = "error";
+    AlertMessageType["INFORMATION"] = "information";
 })(AlertMessageType || (AlertMessageType = {}));
 var AlertComponent = /** @class */ (function () {
     function AlertComponent() {
@@ -25,6 +26,7 @@ var AlertComponent = /** @class */ (function () {
     AlertComponent.TYPE_WARNING = 'warning';
     AlertComponent.TYPE_SUCCESS = 'success';
     AlertComponent.TYPE_ERROR = 'error';
+    AlertComponent.TYPE_INFORMATION = 'information';
     __decorate([
         core_1.Input(),
         __metadata("design:type", String)
@@ -36,7 +38,7 @@ var AlertComponent = /** @class */ (function () {
     AlertComponent = __decorate([
         core_1.Component({
             selector: 'cut-alert',
-            template: "\n    <div [ngClass]=\"{'hmcts-banner hmcts-banner--warning':type === alertMessageType.WARNING || type === alertMessageType.ERROR}\">\n      <div [ngClass]=\"{'hmcts-banner hmcts-banner--success':type === alertMessageType.SUCCESS}\">\n        <ng-container [ngSwitch]=\"type\">\n          <ng-container *ngSwitchCase=\"alertMessageType.WARNING\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n            </svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"alertMessageType.ERROR\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n            </svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"alertMessageType.SUCCESS\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n            </svg>\n          </ng-container>\n        </ng-container>\n        <div class=\"hmcts-banner__message\">\n          <span class=\"hmcts-banner__assistive\">{{type}}</span>\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  ",
+            template: "\n    <div\n      class=\"hmcts-banner\"\n      [class.hmcts-banner--warning]=\"type === alertMessageType.WARNING || type === alertMessageType.ERROR\"\n      [class.hmcts-banner--success]=\"type === alertMessageType.SUCCESS\"\n    >\n      <ng-container [ngSwitch]=\"type\">\n        <ng-container *ngSwitchCase=\"alertMessageType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n          C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        </ng-container>\n      </ng-container>\n      <div class=\"hmcts-banner__message\">\n        <span class=\"hmcts-banner__assistive\">{{type}}</span>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
             styles: ["\n    .alert:after{content:'';display:table;clear:both}.alert{color:#fff;padding:10px;font-size:16px;line-height:1.25}.alert-error{background-color:#df3034}.alert-warning{background-color:#912b88}.alert-success,.alert-confirmation{background-color:#006435}.alert-success .icon-tick,.alert-confirmation .icon-tick{height:20px;width:20px;background-size:cover}.alert-message{color:#fff;display:table-cell;font-weight:bold}.alert-message a,.alert-message a:visited{color:#fff;text-decoration:underline}.alert .icon{display:table-cell;vertical-align:top}.alert .icon+.alert-message{padding-left:10px}\n  "]
         })
     ], AlertComponent);

package/dist/components/banners/alert/alert.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/components/banners/alert/alert.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAiD;AAEjD,IAAK,gBAIJ;AAJD,WAAK,gBAAgB;IACnB,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;AACjB,CAAC,EAJI,gBAAgB,KAAhB,gBAAgB,QAIpB;AAsCD;IApCA;QA6CE,qBAAgB,GAAG,gBAAgB,CAAC;QAG7B,aAAQ,GAAG,IAAI,CAAC;IAEzB,CAAC;IAZC,qDAAqD;IAC9B,2BAAY,GAAG,SAAS,CAAC;IACzB,2BAAY,GAAG,SAAS,CAAC;IACzB,yBAAU,GAAG,OAAO,CAAC;IAG5C;QADC,YAAK,EAAE;;gDACsB;IAI9B;QADC,YAAK,EAAE;;oDACe;IAZZ,cAAc;QApC1B,gBAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,QAAQ,EAAE,0xDA6BT;YACD,MAAM,EAAE,CAAC,0lBAER,CAAC;SACH,CAAC;OACW,cAAc,CAc1B;IAAD,qBAAC;CAAA,AAdD,IAcC;AAdY,wCAAc"}
+{"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/components/banners/alert/alert.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAiD;AAEjD,IAAK,gBAKJ;AALD,WAAK,gBAAgB;IACnB,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,+CAA2B,CAAA;AAC7B,CAAC,EALI,gBAAgB,KAAhB,gBAAgB,QAKpB;AA+CD;IA7CA;QAuDE,qBAAgB,GAAG,gBAAgB,CAAC;QAG7B,aAAQ,GAAG,IAAI,CAAC;IAEzB,CAAC;IAbC,qDAAqD;IAC9B,2BAAY,GAAG,SAAS,CAAC;IACzB,2BAAY,GAAG,SAAS,CAAC;IACzB,yBAAU,GAAG,OAAO,CAAC;IACrB,+BAAgB,GAAG,aAAa,CAAC;IAGxD;QADC,YAAK,EAAE;;gDACsB;IAI9B;QADC,YAAK,EAAE;;oDACe;IAbZ,cAAc;QA7C1B,gBAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,QAAQ,EAAE,oyEAsCT;YACD,MAAM,EAAE,CAAC,0lBAER,CAAC;SACH,CAAC;OACW,cAAc,CAe1B;IAAD,qBAAC;CAAA,AAfD,IAeC;AAfY,wCAAc"}

package/dist/components/banners/alert/alert.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"cut-alert","template":"\n    <div [ngClass]=\"{'hmcts-banner hmcts-banner--warning':type === alertMessageType.WARNING || type === alertMessageType.ERROR}\">\n      <div [ngClass]=\"{'hmcts-banner hmcts-banner--success':type === alertMessageType.SUCCESS}\">\n        <ng-container [ngSwitch]=\"type\">\n          <ng-container *ngSwitchCase=\"alertMessageType.WARNING\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n            </svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"alertMessageType.ERROR\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n            </svg>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"alertMessageType.SUCCESS\">\n            <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n              xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n              <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n            </svg>\n          </ng-container>\n        </ng-container>\n        <div class=\"hmcts-banner__message\">\n          <span class=\"hmcts-banner__assistive\">{{type}}</span>\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n    .alert:after{content:'';display:table;clear:both}.alert{color:#fff;padding:10px;font-size:16px;line-height:1.25}.alert-error{background-color:#df3034}.alert-warning{background-color:#912b88}.alert-success,.alert-confirmation{background-color:#006435}.alert-success .icon-tick,.alert-confirmation .icon-tick{height:20px;width:20px;background-size:cover}.alert-message{color:#fff;display:table-cell;font-weight:bold}.alert-message a,.alert-message a:visited{color:#fff;text-decoration:underline}.alert .icon{display:table-cell;vertical-align:top}.alert .icon+.alert-message{padding-left:10px}\n  "]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}]},"statics":{"TYPE_WARNING":"warning","TYPE_SUCCESS":"success","TYPE_ERROR":"error"}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AlertComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"cut-alert","template":"\n    <div\n      class=\"hmcts-banner\"\n      [class.hmcts-banner--warning]=\"type === alertMessageType.WARNING || type === alertMessageType.ERROR\"\n      [class.hmcts-banner--success]=\"type === alertMessageType.SUCCESS\"\n    >\n      <ng-container [ngSwitch]=\"type\">\n        <ng-container *ngSwitchCase=\"alertMessageType.WARNING\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.ERROR\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.SUCCESS\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"></path>\n          </svg>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"alertMessageType.INFORMATION\">\n          <svg class=\"hmcts-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\"\n            xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\">\n            <path d=\"M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8\n          C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z\"></path>\n          </svg>\n        </ng-container>\n      </ng-container>\n      <div class=\"hmcts-banner__message\">\n        <span class=\"hmcts-banner__assistive\">{{type}}</span>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ","styles":["\n    .alert:after{content:'';display:table;clear:both}.alert{color:#fff;padding:10px;font-size:16px;line-height:1.25}.alert-error{background-color:#df3034}.alert-warning{background-color:#912b88}.alert-success,.alert-confirmation{background-color:#006435}.alert-success .icon-tick,.alert-confirmation .icon-tick{height:20px;width:20px;background-size:cover}.alert-message{color:#fff;display:table-cell;font-weight:bold}.alert-message a,.alert-message a:visited{color:#fff;text-decoration:underline}.alert .icon{display:table-cell;vertical-align:top}.alert .icon+.alert-message{padding-left:10px}\n  "]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}]},"statics":{"TYPE_WARNING":"warning","TYPE_SUCCESS":"success","TYPE_ERROR":"error","TYPE_INFORMATION":"information"}}}}]

package/dist/components/banners/alert/index.d.ts

@@ -0,0 +1,3 @@
+export * from './alert.component';
+export * from './alert.module';
+export * from './alert-icon-class.pipe';

package/dist/components/banners/alert/index.js

@@ -0,0 +1,9 @@
+"use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
+Object.defineProperty(exports, "__esModule", { value: true });
+__export(require("./alert.component"));
+__export(require("./alert.module"));
+__export(require("./alert-icon-class.pipe"));
+//# sourceMappingURL=index.js.map

package/dist/components/banners/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../tmp/src-inlined/components/banners/alert/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAkC;AAClC,oCAA+B;AAC/B,6CAAwC"}

package/dist/components/banners/alert/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./alert.component"},{"from":"./alert.module"},{"from":"./alert-icon-class.pipe"}]}]