@ukhomeoffice/formio-gds-template 1.0.13-alpha → 2.0.0

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");
@@ -39,10 +43,11 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
         get: function () {
             return 'DD-MM-YYYY';
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(GDSDatetimeComponent.prototype, "defaultValue", {
+        // @ts-ignore
         get: function () {
             var defaultValue = this.component.defaultValue;
             if (!defaultValue && this.component.defaultDate) {
@@ -51,14 +56,15 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
             }
             return defaultValue;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(GDSDatetimeComponent.prototype, "emptyValue", {
+        // @ts-ignore
         get: function () {
             return null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(GDSDatetimeComponent.prototype, "parts", {
@@ -71,7 +77,7 @@ var GDSDatetimeComponent = /** @class */ (function (_super) {
                 minute: this.getFieldValue('minute'),
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     GDSDatetimeComponent.prototype.attach = function (element) {
@@ -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/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

@@ -1,13 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 .govuk-checkboxes__item * {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
-  box-sizing: content-box; }
-
+  box-sizing: content-box;
+}
 .govuk-checkboxes__item *:before,
 .govuk-checkboxes__item *:after {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
-  box-sizing: content-box; }
+  box-sizing: content-box;
+}
 
 .input-prefix-tag {
   height: 2.5rem;
@@ -18,7 +61,8 @@
   text-align: center;
   background-color: #1d70b8;
   border-right: none;
-  color: white; }
+  color: white;
+}
 
 .input-suffix-tag {
   height: 2.5rem;
@@ -29,15 +73,18 @@
   text-align: center;
   background-color: #1d70b8;
   border-left: none;
-  color: white; }
+  color: white;
+}
 
 .govuk-input:disabled, .govuk-textarea:disabled, .form-control:disabled, .form-control[readonly] {
   background-color: #e9ecef;
-  opacity: 1; }
+  opacity: 1;
+}
 
 @media screen and (max-width: 639px) {
   #reorder {
-    display: none; }
+    display: none;
+  }
   table.res-datagrid thead {
     border: none;
     clip: rect(0 0 0 0);
@@ -46,41 +93,54 @@
     overflow: hidden;
     padding: 0;
     position: absolute;
-    width: 1px; }
+    width: 1px;
+  }
   table.res-datagrid tr {
-    display: block; }
+    display: block;
+  }
   table.res-datagrid td {
     display: block;
-    width: 100%; }
+    width: 100%;
+  }
   table.res-datagrid td::before {
-    content: attr(data-label); }
+    content: attr(data-label);
+  }
   table.res-datagrid td:last-child {
-    border-bottom: 10px; } }
-
+    border-bottom: 10px;
+  }
+}
 .govuk-details {
-  margin-bottom: 0px !important; }
+  margin-bottom: 0 !important;
+}
 
 .small-button {
-  padding: .25rem .5rem;
-  font-size: .875rem;
-  line-height: 1.5; }
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
 
 .govuk-form-input--error {
-  border: 2px solid #d4351c !important; }
-  .govuk-form-input--error:focus {
-    border-color: #0b0c0c !important;
-    box-shadow: none !important; }
+  border: 2px solid #d4351c !important;
+}
+.govuk-form-input--error:focus {
+  border-color: #0b0c0c !important;
+  box-shadow: none !important;
+}
 
 .dataGrid-hr {
   border-bottom: 2px solid #1d70b8;
-  border-top: none; }
+  border-top: none;
+}
 
 .gov-accordion-no-bottom {
-  border-bottom: none !important; }
+  border-bottom: none !important;
+}
 
 @media (min-width: 20em) {
   .js-enabled .govuk-tabs__panel--hidden {
-    display: none; } }
+    display: none;
+  }
+}
 
 @media (max-width: 768px) {
   .custom-table {
@@ -88,17 +148,24 @@
     overflow-y: scroll;
     max-height: 400px;
     overflow-x: auto;
-    white-space: nowrap; } }
+    white-space: nowrap;
+  }
+}
 
 .custom-th {
   position: sticky;
   top: 0;
-  background: #ffffff; }
+  background: #ffffff;
+}
 
 .custom-body {
   height: 100px;
   overflow-y: auto;
-  overflow-x: hidden; }
+  overflow-x: hidden;
+}
 
 .govuk-select.auto-height {
-  height: auto; }
+  height: auto;
+}
+
+/*# sourceMappingURL=template.css.map */

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

@@ -0,0 +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;;;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.0.13-alpha",
+  "version": "2.0.0",
   "description": "Gov UK design system formio templates",
   "publishConfig": {
     "access": "public"
@@ -9,8 +9,8 @@
   "scripts": {
     "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": "node-sass src/templates/gds/template.scss lib/templates/gds/template.css",
-    "watch-sass": "node-sass -w src/templates/gds/template.scss lib/templates/gds/template.css",
+    "build-sass": "sass src/templates/gds/template.scss lib/templates/gds/template.css",
+    "watch-sass": "sass -w src/templates/gds/template.scss lib/templates/gds/template.css",
     "watch-ts": "tsc -w",
     "watch": "concurrently \"npm run watch-ts\" \"npm run watch-sass\"",
     "build": "tsc && gulp templates && npm run build-sass && webpack",
@@ -41,43 +41,43 @@
   "homepage": "https://github.com/UKHomeOffice/formio-gds-template#readme",
   "peerDependencies": {
     "formiojs": "^4.9.26",
-    "govuk-frontend": "^3.6.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.150",
-    "@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": "^3.6.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",
-    "node-sass": "^4.14.1",
-    "nyc": "^15.0.1",
+    "mocha": "10.5.1",
+    "moment": "^2.30.1",
+    "nyc": "^17.0.0",
     "pre-commit": "^1.2.2",
-    "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": "^1.77.6",
+    "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/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 {