@hmcts/ccd-case-ui-toolkit 7.1.74 → 7.1.75-inputmode-numeric
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.
- package/esm2022/lib/components/form/date-input/date-input.component.mjs +3 -3
- package/esm2022/lib/shared/components/palette/number/write-number-field.component.mjs +4 -4
- package/esm2022/lib/shared/components/palette/query-management/components/query-details/query-details.component.mjs +15 -7
- package/esm2022/lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.mjs +14 -9
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +32 -19
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/palette/query-management/components/query-details/query-details.component.d.ts +1 -0
- package/lib/shared/components/palette/query-management/components/query-details/query-details.component.d.ts.map +1 -1
- package/lib/shared/components/palette/query-management/components/query-write/query-write-respond-to-query/query-write-respond-to-query.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -658,7 +658,7 @@ class DateInputComponent {
|
|
|
658
658
|
useExisting: forwardRef(() => DateInputComponent),
|
|
659
659
|
multi: true
|
|
660
660
|
}
|
|
661
|
-
])], decls: 22, vars: 33, consts: [["dayInput", ""], ["monthInput", ""], ["yearInput", ""], ["hourInput", ""], ["minuteInput", ""], ["secondInput", ""], [1, "form-date"], [1, "form-group", "form-group-day"], [1, "form-label", 3, "for"], ["type", "text", "pattern", "[0-9]*", "inputmode", "numeric", 1, "form-control", 3, "change", "keyup", "focus", "id", "name", "value", "ngClass"], [1, "form-group", "form-group-month"], [1, "form-group", "form-group-year"], ["class", "form-group form-group-hour", 4, "ngIf"], ["class", "form-group form-group-minute", 4, "ngIf"], ["class", "form-group form-group-second", 4, "ngIf"], [1, "form-group", "form-group-hour"], ["type", "
|
|
661
|
+
])], decls: 22, vars: 33, consts: [["dayInput", ""], ["monthInput", ""], ["yearInput", ""], ["hourInput", ""], ["minuteInput", ""], ["secondInput", ""], [1, "form-date"], [1, "form-group", "form-group-day"], [1, "form-label", 3, "for"], ["type", "text", "pattern", "[0-9]*", "inputmode", "numeric", 1, "form-control", 3, "change", "keyup", "focus", "id", "name", "value", "ngClass"], [1, "form-group", "form-group-month"], [1, "form-group", "form-group-year"], ["class", "form-group form-group-hour", 4, "ngIf"], ["class", "form-group form-group-minute", 4, "ngIf"], ["class", "form-group form-group-second", 4, "ngIf"], [1, "form-group", "form-group-hour"], ["type", "text", "pattern", "[0-9]*", "inputmode", "numeric", 1, "form-control", 3, "input", "keyup", "focus", "id", "name", "value", "ngClass"], [1, "form-group", "form-group-minute"], [1, "form-group", "form-group-second"]], template: function DateInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
662
662
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
663
663
|
i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "label", 8);
|
|
664
664
|
i0.ɵɵtext(3);
|
|
@@ -723,7 +723,7 @@ class DateInputComponent {
|
|
|
723
723
|
useExisting: forwardRef(() => DateInputComponent),
|
|
724
724
|
multi: true
|
|
725
725
|
}
|
|
726
|
-
], template: "<div class=\"form-date\">\n <div class=\"form-group form-group-day\">\n <label class=\"form-label\" [for]=\"dayId()\">{{'Day' | rpxTranslate}}</label>\n <input #dayInput\n class=\"form-control\"\n [id]=\"dayId()\"\n [name]=\"dayId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayDay\"\n (change)=\"dayChange(dayInput.value)\"\n (keyup)=\"dayChange(dayInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-month\">\n <label class=\"form-label\" [for]=\"monthId()\">{{'Month' | rpxTranslate}}</label>\n <input #monthInput\n class=\"form-control\"\n [id]=\"monthId()\"\n [name]=\"monthId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayMonth\"\n (change)=\"monthChange(monthInput.value)\"\n (keyup)=\"monthChange(monthInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-year\">\n <label class=\"form-label\" [for]=\"yearId()\">{{'Year' | rpxTranslate}}</label>\n <input #yearInput\n class=\"form-control\"\n [id]=\"yearId()\"\n [name]=\"yearId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayYear\"\n (change)=\"yearChange(yearInput.value)\"\n (keyup)=\"yearChange(yearInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-hour\" *ngIf=\"isDateTime\">\n <label class=\"form-label\" [for]=\"hourId()\">{{'Hour' | rpxTranslate}}</label>\n <input #hourInput\n class=\"form-control\"\n [id]=\"hourId()\"\n [name]=\"hourId()\"\n type=\"
|
|
726
|
+
], template: "<div class=\"form-date\">\n <div class=\"form-group form-group-day\">\n <label class=\"form-label\" [for]=\"dayId()\">{{'Day' | rpxTranslate}}</label>\n <input #dayInput\n class=\"form-control\"\n [id]=\"dayId()\"\n [name]=\"dayId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayDay\"\n (change)=\"dayChange(dayInput.value)\"\n (keyup)=\"dayChange(dayInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-month\">\n <label class=\"form-label\" [for]=\"monthId()\">{{'Month' | rpxTranslate}}</label>\n <input #monthInput\n class=\"form-control\"\n [id]=\"monthId()\"\n [name]=\"monthId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayMonth\"\n (change)=\"monthChange(monthInput.value)\"\n (keyup)=\"monthChange(monthInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-year\">\n <label class=\"form-label\" [for]=\"yearId()\">{{'Year' | rpxTranslate}}</label>\n <input #yearInput\n class=\"form-control\"\n [id]=\"yearId()\"\n [name]=\"yearId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayYear\"\n (change)=\"yearChange(yearInput.value)\"\n (keyup)=\"yearChange(yearInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-hour\" *ngIf=\"isDateTime\">\n <label class=\"form-label\" [for]=\"hourId()\">{{'Hour' | rpxTranslate}}</label>\n <input #hourInput\n class=\"form-control\"\n [id]=\"hourId()\"\n [name]=\"hourId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayHour\"\n (input)=\"hourChange(hourInput.value)\"\n (keyup)=\"hourChange(hourInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-minute\" *ngIf=\"isDateTime\">\n <label class=\"form-label\" [for]=\"minuteId()\">{{'Minute' | rpxTranslate}}</label>\n <input #minuteInput\n class=\"form-control\"\n [id]=\"minuteId()\"\n [name]=\"minuteId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displayMinute\"\n (input)=\"minuteChange(minuteInput.value)\"\n (keyup)=\"minuteChange(minuteInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n\n <div class=\"form-group form-group-second\" *ngIf=\"isDateTime\">\n <label class=\"form-label\" [for]=\"secondId()\">{{'Second' | rpxTranslate}}</label>\n <input #secondInput\n class=\"form-control\"\n [id]=\"secondId()\"\n [name]=\"secondId()\"\n type=\"text\"\n pattern=\"[0-9]*\"\n inputmode=\"numeric\"\n [value]=\"displaySecond\"\n (input)=\"secondChange(secondInput.value)\"\n (keyup)=\"secondChange(secondInput.value)\"\n (focus)=\"inputFocus()\"\n [ngClass]=\"{'govuk-input--error': isInvalid}\">\n </div>\n</div>\n" }]
|
|
727
727
|
}], null, { id: [{
|
|
728
728
|
type: Input
|
|
729
729
|
}], mandatory: [{
|
|
@@ -19520,7 +19520,7 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
|
|
|
19520
19520
|
this.numberControl = this.registerControl(new FormControl(this.caseField.value));
|
|
19521
19521
|
}
|
|
19522
19522
|
static ɵfac = /*@__PURE__*/ (() => { let ɵWriteNumberFieldComponent_BaseFactory; return function WriteNumberFieldComponent_Factory(t) { return (ɵWriteNumberFieldComponent_BaseFactory || (ɵWriteNumberFieldComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WriteNumberFieldComponent)))(t || WriteNumberFieldComponent); }; })();
|
|
19523
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteNumberFieldComponent, selectors: [["ccd-write-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "
|
|
19523
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteNumberFieldComponent, selectors: [["ccd-write-number-field"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 12, consts: [[1, "form-group", 3, "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["type", "text", "inputmode", "numeric", "pattern", "[0-9]*", 1, "form-control", "bottom-30", 3, "ngClass", "id", "formControl"], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function WriteNumberFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
19524
19524
|
i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
|
|
19525
19525
|
i0.ɵɵtemplate(2, WriteNumberFieldComponent_span_2_Template, 3, 3, "span", 2);
|
|
19526
19526
|
i0.ɵɵelementEnd();
|
|
@@ -19539,11 +19539,11 @@ class WriteNumberFieldComponent extends AbstractFieldWriteComponent {
|
|
|
19539
19539
|
i0.ɵɵproperty("ngIf", ctx.numberControl.errors && ctx.numberControl.dirty);
|
|
19540
19540
|
i0.ɵɵadvance();
|
|
19541
19541
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c1$f, ctx.numberControl.errors && ctx.numberControl.dirty))("id", ctx.id())("formControl", ctx.numberControl);
|
|
19542
|
-
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.
|
|
19542
|
+
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.PatternValidator, i4.FormControlDirective, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], encapsulation: 2 });
|
|
19543
19543
|
}
|
|
19544
19544
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteNumberFieldComponent, [{
|
|
19545
19545
|
type: Component,
|
|
19546
|
-
args: [{ selector: 'ccd-write-number-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !numberControl.valid && numberControl.dirty}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"numberControl.errors && numberControl.dirty\">\n {{numberControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': numberControl.errors && numberControl.dirty}\"\n [id]=\"id()\" type=\"
|
|
19546
|
+
args: [{ selector: 'ccd-write-number-field', template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error': !numberControl.valid && numberControl.dirty}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" *ngIf=\"caseField.label\">{{caseField | ccdFieldLabel}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n <span class=\"error-message\" *ngIf=\"numberControl.errors && numberControl.dirty\">\n {{numberControl.errors | ccdFirstError:caseField.label}}\n </span>\n\n <input class=\"form-control bottom-30\" [ngClass]=\"{'govuk-input--error': numberControl.errors && numberControl.dirty}\"\n [id]=\"id()\" type=\"text\" inputmode=\"numeric\" pattern=\"[0-9]*\" [formControl]=\"numberControl\">\n</div>\n" }]
|
|
19547
19547
|
}], null, null); })();
|
|
19548
19548
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteNumberFieldComponent, { className: "WriteNumberFieldComponent", filePath: "lib/shared/components/palette/number/write-number-field.component.ts", lineNumber: 9 }); })();
|
|
19549
19549
|
|
|
@@ -21849,6 +21849,7 @@ class QueryDetailsComponent {
|
|
|
21849
21849
|
showItem = true;
|
|
21850
21850
|
message;
|
|
21851
21851
|
static QUERY_ITEM_RESPOND = '3';
|
|
21852
|
+
static QUERY_ITEM_FOLLOW_UP = '4';
|
|
21852
21853
|
queryItemId;
|
|
21853
21854
|
constructor(sessionStorageService, route, router) {
|
|
21854
21855
|
this.sessionStorageService = sessionStorageService;
|
|
@@ -21867,18 +21868,25 @@ class QueryDetailsComponent {
|
|
|
21867
21868
|
}
|
|
21868
21869
|
toggleLinkVisibility() {
|
|
21869
21870
|
this.queryItemId = this.route.snapshot.params.qid;
|
|
21870
|
-
this.
|
|
21871
|
+
if (this.queryItemId === QueryDetailsComponent.QUERY_ITEM_RESPOND || this.queryItemId === QueryDetailsComponent.QUERY_ITEM_FOLLOW_UP) {
|
|
21872
|
+
this.showItem = false;
|
|
21873
|
+
}
|
|
21871
21874
|
}
|
|
21872
21875
|
hasRespondedToQuery() {
|
|
21873
|
-
|
|
21874
|
-
|
|
21875
|
-
|
|
21876
|
-
|
|
21877
|
-
|
|
21876
|
+
const isAwaiting = this.queryResponseStatus === undefined || this.queryResponseStatus === QueryItemResponseStatus.AWAITING;
|
|
21877
|
+
if (this.isInternalUser()) {
|
|
21878
|
+
if (isAwaiting) {
|
|
21879
|
+
this.hasResponded.emit(false);
|
|
21880
|
+
return false;
|
|
21881
|
+
}
|
|
21878
21882
|
this.message = Constants.TASK_COMPLETION_ERROR;
|
|
21879
21883
|
this.hasResponded.emit(true);
|
|
21880
21884
|
return true;
|
|
21881
21885
|
}
|
|
21886
|
+
if (isAwaiting) {
|
|
21887
|
+
this.hasResponded.emit(true);
|
|
21888
|
+
return false; // Don't show message
|
|
21889
|
+
}
|
|
21882
21890
|
this.hasResponded.emit(false);
|
|
21883
21891
|
return false;
|
|
21884
21892
|
}
|
|
@@ -22617,8 +22625,7 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22617
22625
|
});
|
|
22618
22626
|
}
|
|
22619
22627
|
ngOnChanges() {
|
|
22620
|
-
if (this.
|
|
22621
|
-
&& this.caseQueriesCollections?.length > 0) {
|
|
22628
|
+
if (this.caseQueriesCollections?.length > 0) {
|
|
22622
22629
|
if (!this.caseQueriesCollections[0]) {
|
|
22623
22630
|
console.error('caseQueriesCollections[0] is undefined!', this.caseQueriesCollections);
|
|
22624
22631
|
return;
|
|
@@ -22635,13 +22642,19 @@ class QueryWriteRespondToQueryComponent {
|
|
|
22635
22642
|
.filter((message) => message?.value?.id === messageId); // Safe access
|
|
22636
22643
|
if (filteredMessages.length > 0) {
|
|
22637
22644
|
const matchingMessage = filteredMessages[0]?.value;
|
|
22638
|
-
|
|
22639
|
-
this.
|
|
22640
|
-
|
|
22641
|
-
|
|
22642
|
-
|
|
22643
|
-
|
|
22645
|
+
let filteredQuery = [];
|
|
22646
|
+
if (this.queryItemId === QueryWriteRespondToQueryComponent.QUERY_ITEM_RESPOND) {
|
|
22647
|
+
filteredQuery = queryWithChildren?.queries.filter((message) => filteredMessages[0]?.value?.parentId === message?.id);
|
|
22648
|
+
if (matchingMessage) {
|
|
22649
|
+
this.queryItemDisplay = new QueryListItem();
|
|
22650
|
+
Object.assign(this.queryItemDisplay, matchingMessage);
|
|
22651
|
+
this.queryItem = this.queryItemDisplay;
|
|
22652
|
+
}
|
|
22644
22653
|
}
|
|
22654
|
+
else {
|
|
22655
|
+
filteredQuery = queryWithChildren?.queries.filter((message) => filteredMessages[0]?.value?.id === message?.id);
|
|
22656
|
+
}
|
|
22657
|
+
this.queryResponseStatus = filteredQuery[0]?.responseStatus;
|
|
22645
22658
|
}
|
|
22646
22659
|
}
|
|
22647
22660
|
}
|