@remoteoss/json-schema-form 0.7.1-dev.20231031082524 → 0.7.2-dev.20231106093837

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+#### 0.7.1-beta.0 (2023-10-31)
+
+##### Bug Fixes
+
+- **select:** support string type ([#54](https://github.com/remoteoss/json-schema-form/pull/54)) ([b00f8776](https://github.com/remoteoss/json-schema-form/commit/b00f8776aa244803375ba64fbdd52c8fff9b9bd8))
+
 #### 0.7.0-beta.0 (2023-10-23)
 
 ##### Chores
@@ -27,10 +33,8 @@ BREAKING CHANGES:
 
 - json-logic: Add conditional logic checking. ([#41](https://github.com/remoteoss/json-schema-form/pull/41)) ([6292b01e](https://github.com/remoteoss/json-schema-form/commit/6292b01e3f77a9038328d7375080ffc4cb30dbc8))
 
-
 ###### Full API additions now supported from 0.6.5 onwards.
 
-
 - New custom JSON Schema keyword `x-jsf-logic` added to support cross-field validations. Built on top of [JsonLogic](https://jsonlogic.com/).
 
 - `x-jsf-logic` can contain:
@@ -49,16 +53,11 @@ While docs are underway, you can read examples from all the [tests](https://gith
 
 In short: `x-jsf-logic` is added to support complex conditional cross-field validations. Properties like `x-jsf-logic-validations` allow hooking those up to individual fields.
 
-
 #### 0.6.4-beta.0 (2023-09-15)
 
-
-
 ##### Changes
-- json-logic: computedAttrs - handle inline rules ([#40](https://github.com/remoteoss/json-schema-form/pull/40)) ([860ad91b](https://github.com/remoteoss/json-schema-form/commit/860ad91b034ab35d4d4bc51c0c04675f102bf278))
-
-
 
+- json-logic: computedAttrs - handle inline rules ([#40](https://github.com/remoteoss/json-schema-form/pull/40)) ([860ad91b](https://github.com/remoteoss/json-schema-form/commit/860ad91b034ab35d4d4bc51c0c04675f102bf278))
 
 #### 0.6.1-beta.0 (2023-09-13)
 
@@ -66,50 +65,43 @@ In short: `x-jsf-logic` is added to support complex conditional cross-field vali
 
 - json-logic: Computed string based values ([#37](https://github.com/remoteoss/json-schema-form/pull/37)) ([6e042ea5](https://github.com/remoteoss/json-schema-form/commit/6e042ea579497ea573710c307a6ff7ee2f19b931))
 
-
-
-
 #### 0.5.0-beta.0 (2023-09-12)
 
 ##### Changes
+
 - json-logic: Computed Attributes ([#36](https://github.com/remoteoss/json-schema-form/pull/36)) ([80c29589](https://github.com/remoteoss/json-schema-form/commit/80c29589ac0972e0f33add70a59df15a46db1b43))
 - json-logic: Initial skeleton implementation ([#35](https://github.com/remoteoss/json-schema-form/pull/35)) ([63149ae8](https://github.com/remoteoss/json-schema-form/commit/63149ae863cf1b5ad76a3b2a49c7f343e55ce07b))
 
-
-
-
 #### 0.4.5-beta.0 (2023-08-31)
+
 ##### Bug fixes
 
 - Validate values based on `const` key ([#34](https://github.com/remoteoss/json-schema-form/pull/34)) ([bf07870d](https://github.com/remoteoss/json-schema-form/commit/bf07870d407d9b9b078882a078b9e4c7928df868))
 
-
-
-
 #### 0.4.4-beta.0 (2023-08-30)
 
 ##### Chores
 
-* **fieldset:**  ignore values not matching the field type ([#44](https://github.com/remoteoss/json-schema-form/pull/44)) ([f0af54e5](https://github.com/remoteoss/json-schema-form/commit/f0af54e5d425fb78524ab150bb31629d00369a61))
+- **fieldset:** ignore values not matching the field type ([#44](https://github.com/remoteoss/json-schema-form/pull/44)) ([f0af54e5](https://github.com/remoteoss/json-schema-form/commit/f0af54e5d425fb78524ab150bb31629d00369a61))
 
 #### 0.4.3-beta.0 (2023-08-09)
 
 ##### Bug fixes
 
-* **conditions:** Validate a deeply nested if (e.g. checking an object with a number property) in an if property now doesn't break the form. ([#33](https://github.com/remoteoss/json-schema-form/pull/33)) ([e34cfcc](https://github.com/remoteoss/json-schema-form/commit/e34cfccaf45f1460b346f3cff0c797b3d11259e3))
+- **conditions:** Validate a deeply nested if (e.g. checking an object with a number property) in an if property now doesn't break the form. ([#33](https://github.com/remoteoss/json-schema-form/pull/33)) ([e34cfcc](https://github.com/remoteoss/json-schema-form/commit/e34cfccaf45f1460b346f3cff0c797b3d11259e3))
 
 #### 0.4.2-beta.0 (2023-07-20)
 
 ##### Bug Fixes
 
-* **date:**  Validate based on minDate and maxDate ([#30](https://github.com/remoteoss/json-schema-form/pull/30)) ([01c0143e](https://github.com/remoteoss/json-schema-form/commit/01c0143ea4a3775f9489ae6cb8fd99a90b3f1394))
+- **date:** Validate based on minDate and maxDate ([#30](https://github.com/remoteoss/json-schema-form/pull/30)) ([01c0143e](https://github.com/remoteoss/json-schema-form/commit/01c0143ea4a3775f9489ae6cb8fd99a90b3f1394))
 
 #### 0.4.1-beta.0 (2023-07-03)
 
 ##### Bug Fixes
 
-* **fieldset:**  support root conditionals for fieldsets ([#23](https://github.com/remoteoss/json-schema-form/pull/23)) ([65d87b3a](https://github.com/remoteoss/json-schema-form/commit/65d87b3a93018f0729aed565000eb2a2ce1f2ce7))
-* **select/radio:**  Accept just the values in options (plus `''` and `null` for backward-compatibility) ([#18](https://github.com/remoteoss/json-schema-form/pull/18)) ([37501d2d](https://github.com/remoteoss/json-schema-form/commit/37501d2ddafdd5e207b34d2ca3f6b7b7a1006e9d))
+- **fieldset:** support root conditionals for fieldsets ([#23](https://github.com/remoteoss/json-schema-form/pull/23)) ([65d87b3a](https://github.com/remoteoss/json-schema-form/commit/65d87b3a93018f0729aed565000eb2a2ce1f2ce7))
+- **select/radio:** Accept just the values in options (plus `''` and `null` for backward-compatibility) ([#18](https://github.com/remoteoss/json-schema-form/pull/18)) ([37501d2d](https://github.com/remoteoss/json-schema-form/commit/37501d2ddafdd5e207b34d2ca3f6b7b7a1006e9d))
 
 #### 0.4.0-beta.0 (2023-06-22)
 

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.7.1-dev.20231031082524
- Generated: Tue, 31 Oct 2023 08:25:53 GMT
+ NPM Package: @remoteoss/json-schema-form@0.7.2-dev.20231106093837
+ Generated: Mon, 06 Nov 2023 09:38:54 GMT
 
  MIT License
 
@@ -1037,6 +1037,33 @@ function processJSONLogicNode({
 }
 
 // src/helpers.js
+var dynamicInternalJsfAttrs = [
+  "isVisible",
+  // Driven from conditionals state
+  "fields",
+  // driven from group-array
+  "getComputedAttributes",
+  // From json-logic
+  "computedAttributes",
+  // From json-logic
+  "calculateConditionalProperties",
+  // driven from conditionals
+  "calculateCustomValidationProperties",
+  // To be deprecated in favor of json-logic
+  "scopedJsonSchema"
+  // The respective JSON Schema
+];
+var dynamicInternalJsfAttrsObj = Object.fromEntries(
+  dynamicInternalJsfAttrs.map((k) => [k, true])
+);
+function removeConditionalStaleAttributes(field, conditionalAttrs, rootAttrs) {
+  Object.keys(field).forEach((key) => {
+    if (conditionalAttrs[key] === void 0 && rootAttrs[key] === void 0 && // Don't remove attrs that were declared in the root field.
+    dynamicInternalJsfAttrsObj[key] === void 0) {
+      field[key] = void 0;
+    }
+  });
+}
 function hasType(type, typeName) {
   return Array.isArray(type) ? type.includes(typeName) : type === typeName;
 }
@@ -1129,19 +1156,21 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const updateValues = (fieldValues) => Object.entries(fieldValues).forEach(([key, value]) => {
-    field[key] = typeof value === "function" ? value() : value;
-    if (key === "value") {
-      const readOnlyPropertyWasUpdated = typeof fieldValues.readOnly !== "undefined";
-      const isReadonlyByDefault = field.readOnly;
-      const isReadonly = readOnlyPropertyWasUpdated ? fieldValues.readOnly : isReadonlyByDefault;
-      if (!isReadonly && (value === null || field.inputType === "checkbox")) {
-        field.value = void 0;
+  const updateAttributes = (fieldAttrs) => {
+    Object.entries(fieldAttrs).forEach(([key, value]) => {
+      field[key] = typeof value === "function" ? value() : value;
+      if (key === "value") {
+        const readOnlyPropertyWasUpdated = typeof fieldAttrs.readOnly !== "undefined";
+        const isReadonlyByDefault = field.readOnly;
+        const isReadonly = readOnlyPropertyWasUpdated ? fieldAttrs.readOnly : isReadonlyByDefault;
+        if (!isReadonly && (value === null || field.inputType === "checkbox")) {
+          field.value = void 0;
+        }
       }
-    }
-  });
+    });
+  };
   if (field.getComputedAttributes) {
-    const computedFieldValues = field.getComputedAttributes({
+    const newAttributes = field.getComputedAttributes({
       field,
       isRequired: fieldIsRequired,
       node,
@@ -1149,23 +1178,24 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
       config,
       logic
     });
-    updateValues(computedFieldValues);
+    updateAttributes(newAttributes);
   }
   if (field.calculateConditionalProperties) {
-    const newFieldValues = field.calculateConditionalProperties({
+    const { rootFieldAttrs, newAttributes } = field.calculateConditionalProperties({
       isRequired: fieldIsRequired,
       conditionBranch: node,
       formValues
     });
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes, rootFieldAttrs);
+    removeConditionalStaleAttributes(field, newAttributes, rootFieldAttrs);
   }
   if (field.calculateCustomValidationProperties) {
-    const newFieldValues = field.calculateCustomValidationProperties(
+    const newAttributes = field.calculateCustomValidationProperties(
       fieldIsRequired,
       node,
       formValues
     );
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes);
   }
 }
 function processNode({
@@ -1507,17 +1537,23 @@ function calculateConditionalProperties({ fieldParams, customProperties, logic,
           logic
         )
       };
-      return (0, import_omit2.default)((0, import_merge2.default)(base, presentation, newFieldParams), ["inputType"]);
+      return {
+        rootFieldAttrs: fieldParams,
+        newAttributes: (0, import_omit2.default)((0, import_merge2.default)(base, presentation, newFieldParams), ["inputType"])
+      };
     }
     const isVisible = isRequired;
     return {
-      isVisible,
-      required: isRequired,
-      schema: buildYupSchema({
-        ...fieldParams,
-        ...extractParametersFromNode(conditionBranch),
-        required: isRequired
-      })
+      rootFieldAttrs: fieldParams,
+      newAttributes: {
+        isVisible,
+        required: isRequired,
+        schema: buildYupSchema({
+          ...fieldParams,
+          ...extractParametersFromNode(conditionBranch),
+          required: isRequired
+        })
+      }
     };
   };
 }

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.7.1-dev.20231031082524
- Generated: Tue, 31 Oct 2023 08:25:53 GMT
+ NPM Package: @remoteoss/json-schema-form@0.7.2-dev.20231106093837
+ Generated: Mon, 06 Nov 2023 09:38:54 GMT
 
  MIT License
 
@@ -1001,6 +1001,33 @@ function processJSONLogicNode({
 }
 
 // src/helpers.js
+var dynamicInternalJsfAttrs = [
+  "isVisible",
+  // Driven from conditionals state
+  "fields",
+  // driven from group-array
+  "getComputedAttributes",
+  // From json-logic
+  "computedAttributes",
+  // From json-logic
+  "calculateConditionalProperties",
+  // driven from conditionals
+  "calculateCustomValidationProperties",
+  // To be deprecated in favor of json-logic
+  "scopedJsonSchema"
+  // The respective JSON Schema
+];
+var dynamicInternalJsfAttrsObj = Object.fromEntries(
+  dynamicInternalJsfAttrs.map((k) => [k, true])
+);
+function removeConditionalStaleAttributes(field, conditionalAttrs, rootAttrs) {
+  Object.keys(field).forEach((key) => {
+    if (conditionalAttrs[key] === void 0 && rootAttrs[key] === void 0 && // Don't remove attrs that were declared in the root field.
+    dynamicInternalJsfAttrsObj[key] === void 0) {
+      field[key] = void 0;
+    }
+  });
+}
 function hasType(type, typeName) {
   return Array.isArray(type) ? type.includes(typeName) : type === typeName;
 }
@@ -1093,19 +1120,21 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const updateValues = (fieldValues) => Object.entries(fieldValues).forEach(([key, value]) => {
-    field[key] = typeof value === "function" ? value() : value;
-    if (key === "value") {
-      const readOnlyPropertyWasUpdated = typeof fieldValues.readOnly !== "undefined";
-      const isReadonlyByDefault = field.readOnly;
-      const isReadonly = readOnlyPropertyWasUpdated ? fieldValues.readOnly : isReadonlyByDefault;
-      if (!isReadonly && (value === null || field.inputType === "checkbox")) {
-        field.value = void 0;
+  const updateAttributes = (fieldAttrs) => {
+    Object.entries(fieldAttrs).forEach(([key, value]) => {
+      field[key] = typeof value === "function" ? value() : value;
+      if (key === "value") {
+        const readOnlyPropertyWasUpdated = typeof fieldAttrs.readOnly !== "undefined";
+        const isReadonlyByDefault = field.readOnly;
+        const isReadonly = readOnlyPropertyWasUpdated ? fieldAttrs.readOnly : isReadonlyByDefault;
+        if (!isReadonly && (value === null || field.inputType === "checkbox")) {
+          field.value = void 0;
+        }
       }
-    }
-  });
+    });
+  };
   if (field.getComputedAttributes) {
-    const computedFieldValues = field.getComputedAttributes({
+    const newAttributes = field.getComputedAttributes({
       field,
       isRequired: fieldIsRequired,
       node,
@@ -1113,23 +1142,24 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
       config,
       logic
     });
-    updateValues(computedFieldValues);
+    updateAttributes(newAttributes);
   }
   if (field.calculateConditionalProperties) {
-    const newFieldValues = field.calculateConditionalProperties({
+    const { rootFieldAttrs, newAttributes } = field.calculateConditionalProperties({
       isRequired: fieldIsRequired,
       conditionBranch: node,
       formValues
     });
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes, rootFieldAttrs);
+    removeConditionalStaleAttributes(field, newAttributes, rootFieldAttrs);
   }
   if (field.calculateCustomValidationProperties) {
-    const newFieldValues = field.calculateCustomValidationProperties(
+    const newAttributes = field.calculateCustomValidationProperties(
       fieldIsRequired,
       node,
       formValues
     );
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes);
   }
 }
 function processNode({
@@ -1471,17 +1501,23 @@ function calculateConditionalProperties({ fieldParams, customProperties, logic,
           logic
         )
       };
-      return omit2(merge2(base, presentation, newFieldParams), ["inputType"]);
+      return {
+        rootFieldAttrs: fieldParams,
+        newAttributes: omit2(merge2(base, presentation, newFieldParams), ["inputType"])
+      };
     }
     const isVisible = isRequired;
     return {
-      isVisible,
-      required: isRequired,
-      schema: buildYupSchema({
-        ...fieldParams,
-        ...extractParametersFromNode(conditionBranch),
-        required: isRequired
-      })
+      rootFieldAttrs: fieldParams,
+      newAttributes: {
+        isVisible,
+        required: isRequired,
+        schema: buildYupSchema({
+          ...fieldParams,
+          ...extractParametersFromNode(conditionBranch),
+          required: isRequired
+        })
+      }
     };
   };
 }

package/dist/standalone.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.7.1-dev.20231031082524
- Generated: Tue, 31 Oct 2023 08:25:53 GMT
+ NPM Package: @remoteoss/json-schema-form@0.7.2-dev.20231106093837
+ Generated: Mon, 06 Nov 2023 09:38:54 GMT
 
  MIT License
 
@@ -12355,6 +12355,33 @@ function processJSONLogicNode({
 }
 
 // src/helpers.js
+var dynamicInternalJsfAttrs = [
+  "isVisible",
+  // Driven from conditionals state
+  "fields",
+  // driven from group-array
+  "getComputedAttributes",
+  // From json-logic
+  "computedAttributes",
+  // From json-logic
+  "calculateConditionalProperties",
+  // driven from conditionals
+  "calculateCustomValidationProperties",
+  // To be deprecated in favor of json-logic
+  "scopedJsonSchema"
+  // The respective JSON Schema
+];
+var dynamicInternalJsfAttrsObj = Object.fromEntries(
+  dynamicInternalJsfAttrs.map((k) => [k, true])
+);
+function removeConditionalStaleAttributes(field, conditionalAttrs, rootAttrs) {
+  Object.keys(field).forEach((key) => {
+    if (conditionalAttrs[key] === void 0 && rootAttrs[key] === void 0 && // Don't remove attrs that were declared in the root field.
+    dynamicInternalJsfAttrsObj[key] === void 0) {
+      field[key] = void 0;
+    }
+  });
+}
 function hasType(type, typeName) {
   return Array.isArray(type) ? type.includes(typeName) : type === typeName;
 }
@@ -12447,19 +12474,21 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const updateValues = (fieldValues) => Object.entries(fieldValues).forEach(([key, value]) => {
-    field[key] = typeof value === "function" ? value() : value;
-    if (key === "value") {
-      const readOnlyPropertyWasUpdated = typeof fieldValues.readOnly !== "undefined";
-      const isReadonlyByDefault = field.readOnly;
-      const isReadonly = readOnlyPropertyWasUpdated ? fieldValues.readOnly : isReadonlyByDefault;
-      if (!isReadonly && (value === null || field.inputType === "checkbox")) {
-        field.value = void 0;
+  const updateAttributes = (fieldAttrs) => {
+    Object.entries(fieldAttrs).forEach(([key, value]) => {
+      field[key] = typeof value === "function" ? value() : value;
+      if (key === "value") {
+        const readOnlyPropertyWasUpdated = typeof fieldAttrs.readOnly !== "undefined";
+        const isReadonlyByDefault = field.readOnly;
+        const isReadonly = readOnlyPropertyWasUpdated ? fieldAttrs.readOnly : isReadonlyByDefault;
+        if (!isReadonly && (value === null || field.inputType === "checkbox")) {
+          field.value = void 0;
+        }
       }
-    }
-  });
+    });
+  };
   if (field.getComputedAttributes) {
-    const computedFieldValues = field.getComputedAttributes({
+    const newAttributes = field.getComputedAttributes({
       field,
       isRequired: fieldIsRequired,
       node,
@@ -12467,23 +12496,24 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
       config,
       logic
     });
-    updateValues(computedFieldValues);
+    updateAttributes(newAttributes);
   }
   if (field.calculateConditionalProperties) {
-    const newFieldValues = field.calculateConditionalProperties({
+    const { rootFieldAttrs, newAttributes } = field.calculateConditionalProperties({
       isRequired: fieldIsRequired,
       conditionBranch: node,
       formValues
     });
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes, rootFieldAttrs);
+    removeConditionalStaleAttributes(field, newAttributes, rootFieldAttrs);
   }
   if (field.calculateCustomValidationProperties) {
-    const newFieldValues = field.calculateCustomValidationProperties(
+    const newAttributes = field.calculateCustomValidationProperties(
       fieldIsRequired,
       node,
       formValues
     );
-    updateValues(newFieldValues);
+    updateAttributes(newAttributes);
   }
 }
 function processNode({
@@ -12825,17 +12855,23 @@ function calculateConditionalProperties({ fieldParams, customProperties, logic,
           logic
         )
       };
-      return (0, import_omit2.default)((0, import_merge2.default)(base, presentation, newFieldParams), ["inputType"]);
+      return {
+        rootFieldAttrs: fieldParams,
+        newAttributes: (0, import_omit2.default)((0, import_merge2.default)(base, presentation, newFieldParams), ["inputType"])
+      };
     }
     const isVisible = isRequired;
     return {
-      isVisible,
-      required: isRequired,
-      schema: buildYupSchema({
-        ...fieldParams,
-        ...extractParametersFromNode(conditionBranch),
-        required: isRequired
-      })
+      rootFieldAttrs: fieldParams,
+      newAttributes: {
+        isVisible,
+        required: isRequired,
+        schema: buildYupSchema({
+          ...fieldParams,
+          ...extractParametersFromNode(conditionBranch),
+          required: isRequired
+        })
+      }
     };
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/json-schema-form",
-  "version": "0.7.1-dev.20231031082524",
+  "version": "0.7.2-dev.20231106093837",
   "description": "Headless UI form powered by JSON Schemas",
   "author": "Remote.com <engineering@remote.com> (https://remote.com/)",
   "license": "MIT",

package/src/tests/conditions.test.js

@@ -27,12 +27,7 @@ it('Should allow check of a nested property in a conditional', () => {
           additionalProperties: false,
           properties: {
             child: {
-              oneOf: [
-                {
-                  const: 'yes',
-                },
-                { const: 'no' },
-              ],
+              oneOf: [{ const: 'yes' }, { const: 'no' }],
               type: 'string',
             },
           },
@@ -56,3 +51,311 @@ it('Should allow check of a nested property in a conditional', () => {
     undefined
   );
 });
+
+describe('Conditional attributes updated', () => {
+  it('Update basic case with const, default, maximum', () => {
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          hours: { type: 'number' },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              properties: {
+                hours: {
+                  const: 8,
+                  default: 8,
+                },
+              },
+            },
+            else: {
+              properties: {
+                hours: {
+                  maximum: 4,
+                },
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // Given "Yes" it applies "const" and "default"
+    expect(handleValidation({ is_full_time: 'yes', hours: 4 }).formErrors).toEqual({
+      hours: 'The only accepted value is 8.',
+    });
+    expect(fields[1]).toMatchObject({ const: 8, default: 8 });
+    expect(fields[1].maximum).toBeUndefined();
+
+    // Changing to "No", applies the "maximum" and cleans "const" and "default"
+    expect(handleValidation({ is_full_time: 'no', hours: 4 }).formErrors).toBeUndefined();
+    expect(fields[1]).toMatchObject({ maximum: 4 });
+    expect(fields[1].const).toBeUndefined();
+    expect(fields[1].default).toBeUndefined();
+
+    // Changing back to "Yes", it removes "maximum", and applies "const" and "default"
+    expect(handleValidation({}).formErrors).toBeUndefined();
+    expect(handleValidation({ is_full_time: 'yes', hours: 8 }).formErrors).toBeUndefined();
+    expect(fields[1].maximum).toBeUndefined();
+    expect(fields[1]).toMatchObject({ const: 8, default: 8 });
+  });
+
+  it('Update a new attribute (eg description)', () => {
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          hours: {
+            type: 'number',
+          },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              properties: {
+                hours: {
+                  description: 'We recommend 8 hours.',
+                },
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // By default the attribute is not set.
+    expect(fields[1].description).toBeUndefined();
+
+    // Given "Yes" it applies the conditional attribute
+    expect(handleValidation({ is_full_time: 'yes' }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('We recommend 8 hours.');
+
+    // Changing to "No", removes the description
+    expect(handleValidation({ is_full_time: 'no' }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBeUndefined();
+
+    // Changing back to "Yes", it sets the attribute again
+    expect(handleValidation({ is_full_time: 'yes' }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('We recommend 8 hours.');
+  });
+
+  it('Update an existing attribute (eg description)', () => {
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          hours: {
+            type: 'number',
+            description: 'Any value works.',
+          },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              properties: {
+                hours: {
+                  description: 'We recommend 8 hours.',
+                },
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // By default the attribute is set the base value.
+    expect(fields[1].description).toBe('Any value works.');
+
+    // Given "Yes" it applies the conditional attribute
+    expect(handleValidation({ is_full_time: 'yes', hours: 4 }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('We recommend 8 hours.');
+
+    // Changing to "No", it applies the base value again.
+    expect(handleValidation({ is_full_time: 'no', hours: 4 }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('Any value works.');
+
+    // Changing back to "Yes", it sets the attribute again
+    expect(handleValidation({ is_full_time: 'yes', hours: 8 }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('We recommend 8 hours.');
+  });
+
+  it('Update a nested attribute', () => {
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          hours: {
+            type: 'number',
+            presentation: {
+              inputType: 'number',
+              anything: 'info',
+            },
+          },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              properties: {
+                hours: {
+                  presentation: {
+                    anything: 'danger',
+                  },
+                },
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // By default the attribute is set the base value.
+    expect(fields[1].anything).toBe('info');
+
+    // Given "Yes" it applies the conditional attribute
+    expect(handleValidation({ is_full_time: 'yes' }).formErrors).toBeUndefined();
+    expect(fields[1].anything).toBe('danger');
+
+    // Changing to "No", it applies the base value again.
+    expect(handleValidation({ is_full_time: 'no' }).formErrors).toBeUndefined();
+    expect(fields[1].anything).toBe('info');
+
+    // Changing back to "Yes", it sets the attribute again
+    expect(handleValidation({ is_full_time: 'yes' }).formErrors).toBeUndefined();
+    expect(fields[1].anything).toBe('danger');
+  });
+
+  it('Keeps existing attributes in matches that dont change the attr', () => {
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          hours: {
+            type: 'number',
+            description: 'Any value works.',
+          },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              required: ['hours'],
+            },
+            else: {
+              properties: {
+                hours: false,
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // By default the attribute is set the base value, even though the field is invisible.
+    expect(fields[1].description).toBe('Any value works.');
+    expect(fields[1].isVisible).toBe(false);
+
+    // Given "Yes" it keeps the base value
+    expect(handleValidation({ is_full_time: 'yes' }).formErrors).toEqual({
+      hours: 'Required field',
+    });
+    expect(fields[1].description).toBe('Any value works.');
+    expect(fields[1].isVisible).toBe(true);
+
+    // Changing to "No" it keeps the base value
+    expect(handleValidation({ is_full_time: 'no' }).formErrors).toBeUndefined();
+    expect(fields[1].description).toBe('Any value works.');
+    expect(fields[1].isVisible).toBe(false);
+  });
+
+  it('Keeps internal attributes (fieldAttrsFromJsf)', () => {
+    // This is necessary while we keep supporting "type", even if deprecated
+    // otherwise our Remote app will break because it didn't migrate
+    // from "type" to "inputType" yet.
+    const { fields, handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          is_full_time: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
+          salary_period: {
+            type: 'string',
+            title: 'Salary period',
+            oneOf: [
+              { title: 'Weekly', const: 'weekly' },
+              { title: 'Monthly', const: 'monthly' },
+            ],
+          },
+        },
+        allOf: [
+          {
+            if: {
+              properties: { is_full_time: { const: 'yes' } },
+              required: ['is_full_time'],
+            },
+            then: {
+              properties: {
+                salary_period: {
+                  description: 'We recommend montlhy.',
+                },
+              },
+            },
+          },
+        ],
+      },
+      { strictInputType: false }
+    );
+
+    // Given "Yes" it keeps the "type"
+    handleValidation({ is_full_time: 'yes' });
+
+    // All the following attrs are never removed
+    // during conditionals because they are core.
+    expect(fields[1]).toMatchObject({
+      name: 'salary_period',
+      label: 'Salary period',
+      required: false,
+      type: 'radio',
+      inputType: 'radio',
+      jsonType: 'string',
+      computedAttributes: {},
+      calculateConditionalProperties: expect.any(Function),
+      schema: expect.any(Object),
+      scopedJsonSchema: expect.any(Object),
+      isVisible: true,
+      options: [
+        {
+          label: 'Weekly',
+          value: 'weekly',
+        },
+        {
+          label: 'Monthly',
+          value: 'monthly',
+        },
+      ],
+    });
+  });
+});

package/src/tests/createHeadlessForm.test.js

@@ -445,7 +445,7 @@ describe('createHeadlessForm', () => {
           [fieldName]: 'The option "blah-blah" is not valid.',
         });
 
-        // Given undefined, it says it's a  required field.
+        // Given undefined, it says it's a required field.
         expect(validateForm({})).toEqual({
           [fieldName]: 'Required field',
         });
@@ -855,6 +855,7 @@ describe('createHeadlessForm', () => {
           has_car: 'yes',
         })
       ).toBeUndefined();
+
       expect(validateForm({})).toEqual({
         has_siblings: 'Required field',
       });
@@ -1418,6 +1419,50 @@ describe('createHeadlessForm', () => {
           ],
         });
       });
+
+      it('can be a conditional field', () => {
+        const { fields, handleValidation } = createHeadlessForm({
+          properties: {
+            yes_or_no: {
+              title: 'Show the dependents or not?',
+              oneOf: [{ const: 'yes' }, { const: 'no' }],
+              'x-jsf-presentation': { inputType: 'radio' },
+            },
+            dependent_details: mockGroupArrayInput,
+          },
+          allOf: [
+            {
+              if: {
+                properties: {
+                  yes_or_no: { const: 'yes' },
+                },
+                required: ['yes_or_no'],
+              },
+              then: {
+                required: ['dependent_details'],
+              },
+              else: {
+                properties: {
+                  dependent_details: false,
+                },
+              },
+            },
+          ],
+        });
+
+        // By default is hidden but the fields are accessible
+        expect(getField(fields, 'dependent_details').isVisible).toBe(false);
+        expect(getField(fields, 'dependent_details').fields).toEqual(expect.any(Function));
+
+        // When the condition matches...
+        const { formErrors } = handleValidation({ yes_or_no: 'yes' });
+        expect(formErrors).toEqual({
+          dependent_details: 'Required field',
+        });
+        // it gets visible with its inner fields.
+        expect(getField(fields, 'dependent_details').isVisible).toBe(true);
+        expect(getField(fields, 'dependent_details').fields).toEqual(expect.any(Function));
+      });
     });
 
     it('supports "radio" field type with its "card" and "card-expandable" variants', () => {
@@ -1762,11 +1807,8 @@ describe('createHeadlessForm', () => {
           expect(foodField.options).toHaveLength(4);
           // ...Food description was back to the original
           expect(foodField.description).toBeUndefined();
-
-          // @BUG RMT-58 PTO description should disappear, but it didn't.
-          expect(getField(fields, 'pto').description).toBe(
-            'Above 30 hours, the PTO needs to be at least 20 days.'
-          );
+          // ...PTO Description is removed too.
+          expect(getField(fields, 'pto').description).toBeUndefined();
 
           // Given again "low perks", the form valid.
           expect(