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

package/lib/templates/gds/template.css

@@ -1,13 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 .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 +73,8 @@
   text-align: center;
   background-color: #1d70b8;
   border-right: none;
-  color: white; }
+  color: white;
+}
 
 .input-suffix-tag {
   height: 2.5rem;
@@ -29,15 +85,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 +105,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: 0px !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 +160,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/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/lib/templates/gds/time/index.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
+var form_ejs_1 = __importDefault(require("./form.ejs"));
 exports.default = { form: form_ejs_1.default };

package/lib/templates/gds/warning/index.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
+var form_ejs_1 = __importDefault(require("./form.ejs"));
 exports.default = { form: form_ejs_1.default };

package/lib/templates/gds/wizard/index.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
+var form_ejs_1 = __importDefault(require("./form.ejs"));
 exports.default = { form: form_ejs_1.default };

package/lib/templates/gds/wizardHeader/index.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
+var form_ejs_1 = __importDefault(require("./form.ejs"));
 exports.default = { form: form_ejs_1.default };

package/lib/templates/gds/wizardNav/index.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var form_ejs_1 = require("./form.ejs");
+var form_ejs_1 = __importDefault(require("./form.ejs"));
 exports.default = { form: form_ejs_1.default };

package/lib/templates/index.js

@@ -1,6 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-var gds_1 = require("./gds");
+var gds_1 = __importDefault(require("./gds"));
 exports.default = {
     gds: gds_1.default,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/formio-gds-template",
-  "version": "1.0.13-alpha",
+  "version": "1.2.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,7 +41,7 @@
   "homepage": "https://github.com/UKHomeOffice/formio-gds-template#readme",
   "peerDependencies": {
     "formiojs": "^4.9.26",
-    "govuk-frontend": "^3.6.0"
+    "govuk-frontend": "^4.0.0"
   },
   "dependencies": {
     "lodash": "^4.17.15"
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@types/chai": "^4.2.11",
     "@types/ejs": "^3.0.3",
-    "@types/lodash": "^4.14.150",
+    "@types/lodash": "4.14.186",
     "@types/mocha": "^7.0.2",
     "@types/moment": "^2.13.0",
     "@types/node": "^13.13.5",
@@ -59,16 +59,16 @@
     "concurrently": "^5.2.0",
     "css-loader": "^3.5.3",
     "formiojs": "^4.9.26",
-    "govuk-frontend": "^3.6.0",
+    "govuk-frontend": "^4.0.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",
     "pre-commit": "^1.2.2",
+    "sass": "^1.77.6",
     "sass-loader": "^8.0.2",
     "sinon": "^9.0.2",
     "style-loader": "^1.2.1",

package/src/components/datetime/GDSDatetimeComponent.ts

@@ -1,7 +1,7 @@
 import {Components} from 'formiojs';
 import FormioUtils from 'formiojs/utils';
 import * as _ from 'lodash';
-import * as moment from 'moment';
+import moment from 'moment';
 import TimeHelper from '../util/TimeHelper';
 
 const Field = Components.components.field;

package/src/components/time/GDSTimeComponent.ts

@@ -1,5 +1,5 @@
 import {Components} from 'formiojs';
-import * as moment from 'moment';
+import moment from 'moment';
 import TimeHelper from '../util/TimeHelper';
 
 const Field = Components.components.field;

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

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

package/tsconfig.json

@@ -7,7 +7,8 @@
     "noImplicitAny": false,
     "sourceMap": false,
     "declaration": true,
-    "rootDir": "src"
+    "rootDir": "src",
+    "esModuleInterop": true
   },
   "include": [
     "src/*.ts",