@ukhomeoffice/cop-react-form-renderer 2.1.0 → 2.6.0

package/dist/utils/Validate/validateTime.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("./additional/utils");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/**
+ * Checks if a time passed is a valid time.
+ * This will validate for missing components, invalid hour or minute components.
+ * EXAMPLE USE : const { message, propsInError } = validateTime('15:30')
+ * 
+ * Note that an empty string is not considered invalid. You should use
+ * validateRequired (Validate.required) for that sort of validation.
+ * 
+ * @param {string} time time as a string
+ * @returns an object with an error message and instructions for which parts of the time are in error
+ * or undefined for both if the time is valid
+ */
+var validateTime = function validateTime(time) {
+  if (!time) {
+    return {
+      message: undefined,
+      propsInError: undefined
+    };
+  }
+
+  var formattedDate = (0, _utils.formattedTime)(time);
+
+  var _formattedDate$split = formattedDate.split(':'),
+      _formattedDate$split2 = _slicedToArray(_formattedDate$split, 2),
+      hour = _formattedDate$split2[0],
+      minute = _formattedDate$split2[1];
+
+  var intHour = parseInt(hour, 10);
+  var intMinute = parseInt(minute, 10);
+
+  if (hour.length === 0) {
+    return {
+      message: 'Time must include a hour',
+      propsInError: {
+        hour: true
+      }
+    };
+  }
+
+  if (intHour > 23 || intHour < 0) {
+    return {
+      message: 'Hour must be between 0 and 23',
+      propsInError: {
+        hour: true
+      }
+    };
+  }
+
+  if (minute.length === 0) {
+    return {
+      message: 'Time must include a minute',
+      propsInError: {
+        minute: true
+      }
+    };
+  }
+
+  if (intMinute > 59 || intMinute < 0) {
+    return {
+      message: 'Minute must be between 0 and 59',
+      propsInError: {
+        minute: true
+      }
+    };
+  }
+
+  return {
+    message: undefined,
+    propsInError: undefined
+  };
+};
+
+var _default = validateTime;
+exports.default = _default;

package/dist/utils/Validate/validateTime.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _validateTime = _interopRequireDefault(require("./validateTime"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('time', function () {
+      test('should return no error when the value is an empty string', function () {
+        expect((0, _validateTime.default)('')).toEqual({
+          message: undefined,
+          propsInError: undefined
+        });
+      });
+      test('should return undefined if a time string is valid', function () {
+        var output = (0, _validateTime.default)('14:30');
+        expect(output).toEqual({
+          message: undefined,
+          propsInError: undefined
+        });
+      });
+      test('should return an error if no hour is given', function () {
+        var output = (0, _validateTime.default)(':30');
+        expect(output).toEqual({
+          message: 'Time must include a hour',
+          propsInError: {
+            hour: true
+          }
+        });
+      });
+      test('should return an error if the hour is not between 0 and 23', function () {
+        var output = (0, _validateTime.default)('35:30');
+        expect(output).toEqual({
+          message: 'Hour must be between 0 and 23',
+          propsInError: {
+            hour: true
+          }
+        });
+      });
+      test('should return an error if no minute is given', function () {
+        var output = (0, _validateTime.default)('14:');
+        expect(output).toEqual({
+          message: 'Time must include a minute',
+          propsInError: {
+            minute: true
+          }
+        });
+      });
+      test('should return an error if the minute is not between 0 and 59', function () {
+        var output = (0, _validateTime.default)('14:75');
+        expect(output).toEqual({
+          message: 'Minute must be between 0 and 59',
+          propsInError: {
+            minute: true
+          }
+        });
+      });
+    });
+  });
+});

package/dist/utils/index.js

@@ -11,6 +11,10 @@ var _CheckYourAnswers = _interopRequireDefault(require("./CheckYourAnswers"));
 
 var _Component = _interopRequireDefault(require("./Component"));
 
+var _Condition = _interopRequireDefault(require("./Condition"));
+
+var _Container = _interopRequireDefault(require("./Container"));
+
 var _Data = _interopRequireDefault(require("./Data"));
 
 var _Format = _interopRequireDefault(require("./Format"));
@@ -19,8 +23,6 @@ var _FormPage = _interopRequireDefault(require("./FormPage"));
 
 var _Hub = _interopRequireDefault(require("./Hub"));
 
-var _meetsCondition = _interopRequireDefault(require("./meetsCondition"));
-
 var _Validate = _interopRequireDefault(require("./Validate"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,11 +36,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var Utils = _objectSpread({
   CheckYourAnswers: _CheckYourAnswers.default,
   Component: _Component.default,
+  Container: _Container.default,
   Data: _Data.default,
   Format: _Format.default,
   FormPage: _FormPage.default,
   Hub: _Hub.default,
-  meetsCondition: _meetsCondition.default,
+  Condition: _Condition.default,
   Validate: _Validate.default
 }, _copReactComponents.Utils);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "2.1.0",
+  "version": "2.6.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",
@@ -16,8 +16,9 @@
     "post-compile": "rimraf dist/*.test.* dist/**/*.test.* dist/**/*.stories.* dist/docs dist/assets"
   },
   "dependencies": {
-    "@ukhomeoffice/cop-react-components": "1.1.2",
+    "@ukhomeoffice/cop-react-components": "1.2.0",
     "axios": "^0.21.1",
+    "dayjs": "^1.11.0",
     "govuk-frontend": "^3.13.0",
     "web-vitals": "^1.0.1"
   },

package/dist/utils/FormPage/getEditableComponents.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Component = _interopRequireDefault(require("../Component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Gets all the editable components on a page.
- * @param {object} page The page to consider.
- * @returns An array of ONLY the editable components on a page.
- */
-var getEditableComponents = function getEditableComponents(page) {
-  if (page && Array.isArray(page.components)) {
-    return page.components.filter(function (c) {
-      return _Component.default.editable(c);
-    });
-  }
-
-  return [];
-};
-
-var _default = getEditableComponents;
-exports.default = _default;

package/dist/utils/FormPage/getEditableComponents.test.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _getEditableComponents = _interopRequireDefault(require("./getEditableComponents"));
-
-var _isEditable = require("../Component/isEditable");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('utils', function () {
-  describe('FormPage', function () {
-    describe('getEditableComponents', function () {
-      var HTML = {
-        type: 'html',
-        tagName: 'p',
-        content: 'Alpha'
-      };
-      var INSET_TEXT = {
-        type: 'inset-text',
-        content: 'Bravo'
-      };
-      var HEADING = {
-        type: 'heading',
-        size: 'm',
-        content: 'Charlie'
-      };
-      it('should return an empty array for a null page', function () {
-        expect((0, _getEditableComponents.default)(null)).toEqual([]);
-      });
-      it('should return an empty array for a page with no components', function () {
-        expect((0, _getEditableComponents.default)({
-          components: []
-        })).toEqual([]);
-      });
-      it('should return an empty array for a page with only non-editable components', function () {
-        var COMPONENTS = [HTML, INSET_TEXT, HEADING];
-        expect((0, _getEditableComponents.default)({
-          components: COMPONENTS
-        })).toEqual([]);
-      });
-
-      _isEditable.EDITABLE_TYPES.forEach(function (type) {
-        it("should return just the \"".concat(type, "\" component if it exists in the components but no non-editable ones"), function () {
-          var EDITABLE = {
-            type: type
-          };
-          var COMPONENTS = [HTML, EDITABLE, INSET_TEXT, HEADING];
-          expect((0, _getEditableComponents.default)({
-            components: COMPONENTS
-          })).toEqual([EDITABLE]);
-        });
-      });
-
-      it('should return all editable components and no non-editable ones', function () {
-        var COMPONENTS = [HTML, INSET_TEXT, HEADING];
-
-        _isEditable.EDITABLE_TYPES.forEach(function (type) {
-          COMPONENTS.push({
-            type: type
-          });
-        });
-
-        var RESULT = (0, _getEditableComponents.default)({
-          components: COMPONENTS
-        });
-        expect(RESULT.length).toEqual(_isEditable.EDITABLE_TYPES.length);
-
-        _isEditable.EDITABLE_TYPES.forEach(function (type) {
-          expect(RESULT).toContainEqual({
-            type: type
-          });
-        });
-      });
-    });
-  });
-});