@ukhomeoffice/formio-gds-template 3.0.0-alpha → 3.0.0-bravo

package/lib/templates/gds/message/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/message/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/panel/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/panel/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/radio/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/radio/index.ts"],"names":[],"mappings":";;;AAEA,wBAAsB"}

package/lib/templates/gds/select/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/select/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/selectOption/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/selectOption/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/selectOption/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/selectboxes/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/selectboxes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/selectboxes/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/survey/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/survey/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/survey/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/tab/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/tab/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/table/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/table/index.ts"],"names":[],"mappings":";;;AACA,wBAAwB"}

package/lib/templates/gds/template.css

@@ -115,6 +115,9 @@
 .govuk-details__summary {
   font-weight: 400 !important;
 }
+.govuk-details__summary-text, .govuk-details__summary:hover .govuk-details__summary-text {
+  text-decoration: none;
+}
 
 .formio-component-datagrid > [ref=messageContainer],
 .formio-component-editgrid > [ref=messageContainer],
@@ -125,6 +128,10 @@
   display: none;
 }
 
+.formio-hidden {
+  display: none !important;
+}
+
 .small-button {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
@@ -144,6 +151,10 @@
   border-top: none;
 }
 
+.datagrid-tbody {
+  overflow-x: hidden;
+}
+
 .gov-accordion-no-bottom {
   border-bottom: none !important;
 }

package/lib/templates/gds/template.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/templates/gds/template.scss","../../../node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE;EACE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAEF;IACE;;;AAKJ;EACE;;AAGA;EACE;;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;EAGA;;;AAKJ;EACE;EACA;;;AAGF;EACE;;;ACkGM;ED7FJ;IACE;;;;AAMJ;EADF;IAEI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAQA;EACE","file":"template.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/templates/gds/template.scss","../../../node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKE;EACE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAEF;IACE;;;AAKJ;EACE;;AAGA;EACE;;AAGF;EAEE;;;AAaF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AAMJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;EAGA;;;AAKJ;EACE;EACA;;;AAMF;EACE;;;AAGF;EACE;;;ACgFM;ED3EJ;IACE;;;;AAMJ;EADF;IAEI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAQA;EACE","file":"template.css"}

package/lib/templates/gds/time/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/time/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/warning/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/warning/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/warning/index.ts"],"names":[],"mappings":";;;AAEA,wBAAwB"}

package/lib/templates/gds/wizard/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/wizard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/wizard/index.ts"],"names":[],"mappings":";;;AAEA,wBAAsB"}

package/lib/templates/gds/wizardHeader/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/wizardHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/wizardHeader/index.ts"],"names":[],"mappings":";;;AACA,wBAAwB"}

package/lib/templates/gds/wizardNav/index.d.ts

@@ -2,3 +2,4 @@ declare const _default: {
     form: string;
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/gds/wizardNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/gds/wizardNav/index.ts"],"names":[],"mappings":";;;AAEA,wBAAsB"}

package/lib/templates/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     gds: {
-        transform(type: string, text: string): any;
+        transform(type: string, text: string): string;
         defaultIconset: string;
         iconClass: (iconset: string, name: string, spinning: boolean) => string;
         cssClasses: {
@@ -106,3 +106,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAEE"}

package/lib/types.d.ts

@@ -1,4 +1,4 @@
-import type { DayComponent, DateTimeComponent, TimeComponent as CoreTimeComponent, SelectBoxesComponent, DataMapComponent } from '@formio/core';
+import type { DayComponent, DateTimeComponent, TimeComponent as CoreTimeComponent, SelectBoxesComponent, DataMapComponent, SelectComponent } from '@formio/core';
 /**
  * Minimal interface for DOM input-like elements.
  * Used as the typed parameter in TimeHelper methods so callers can pass any
@@ -33,4 +33,5 @@ export type GDSDatetimeComponentSchema = Omit<DayComponent, 'suffix' | 'fields'>
         minute?: GDSFieldDefinition;
     };
 };
-export type { CoreTimeComponent, SelectBoxesComponent, DataMapComponent };
+export type { CoreTimeComponent, SelectBoxesComponent, DataMapComponent, SelectComponent };
+//# sourceMappingURL=types.d.ts.map

package/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EACZ,iBAAiB,EACjB,aAAa,IAAI,iBAAiB,EAClC,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,0BAA0B,GAKlC,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,QAAQ,CAAC,GACvC,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,aAAa,CAAC,GAAG;IACpD,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,qDAAqD;IACrD,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG;QAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;QAC1B,MAAM,CAAC,EAAE,kBAAkB,CAAC;KAC/B,CAAC;CACL,CAAC;AAKN,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/formio-gds-template",
-  "version": "3.0.0-alpha",
+  "version": "3.0.0-bravo",
   "description": "Gov UK design system formio templates — upgraded to @formio/js@5.x",
   "publishConfig": {
     "access": "public"
@@ -9,6 +9,7 @@
   "types": "lib/index.d.ts",
   "scripts": {
     "prepack": "npm run build",
+    "yalc:push": "npm run build && yalc push",
     "test:coverage": "nyc --reporter=text mocha --reporter spec './{,!(node_modules)/**/}*.spec.js'",
     "test": "mocha --require ts-node/register --reporter spec './{,!(node_modules)/**/}*.spec.ts'",
     "build-sass": "sass src/templates/gds/template.scss lib/templates/gds/template.css",

package/src/components/datetime/GDSDatetimeComponent.ts

@@ -61,7 +61,7 @@ export default class GDSDatetimeComponent extends Day {
     private timeHelper: TimeHelper = new TimeHelper();
 
     // element typed as `any` to match the base Day.attach(element: any) override signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public attach(element: any): Promise<void> {
         this.loadRefs(element, { hour: 'single', minute: 'single' });
 
@@ -108,6 +108,25 @@ export default class GDSDatetimeComponent extends Day {
         return superAttach;
     }
 
+    /**
+     * Override t() to remap translation keys emitted by @formio/core validators that
+     * differ from the @formio/js English translation map.
+     *
+     * @formio/core's date validator emits FieldError('invalidDate', ...) (camelCase).
+     * @formio/js translations only define 'invalid_date' (underscore). When t()
+     * cannot find 'invalidDate' it returns the raw key as the error message.
+     *
+     * We map the camelCase core keys to their underscored @formio/js equivalents so
+     * the user sees a proper human-readable message.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    public t(text: any, ...args: any[]): any {
+        const keyMap: Record<string, string> = {
+            invalidDate: 'invalid_date',
+        };
+        return super.t(keyMap[text] ?? text, ...args);
+    }
+
     public init(): void {
         super.init();
         // @formio/js@5.x: this.validators is not pre-populated by the base class; guard before filtering
@@ -133,13 +152,13 @@ export default class GDSDatetimeComponent extends Day {
     }
 
     // elements typed as `any` to match the base Day.setErrorClasses(elements: any, ...) override signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public setErrorClasses(elements: any, dirty: any, hasError: any): void {
         super.setErrorClasses([this.refs.hour, this.refs.minute, ...elements], dirty, hasError);
     }
 
     // elements typed as `any` to match the base Component.removeInputError(elements: any) signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public removeInputError(elements: any): void {
         super.removeInputError([this.refs.hour, this.refs.minute, ...elements]);
     }
@@ -159,7 +178,7 @@ export default class GDSDatetimeComponent extends Day {
     }
 
     // value typed as `any` to match the base Day.getDate(value: any): null | string signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public getDate(value: any): string | null {
         const defaults: Array<string | number | undefined> = [];
         const [DAY, MONTH, YEAR, HOUR, MINUTE] = [0, 1, 2, 3, 4];
@@ -199,7 +218,7 @@ export default class GDSDatetimeComponent extends Day {
     }
 
     // name typed as `any` to match the base Day.getFieldValue(name: any): number signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public getFieldValue(name: any): string | null {
         if (this.dataValue && this.dataValue !== 'Invalid date') {
             try {
@@ -242,8 +261,8 @@ export default class GDSDatetimeComponent extends Day {
     }
 
     // value typed as `any` to match the base Day.setValueAt(index: number, value: any) signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    public setValueAt(index: number, value: any): void {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+    public setValueAt(_index: number, value: any): void {
         // temporary solution to avoid input reset on invalid date.
         if (!value || value === 'Invalid date') {
             return;
@@ -281,13 +300,13 @@ export default class GDSDatetimeComponent extends Day {
     }
 
     // value typed as `any` to match the base Component.normalizeValue(value: any): any signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public normalizeValue(value: any): any {
         return value;
     }
 
     // setting/value typed as `any` to match the base Day.validateRequired(setting: any, value: any) signature
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
     public validateRequired(setting: any, value: any): boolean {
         const { day, month, year, minute, hour } = this.parts;
 

package/src/components/index.ts

@@ -1,11 +1,13 @@
 import datamap from './datamap/GDSDataMap';
 import datetime from './datetime/GDSDatetimeComponent';
+import select from './select/GDSSelect';
 import selectboxes from './selectboxes/GDSCheckBoxes';
 import time from './time/GDSTimeComponent';
 
 export default {
     datamap,
     datetime,
+    select,
     selectboxes,
     time,
 };