@ukhomeoffice/cop-react-form-renderer 5.89.0 → 5.90.0

package/dist/components/FormComponent/Collection.scss

@@ -21,4 +21,4 @@
       float: right;
     }
   }
-}
+}

package/dist/components/FormComponent/Container.js

@@ -12,8 +12,10 @@ var _models = require("../../models");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _FormComponent = _interopRequireDefault(require("./FormComponent"));
 var _getSourceData = _interopRequireDefault(require("../../utils/Data/getSourceData"));
+require("./Container.scss");
 var _excluded = ["container", "value", "formData", "onChange", "wrap", "onTopLevelChange"]; // Global imports
 // Local imports
+// Styles
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/components/FormComponent/Container.scss

@@ -0,0 +1,15 @@
+.horizonal {
+  flex-direction: row;
+  display: flex;
+  justify-content: space-between;
+  gap: 2rem;
+  .horizonal{
+    justify-content: space-around;
+  }
+}
+@media screen and (max-width: 640px) {
+  .horizonal {
+    flex-direction: column;
+    gap:0;
+  }
+}

package/dist/utils/Validate/additional/conditionallyPermittedChange.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * Additional validator to not permit a value change if a specified item exists in formData.
+ * @param {object} data the changed value
+ * @param {object} config the config for the validation must contain 
+ * a property 'base' holding the value for checking
+ * a property 'check' holding the formData item name to check if exists
+ * @param {object} formData the form data
+ * @returns false if: 
+ * the 'base' value is not the same as the changed value AND
+ * the 'check' value exists in formData as an item
+ * otherwise returns true
+ */
+var conditionallyPermittedChange = function conditionallyPermittedChange(data, config, _, formData) {
+  if (data !== config.base && formData[config.check]) {
+    return false;
+  }
+  return true;
+};
+var _default = exports.default = conditionallyPermittedChange;

package/dist/utils/Validate/additional/conditionallyPermittedChange.test.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _conditionallyPermittedChange = _interopRequireDefault(require("./conditionallyPermittedChange"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('additional', function () {
+      describe('conditionallyPermittedChange', function () {
+        var CONFIG = {
+          base: 'Value1',
+          check: 'Item1'
+        };
+        test('should pass if the base value has same value as data parameter', function () {
+          var DATA = 'Value1';
+          var FORMDATA = {};
+          expect((0, _conditionallyPermittedChange.default)(DATA, CONFIG, null, FORMDATA)).toEqual(true);
+        });
+        test('should fail if the base value is different to data parameter and check item exists in form data', function () {
+          var DATA = 'Value2';
+          var FORMDATA = {
+            Item1: "any"
+          };
+          expect((0, _conditionallyPermittedChange.default)(DATA, CONFIG, null, FORMDATA)).toEqual(false);
+        });
+        test('should pass if the base value is different to data parameter and check item not exists in form data', function () {
+          var DATA = 'Value2';
+          var FORMDATA = {};
+          expect((0, _conditionallyPermittedChange.default)(DATA, CONFIG, null, FORMDATA)).toEqual(true);
+        });
+      });
+    });
+  });
+});

package/dist/utils/Validate/additional/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _conditionallyPermittedChange = _interopRequireDefault(require("./conditionallyPermittedChange"));
 var _conditionallyRequired = _interopRequireDefault(require("./conditionallyRequired"));
 var _mustBeAfter = _interopRequireDefault(require("./mustBeAfter"));
 var _mustBeBefore = _interopRequireDefault(require("./mustBeBefore"));
@@ -25,6 +26,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Local imports
 
 var functions = {
+  conditionallyPermittedChange: _conditionallyPermittedChange.default,
   conditionallyRequired: _conditionallyRequired.default,
   mustBeAfter: _mustBeAfter.default,
   mustBeBefore: _mustBeBefore.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "5.89.0",
+  "version": "5.90.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",