@ukhomeoffice/formio-gds-template 1.1.0 → 2.0.1

package/dist/gds.js.LICENSE.txt

@@ -0,0 +1,41 @@
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2021 Joachim Wester
+ * MIT license
+ */
+
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2022 Joachim Wester
+ * MIT licensed
+ */
+
+/*! @license DOMPurify 3.1.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.5/LICENSE */
+
+/*! Native Promise Only
+    v0.8.1 (c) Kyle Simpson
+    MIT License: http://getify.mit-license.org
+*/
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+//! Copyright (c) JS Foundation and other contributors
+
+//! github.com/moment/moment-timezone
+
+//! license : MIT
+
+//! moment-timezone.js
+
+//! moment.js
+
+//! moment.js locale configuration
+
+//! version : 0.5.45

package/lib/components/datamap/GDSDataMap.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/lib/components/datetime/GDSDatetimeComponent.js

@@ -3,21 +3,25 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var formiojs_1 = require("formiojs");
@@ -43,6 +47,7 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(GDSDatetimeComponent.prototype, "defaultValue", {
+        // @ts-ignore
         get: function () {
             var defaultValue = this.component.defaultValue;
             if (!defaultValue && this.component.defaultDate) {
@@ -55,6 +60,7 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(GDSDatetimeComponent.prototype, "emptyValue", {
+        // @ts-ignore
         get: function () {
             return null;
         },
@@ -136,11 +142,11 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
     };
     GDSDatetimeComponent.prototype.setErrorClasses = function (elements, dirty, hasError) {
         // @ts-ignore
-        _super.prototype.setErrorClasses.call(this, __spreadArrays([this.refs.hour, this.refs.minute], elements), dirty, hasError);
+        _super.prototype.setErrorClasses.call(this, __spreadArray([this.refs.hour, this.refs.minute], elements, true), dirty, hasError);
     };
     GDSDatetimeComponent.prototype.removeInputError = function (elements) {
         // @ts-ignore
-        _super.prototype.removeInputError.call(this, __spreadArrays([this.refs.hour, this.refs.minute], elements));
+        _super.prototype.removeInputError.call(this, __spreadArray([this.refs.hour, this.refs.minute], elements, true));
     };
     GDSDatetimeComponent.prototype.render = function () {
         return Field.prototype.render.call(this, this.renderTemplate('datetime', {
@@ -185,7 +191,7 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
         year = year.toString().padStart(4, 0);
         hour = hour.toString().padStart(2, 0);
         minute = minute.toString().padStart(2, 0);
-        var toMoment = moment(year + "-" + month + "-" + day + " " + hour + ":" + minute, 'YYYY-MM-DD HH:mm');
+        var toMoment = moment("".concat(year, "-").concat(month, "-").concat(day, " ").concat(hour, ":").concat(minute), 'YYYY-MM-DD HH:mm');
         return toMoment.format();
     };
     GDSDatetimeComponent.prototype.getFieldValue = function (name) {
@@ -292,7 +298,7 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
         return !this.isEmpty(value);
     };
     GDSDatetimeComponent.prototype.processField = function (field, defaults, fieldIndex) {
-        var fieldValue = this.refs["" + field] ? parseInt(this.refs["" + field].value, 10) : undefined;
+        var fieldValue = this.refs["".concat(field)] ? parseInt(this.refs["".concat(field)].value, 10) : undefined;
         if (fieldValue === undefined || _.isNaN(fieldValue)) {
             fieldValue = defaults[fieldIndex] && !_.isNaN(defaults[fieldIndex]) ? defaults[fieldIndex] : 0;
         }

package/lib/components/selectboxes/GDSCheckBoxes.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/lib/components/time/GDSTimeComponent.js

@@ -3,21 +3,25 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var formiojs_1 = require("formiojs");
@@ -61,7 +65,7 @@ var GDSTimeComponent = /** @class */ (function (_super) {
     };
     GDSTimeComponent.prototype.setErrorClasses = function (elements, dirty, hasError) {
         // @ts-ignore
-        _super.prototype.setErrorClasses.call(this, __spreadArrays([this.refs.hour, this.refs.minute], elements), dirty, hasError);
+        _super.prototype.setErrorClasses.call(this, __spreadArray([this.refs.hour, this.refs.minute], elements, true), dirty, hasError);
     };
     // @ts-ignore
     GDSTimeComponent.prototype.addInputError = function (message, dirty, element) {
@@ -80,7 +84,7 @@ var GDSTimeComponent = /** @class */ (function (_super) {
         if (!this.refs.hour.value || !this.refs.minute.value) {
             return '';
         }
-        var value = this.refs.hour.value + ":" + this.refs.minute.value;
+        var value = "".concat(this.refs.hour.value, ":").concat(this.refs.minute.value);
         return moment(value, this.component.format).format(this.component.dataFormat);
     };
     GDSTimeComponent.prototype.setValue = function (value, flags) {

package/lib/templates/gds/datagrid/form.ejs.js

@@ -6,6 +6,7 @@ var __t, __p = '', __j = Array.prototype.join;
 function print() { __p += __j.call(arguments, '') }
 
 
+let columnWidth;
 var columnLength = ctx.columns.length;
 switch(columnLength) {
 case 1:

package/lib/templates/gds/iconClass.js

@@ -26,5 +26,5 @@ exports.default = (function (iconset, name, spinning) {
                 break;
         }
     }
-    return spinning ? iconset + " " + iconset + "-" + name + " " + iconset + "-spin" : iconset + " " + iconset + "-" + name;
+    return spinning ? "".concat(iconset, " ").concat(iconset, "-").concat(name, " ").concat(iconset, "-spin") : "".concat(iconset, " ").concat(iconset, "-").concat(name);
 });

package/lib/templates/gds/template.css

@@ -27,18 +27,6 @@
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -122,7 +110,7 @@
   }
 }
 .govuk-details {
-  margin-bottom: 0px !important;
+  margin-bottom: 0 !important;
 }
 
 .small-button {

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/templates/gds/template.scss","../../../node_modules/govuk-frontend/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;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;EAGA;;;AAKJ;EACE;EACA;;;AAGF;EACE;;;ACqHM;EDhHJ;IACE;;;;AAMJ;EADF;IAEI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;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;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;EAGA;;;AAKJ;EACE;EACA;;;AAGF;EACE;;;ACqHM;EDhHJ;IACE;;;;AAMJ;EADF;IAEI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE","file":"template.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/formio-gds-template",
-  "version": "1.1.0",
+  "version": "2.0.1",
   "description": "Gov UK design system formio templates",
   "publishConfig": {
     "access": "public"
@@ -41,43 +41,43 @@
   "homepage": "https://github.com/UKHomeOffice/formio-gds-template#readme",
   "peerDependencies": {
     "formiojs": "^4.9.26",
-    "govuk-frontend": "^4.0.0"
+    "govuk-frontend": "^5.0.0"
   },
   "dependencies": {
-    "lodash": "^4.17.15"
+    "lodash": "4.17.21"
   },
   "devDependencies": {
-    "@types/chai": "^4.2.11",
-    "@types/ejs": "^3.0.3",
-    "@types/lodash": "4.14.186",
-    "@types/mocha": "^7.0.2",
+    "@types/chai": "^4.3.16",
+    "@types/ejs": "^3.1.5",
+    "@types/lodash": "^4.17.5",
+    "@types/mocha": "^10.0.7",
     "@types/moment": "^2.13.0",
-    "@types/node": "^13.13.5",
-    "@types/node-sass": "^4.11.0",
-    "@types/sinon": "^9.0.0",
-    "chai": "^4.2.0",
-    "concurrently": "^5.2.0",
-    "css-loader": "^3.5.3",
-    "formiojs": "^4.9.26",
-    "govuk-frontend": "^4.0.0",
+    "@types/node": "^20.14.9",
+    "@types/node-sass": "^4.11.7",
+    "@types/sinon": "^17.0.3",
+    "chai": "^5.1.1",
+    "concurrently": "^8.2.2",
+    "css-loader": "^7.1.2",
+    "formiojs": "^4.19.4",
+    "govuk-frontend": "^5.4.0",
     "gulp": "^4.0.2",
     "gulp-insert": "^0.5.0",
     "gulp-rename": "^2.0.0",
     "gulp-template": "^5.0.0",
-    "mocha": "^7.1.2",
-    "moment": "^2.25.3",
-    "nyc": "^15.0.1",
+    "mocha": "10.5.1",
+    "moment": "^2.30.1",
+    "nyc": "^17.0.0",
     "pre-commit": "^1.2.2",
     "sass": "^1.77.6",
-    "sass-loader": "^8.0.2",
-    "sinon": "^9.0.2",
-    "style-loader": "^1.2.1",
-    "ts-node": "^8.10.1",
-    "ts-sinon": "^1.2.0",
+    "sass-loader": "^14.2.1",
+    "sinon": "^18.0.0",
+    "style-loader": "^4.0.0",
+    "ts-node": "^10.9.2",
+    "ts-sinon": "^2.0.2",
     "tslint": "^6.1.2",
-    "typed-scss-modules": "^1.3.0",
-    "typescript": "^3.8.3",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
+    "typed-scss-modules": "^8.0.1",
+    "typescript": "^5.5.2",
+    "webpack": "^5.92.1",
+    "webpack-cli": "^5.1.4"
   }
 }

package/src/components/datetime/GDSDatetimeComponent.ts

@@ -13,8 +13,8 @@ export default class GDSDatetimeComponent extends Day {
     get format() {
         return 'DD-MM-YYYY';
     }
+    // @ts-ignore
     get defaultValue() {
-
         let defaultValue = this.component.defaultValue;
         if (!defaultValue && this.component.defaultDate) {
             defaultValue = FormioUtils.getDateSetting(this.component.defaultDate);
@@ -23,6 +23,7 @@ export default class GDSDatetimeComponent extends Day {
         return defaultValue;
     }
 
+    // @ts-ignore
     get emptyValue() {
         return null;
     }

package/src/templates/gds/datagrid/form.ejs

@@ -1,4 +1,5 @@
 {%
+let columnWidth;
 var columnLength = ctx.columns.length;
 switch(columnLength) {
 case 1:

package/src/templates/gds/template.scss

@@ -1,6 +1,6 @@
-@import "../../../node_modules/govuk-frontend/govuk/settings/all";
-@import "../../../node_modules/govuk-frontend/govuk/tools/all";
-@import "../../../node_modules/govuk-frontend/govuk/helpers/all";
+@import "../../../node_modules/govuk-frontend/dist/govuk/settings/index";
+@import "../../../node_modules/govuk-frontend/dist/govuk/tools/index";
+@import "../../../node_modules/govuk-frontend/dist/govuk/helpers/index";
 
 .govuk-checkboxes__item {
   * {
@@ -81,7 +81,7 @@
 }
 
 .govuk-details {
-  margin-bottom: 0px !important;
+  margin-bottom: 0 !important;
 }
 
 .small-button {