@remoteoss/json-schema-form 0.12.1-dev.20250929100600 → 0.12.1-dev.20251008013953

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2025 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20250929100600
- Generated: Mon, 29 Sep 2025 10:07:37 GMT
+ NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20251008013953
+ Generated: Wed, 08 Oct 2025 01:40:15 GMT
 
  MIT License
 
@@ -737,7 +737,9 @@ function buildYupSchema(field, config, logic) {
     const fieldSetShape = {};
     innerFields.forEach((fieldSetfield) => {
       if (fieldSetfield.fields) {
-        fieldSetShape[fieldSetfield.name] = (0, import_yup.object)().shape(buildFieldSetSchema(fieldSetfield.fields)).nullable();
+        fieldSetShape[fieldSetfield.name] = (0, import_yup.object)().shape(
+          buildFieldSetSchema(fieldSetfield.fields)
+        );
       } else {
         fieldSetShape[fieldSetfield.name] = buildYupSchema(
           {
@@ -1264,30 +1266,6 @@ function getPrefillValues(fields, initialValues = {}) {
   });
   return initialValues;
 }
-function preserveNestedFieldsVisibility(field, parentPath = "") {
-  return field.fields?.reduce?.((acc, f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    if (!(0, import_isNil.default)(f.isVisible)) {
-      acc[path] = f.isVisible;
-    }
-    if (f.fields) {
-      Object.assign(acc, preserveNestedFieldsVisibility(f, path));
-    }
-    return acc;
-  }, {});
-}
-function restoreNestedFieldsVisibility(field, nestedFieldsVisibility, parentPath = "") {
-  field.fields.forEach((f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    const visibility = (0, import_get2.default)(nestedFieldsVisibility, path);
-    if (!(0, import_isNil.default)(visibility)) {
-      f.isVisible = visibility;
-    }
-    if (f.fields) {
-      restoreNestedFieldsVisibility(f, nestedFieldsVisibility, path);
-    }
-  });
-}
 function updateField(field, requiredFields, node, formValues, logic, config) {
   if (!field) {
     return;
@@ -1299,13 +1277,9 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const nestedFieldsVisibility = preserveNestedFieldsVisibility(field);
   const updateAttributes = (fieldAttrs) => {
     Object.entries(fieldAttrs).forEach(([key, value]) => {
       field[key] = value;
-      if (key === "fields" && !(0, import_isNil.default)(nestedFieldsVisibility)) {
-        restoreNestedFieldsVisibility(field, nestedFieldsVisibility);
-      }
       if (key === "schema" && typeof value === "function") {
         field[key] = value();
       }
@@ -1357,19 +1331,9 @@ function processNode({
   logic
 }) {
   const requiredFields = new Set(accRequired);
-  Object.entries(node.properties ?? []).forEach(([fieldName, nestedNode]) => {
+  Object.keys(node.properties ?? []).forEach((fieldName) => {
     const field = getField(fieldName, formFields);
     updateField(field, requiredFields, node, formValues, logic, { parentID });
-    const isFieldset = field?.inputType === supportedTypes.FIELDSET;
-    if (isFieldset) {
-      processNode({
-        node: nestedNode,
-        formValues: formValues[fieldName] || {},
-        formFields: field.fields,
-        parentID,
-        logic
-      });
-    }
   });
   node.required?.forEach((fieldName) => {
     requiredFields.add(fieldName);
@@ -1427,6 +1391,20 @@ function processNode({
       allOfItemRequired.forEach(requiredFields.add, requiredFields);
     });
   }
+  if (node.properties) {
+    Object.entries(node.properties).forEach(([name, nestedNode]) => {
+      const inputType = getInputType(nestedNode);
+      if (inputType === supportedTypes.FIELDSET) {
+        processNode({
+          node: nestedNode,
+          formValues: formValues[name] || {},
+          formFields: getField(name, formFields).fields,
+          parentID: name,
+          logic
+        });
+      }
+    });
+  }
   if (node["x-jsf-logic"]) {
     const { required: requiredFromLogic } = processJSONLogicNode({
       node: node["x-jsf-logic"],
@@ -1535,7 +1513,7 @@ function extractParametersFromNode(schemaNode) {
       // — For checkboxes that only accept one value (string)
       ...presentation?.inputType === "checkbox" && { checkboxValue: node.const },
       // - For checkboxes with boolean value
-      ...presentation?.inputType === "checkbox" && node.type === "boolean" && {
+      ...presentation?.inputType === "checkbox" && hasType(node.type, "boolean") && {
         // true is what describes this checkbox as a boolean, regardless if its required or not
         checkboxValue: true
       },

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2025 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20250929100600
- Generated: Mon, 29 Sep 2025 10:07:37 GMT
+ NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20251008013953
+ Generated: Wed, 08 Oct 2025 01:40:15 GMT
 
  MIT License
 
@@ -699,7 +699,9 @@ function buildYupSchema(field, config, logic) {
     const fieldSetShape = {};
     innerFields.forEach((fieldSetfield) => {
       if (fieldSetfield.fields) {
-        fieldSetShape[fieldSetfield.name] = object().shape(buildFieldSetSchema(fieldSetfield.fields)).nullable();
+        fieldSetShape[fieldSetfield.name] = object().shape(
+          buildFieldSetSchema(fieldSetfield.fields)
+        );
       } else {
         fieldSetShape[fieldSetfield.name] = buildYupSchema(
           {
@@ -1226,30 +1228,6 @@ function getPrefillValues(fields, initialValues = {}) {
   });
   return initialValues;
 }
-function preserveNestedFieldsVisibility(field, parentPath = "") {
-  return field.fields?.reduce?.((acc, f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    if (!isNil(f.isVisible)) {
-      acc[path] = f.isVisible;
-    }
-    if (f.fields) {
-      Object.assign(acc, preserveNestedFieldsVisibility(f, path));
-    }
-    return acc;
-  }, {});
-}
-function restoreNestedFieldsVisibility(field, nestedFieldsVisibility, parentPath = "") {
-  field.fields.forEach((f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    const visibility = get2(nestedFieldsVisibility, path);
-    if (!isNil(visibility)) {
-      f.isVisible = visibility;
-    }
-    if (f.fields) {
-      restoreNestedFieldsVisibility(f, nestedFieldsVisibility, path);
-    }
-  });
-}
 function updateField(field, requiredFields, node, formValues, logic, config) {
   if (!field) {
     return;
@@ -1261,13 +1239,9 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const nestedFieldsVisibility = preserveNestedFieldsVisibility(field);
   const updateAttributes = (fieldAttrs) => {
     Object.entries(fieldAttrs).forEach(([key, value]) => {
       field[key] = value;
-      if (key === "fields" && !isNil(nestedFieldsVisibility)) {
-        restoreNestedFieldsVisibility(field, nestedFieldsVisibility);
-      }
       if (key === "schema" && typeof value === "function") {
         field[key] = value();
       }
@@ -1319,19 +1293,9 @@ function processNode({
   logic
 }) {
   const requiredFields = new Set(accRequired);
-  Object.entries(node.properties ?? []).forEach(([fieldName, nestedNode]) => {
+  Object.keys(node.properties ?? []).forEach((fieldName) => {
     const field = getField(fieldName, formFields);
     updateField(field, requiredFields, node, formValues, logic, { parentID });
-    const isFieldset = field?.inputType === supportedTypes.FIELDSET;
-    if (isFieldset) {
-      processNode({
-        node: nestedNode,
-        formValues: formValues[fieldName] || {},
-        formFields: field.fields,
-        parentID,
-        logic
-      });
-    }
   });
   node.required?.forEach((fieldName) => {
     requiredFields.add(fieldName);
@@ -1389,6 +1353,20 @@ function processNode({
       allOfItemRequired.forEach(requiredFields.add, requiredFields);
     });
   }
+  if (node.properties) {
+    Object.entries(node.properties).forEach(([name, nestedNode]) => {
+      const inputType = getInputType(nestedNode);
+      if (inputType === supportedTypes.FIELDSET) {
+        processNode({
+          node: nestedNode,
+          formValues: formValues[name] || {},
+          formFields: getField(name, formFields).fields,
+          parentID: name,
+          logic
+        });
+      }
+    });
+  }
   if (node["x-jsf-logic"]) {
     const { required: requiredFromLogic } = processJSONLogicNode({
       node: node["x-jsf-logic"],
@@ -1497,7 +1475,7 @@ function extractParametersFromNode(schemaNode) {
       // — For checkboxes that only accept one value (string)
       ...presentation?.inputType === "checkbox" && { checkboxValue: node.const },
       // - For checkboxes with boolean value
-      ...presentation?.inputType === "checkbox" && node.type === "boolean" && {
+      ...presentation?.inputType === "checkbox" && hasType(node.type, "boolean") && {
         // true is what describes this checkbox as a boolean, regardless if its required or not
         checkboxValue: true
       },

package/dist/standalone.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2025 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20250929100600
- Generated: Mon, 29 Sep 2025 10:07:37 GMT
+ NPM Package: @remoteoss/json-schema-form@0.12.1-dev.20251008013953
+ Generated: Wed, 08 Oct 2025 01:40:15 GMT
 
  MIT License
 
@@ -12215,7 +12215,9 @@ function buildYupSchema(field, config, logic) {
     const fieldSetShape = {};
     innerFields.forEach((fieldSetfield) => {
       if (fieldSetfield.fields) {
-        fieldSetShape[fieldSetfield.name] = ObjectSchema().shape(buildFieldSetSchema(fieldSetfield.fields)).nullable();
+        fieldSetShape[fieldSetfield.name] = ObjectSchema().shape(
+          buildFieldSetSchema(fieldSetfield.fields)
+        );
       } else {
         fieldSetShape[fieldSetfield.name] = buildYupSchema(
           {
@@ -12742,30 +12744,6 @@ function getPrefillValues(fields, initialValues = {}) {
   });
   return initialValues;
 }
-function preserveNestedFieldsVisibility(field, parentPath = "") {
-  return field.fields?.reduce?.((acc, f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    if (!(0, import_isNil.default)(f.isVisible)) {
-      acc[path] = f.isVisible;
-    }
-    if (f.fields) {
-      Object.assign(acc, preserveNestedFieldsVisibility(f, path));
-    }
-    return acc;
-  }, {});
-}
-function restoreNestedFieldsVisibility(field, nestedFieldsVisibility, parentPath = "") {
-  field.fields.forEach((f) => {
-    const path = parentPath ? `${parentPath}.${f.name}` : f.name;
-    const visibility = (0, import_get3.default)(nestedFieldsVisibility, path);
-    if (!(0, import_isNil.default)(visibility)) {
-      f.isVisible = visibility;
-    }
-    if (f.fields) {
-      restoreNestedFieldsVisibility(f, nestedFieldsVisibility, path);
-    }
-  });
-}
 function updateField(field, requiredFields, node, formValues, logic, config) {
   if (!field) {
     return;
@@ -12777,13 +12755,9 @@ function updateField(field, requiredFields, node, formValues, logic, config) {
   if (fieldIsRequired) {
     field.isVisible = true;
   }
-  const nestedFieldsVisibility = preserveNestedFieldsVisibility(field);
   const updateAttributes = (fieldAttrs) => {
     Object.entries(fieldAttrs).forEach(([key, value]) => {
       field[key] = value;
-      if (key === "fields" && !(0, import_isNil.default)(nestedFieldsVisibility)) {
-        restoreNestedFieldsVisibility(field, nestedFieldsVisibility);
-      }
       if (key === "schema" && typeof value === "function") {
         field[key] = value();
       }
@@ -12835,19 +12809,9 @@ function processNode({
   logic
 }) {
   const requiredFields = new Set(accRequired);
-  Object.entries(node.properties ?? []).forEach(([fieldName, nestedNode]) => {
+  Object.keys(node.properties ?? []).forEach((fieldName) => {
     const field = getField(fieldName, formFields);
     updateField(field, requiredFields, node, formValues, logic, { parentID });
-    const isFieldset = field?.inputType === supportedTypes.FIELDSET;
-    if (isFieldset) {
-      processNode({
-        node: nestedNode,
-        formValues: formValues[fieldName] || {},
-        formFields: field.fields,
-        parentID,
-        logic
-      });
-    }
   });
   node.required?.forEach((fieldName) => {
     requiredFields.add(fieldName);
@@ -12905,6 +12869,20 @@ function processNode({
       allOfItemRequired.forEach(requiredFields.add, requiredFields);
     });
   }
+  if (node.properties) {
+    Object.entries(node.properties).forEach(([name, nestedNode]) => {
+      const inputType = getInputType(nestedNode);
+      if (inputType === supportedTypes.FIELDSET) {
+        processNode({
+          node: nestedNode,
+          formValues: formValues[name] || {},
+          formFields: getField(name, formFields).fields,
+          parentID: name,
+          logic
+        });
+      }
+    });
+  }
   if (node["x-jsf-logic"]) {
     const { required: requiredFromLogic } = processJSONLogicNode({
       node: node["x-jsf-logic"],
@@ -13013,7 +12991,7 @@ function extractParametersFromNode(schemaNode) {
       // — For checkboxes that only accept one value (string)
       ...presentation?.inputType === "checkbox" && { checkboxValue: node.const },
       // - For checkboxes with boolean value
-      ...presentation?.inputType === "checkbox" && node.type === "boolean" && {
+      ...presentation?.inputType === "checkbox" && hasType(node.type, "boolean") && {
         // true is what describes this checkbox as a boolean, regardless if its required or not
         checkboxValue: true
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/json-schema-form",
-  "version": "0.12.1-dev.20250929100600",
+  "version": "0.12.1-dev.20251008013953",
   "description": "Headless UI form powered by JSON Schemas",
   "author": "Remote.com <engineering@remote.com> (https://remote.com/)",
   "license": "MIT",
@@ -43,7 +43,7 @@
   },
   "lint-staged": {
     "*.{js,jsx}": [
-      "npm run format --prefix ./v0"
+      "npm run format"
     ]
   },
   "dependencies": {

package/src/tests/createHeadlessForm.test.js

@@ -63,7 +63,6 @@ import {
   schemaForErrorMessageSpecificity,
   jsfConfigForErrorMessageSpecificity,
   schemaInputTypeFile,
-  schemaWithNestedFieldsetsConditionals,
 } from './helpers';
 import { mockConsole, restoreConsoleAndEnsureItWasNotCalled } from './testUtils';
 import { createHeadlessForm } from '@/createHeadlessForm';
@@ -2201,112 +2200,6 @@ describe('createHeadlessForm', () => {
           ).toBeUndefined();
         });
       });
-
-      describe('supports conditionals over nested fieldsets', () => {
-        it('retirement_plan fieldset is hidden when no values are provided', () => {
-          const { fields, handleValidation } = createHeadlessForm(
-            schemaWithNestedFieldsetsConditionals,
-            {}
-          );
-          const validateForm = (vals) => friendlyError(handleValidation(vals));
-
-          expect(getField(fields, 'perks', 'retirement_plan').isVisible).toBe(false);
-
-          expect(validateForm({ perks: {} })).toEqual({
-            perks: {
-              benefits_package: 'Required field',
-              has_retirement_plan: 'Required field',
-            },
-          });
-
-          expect(getField(fields, 'perks', 'retirement_plan').isVisible).toBe(false);
-        });
-
-        it("submits without retirement_plan when user selects 'no' for has_retirement_plan", () => {
-          const { fields, handleValidation } = createHeadlessForm(
-            schemaWithNestedFieldsetsConditionals,
-            {}
-          );
-          const validateForm = (vals) => friendlyError(handleValidation(vals));
-
-          expect(
-            validateForm({ perks: { benefits_package: 'basic', has_retirement_plan: 'no' } })
-          ).toBeUndefined();
-
-          expect(getField(fields, 'perks', 'retirement_plan').isVisible).toBe(false);
-        });
-
-        it("retirement_plan fieldset is visible when user selects 'yes' for has_retirement_plan", () => {
-          const { fields, handleValidation } = createHeadlessForm(
-            schemaWithNestedFieldsetsConditionals,
-            {}
-          );
-          const validateForm = (vals) => friendlyError(handleValidation(vals));
-
-          expect(
-            validateForm({
-              perks: {
-                benefits_package: 'basic',
-                has_retirement_plan: 'yes',
-                declare_amount: 'yes',
-                retirement_plan: { plan_name: 'test', year: 2025 },
-              },
-            })
-          ).toEqual({
-            perks: {
-              retirement_plan: {
-                amount: 'Required field',
-              },
-            },
-          });
-
-          expect(getField(fields, 'perks', 'retirement_plan').isVisible).toBe(true);
-          expect(getField(fields, 'perks', 'declare_amount').isVisible).toBe(true);
-          expect(getField(fields, 'perks', 'declare_amount').default).toBe('yes');
-          expect(getField(fields, 'perks', 'retirement_plan', 'amount').isVisible).toBe(true);
-        });
-
-        it("retirement_plan's amount field is hidden when user selects 'no' for declare_amount", () => {
-          const { fields, handleValidation } = createHeadlessForm(
-            schemaWithNestedFieldsetsConditionals,
-            {}
-          );
-          const validateForm = (vals) => friendlyError(handleValidation(vals));
-
-          expect(
-            validateForm({
-              perks: {
-                benefits_package: 'basic',
-                has_retirement_plan: 'yes',
-                declare_amount: 'no',
-                retirement_plan: { plan_name: 'test', year: 2025 },
-              },
-            })
-          ).toBeUndefined();
-
-          expect(getField(fields, 'perks', 'retirement_plan').isVisible).toBe(true);
-          expect(getField(fields, 'perks', 'declare_amount').isVisible).toBe(true);
-          expect(getField(fields, 'perks', 'retirement_plan', 'amount').isVisible).toBe(false);
-        });
-
-        it('submits with valid retirement_plan', async () => {
-          const { handleValidation } = createHeadlessForm(
-            schemaWithNestedFieldsetsConditionals,
-            {}
-          );
-          const validateForm = (vals) => friendlyError(handleValidation(vals));
-
-          expect(
-            validateForm({
-              perks: {
-                benefits_package: 'plus',
-                has_retirement_plan: 'yes',
-                retirement_plan: { plan_name: 'test', year: 2025, amount: 1000 },
-              },
-            })
-          ).toBeUndefined();
-        });
-      });
     });
 
     it('support "email" field type', () => {
@@ -2434,6 +2327,28 @@ describe('createHeadlessForm', () => {
           // Explained at "Given values from hidden fields, it does not thrown an error"
           expect(handleValidation({ has_pet: false, pet_is_cat: true }).formErrors).toBeUndefined();
         });
+
+        it('should set checkboxValue: true for optional boolean type', () => {
+          const schema = {
+            type: 'object',
+            properties: {
+              boolean_checkbox: {
+                title: 'Boolean Checkbox Test',
+                type: ['boolean', 'null'],
+                'x-jsf-presentation': {
+                  inputType: 'checkbox',
+                },
+              },
+            },
+            required: [],
+          };
+
+          const result = createHeadlessForm(schema);
+
+          const [optionalCheckbox] = result.fields;
+          expect(optionalCheckbox?.inputType).toBe('checkbox');
+          expect(optionalCheckbox?.checkboxValue).toBe(true);
+        });
       });
     });
 

package/src/tests/helpers.js

@@ -1939,6 +1939,7 @@ export const schemaWithConditionalToFieldset = {
       then: {
         properties: {
           pto: {
+            $comment: '@BUG: This description does not disappear once activated.',
             description: 'Above 30 hours, the PTO needs to be at least 20 days.',
             minimum: 20,
           },
@@ -1971,178 +1972,6 @@ export const schemaWithConditionalToFieldset = {
   required: ['perks', 'work_hours_per_week'],
 };
 
-export const schemaWithNestedFieldsetsConditionals = {
-  additionalProperties: false,
-  type: 'object',
-  properties: {
-    perks: {
-      additionalProperties: false,
-      properties: {
-        benefits_package: {
-          oneOf: [
-            {
-              const: 'basic',
-              title: 'Basic',
-            },
-            {
-              const: 'plus',
-              title: 'Plus',
-            },
-          ],
-          title: 'Benefits package',
-          type: 'string',
-          'x-jsf-presentation': {
-            inputType: 'radio',
-          },
-        },
-        has_retirement_plan: {
-          oneOf: [
-            {
-              const: 'yes',
-              title: 'Yes',
-            },
-            {
-              const: 'no',
-              title: 'No',
-            },
-          ],
-          title: 'Has retirement plan?',
-          type: 'string',
-          'x-jsf-presentation': {
-            inputType: 'radio',
-          },
-        },
-        declare_amount: {
-          oneOf: [
-            {
-              const: 'yes',
-              title: 'Yes',
-            },
-            {
-              const: 'no',
-              title: 'No',
-            },
-          ],
-          title: 'Declare retirement amount?',
-          type: 'string',
-          default: 'yes',
-          'x-jsf-presentation': {
-            inputType: 'radio',
-          },
-        },
-        retirement_plan: {
-          type: 'object',
-          title: 'Retirement plan',
-          properties: {
-            plan_name: {
-              type: 'string',
-              title: 'Plan name',
-            },
-            year: {
-              type: 'number',
-              title: 'Year',
-            },
-            amount: {
-              type: 'number',
-              title: 'Amount',
-            },
-          },
-          required: ['plan_name', 'year'],
-          'x-jsf-presentation': {
-            inputType: 'fieldset',
-          },
-        },
-      },
-      required: ['benefits_package', 'has_retirement_plan'],
-      title: 'Perks',
-      type: 'object',
-      'x-jsf-presentation': {
-        inputType: 'fieldset',
-      },
-    },
-  },
-  allOf: [
-    {
-      if: {
-        properties: {
-          perks: {
-            properties: {
-              has_retirement_plan: {
-                const: 'no',
-              },
-            },
-          },
-        },
-      },
-      then: {
-        properties: {
-          perks: {
-            properties: {
-              retirement_plan: false,
-              declare_amount: false,
-            },
-          },
-        },
-      },
-    },
-    {
-      if: {
-        properties: {
-          perks: {
-            properties: {
-              declare_amount: {
-                const: 'no',
-              },
-            },
-            required: ['declare_amount'],
-          },
-        },
-      },
-      then: {
-        properties: {
-          perks: {
-            properties: {
-              retirement_plan: {
-                properties: {
-                  amount: false,
-                },
-              },
-            },
-          },
-        },
-      },
-    },
-    {
-      if: {
-        properties: {
-          perks: {
-            properties: {
-              has_retirement_plan: {
-                const: 'yes',
-              },
-              declare_amount: {
-                const: 'yes',
-              },
-            },
-            required: ['has_retirement_plan', 'declare_amount'],
-          },
-        },
-      },
-      then: {
-        properties: {
-          perks: {
-            properties: {
-              retirement_plan: {
-                required: ['amount'],
-              },
-            },
-          },
-        },
-      },
-    },
-  ],
-};
-
 export const schemaWorkSchedule = {
   type: 'object',
   properties: {