@remoteoss/json-schema-form 0.4.4-dev.20230829102031 → 0.4.4-dev.20230830125207

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230829102031
- Generated: Tue, 29 Aug 2023 10:20:47 GMT
+ NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230830125207
+ Generated: Wed, 30 Aug 2023 12:52:17 GMT
 
  MIT License
 
@@ -606,13 +606,6 @@ function buildYupSchema(field, config) {
       }) : true
     );
   }
-  function withConst(yupSchema) {
-    return yupSchema.test(
-      "isConst",
-      errorMessage.const ?? errorMessageFromConfig.const ?? `The only accepted value is ${propertyFields.const}.`,
-      (value) => propertyFields.required === false && value === void 0 || value === null || value === propertyFields.const
-    );
-  }
   function withBaseSchema() {
     const customErrorMsg = errorMessage.type || errorMessageFromConfig.type;
     if (customErrorMsg) {
@@ -680,9 +673,6 @@ function buildYupSchema(field, config) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (propertyFields.const) {
-    validators.push(withConst);
-  }
   return (0, import_flow.default)(validators);
 }
 function getNoSortEdges(fields = []) {
@@ -759,7 +749,16 @@ function getPrefillSubFieldValues(field, defaultValues, parentFieldKeyPath) {
       initialValue[field.name] = subFieldValues;
     }
   } else {
-    initialValue = getPrefillValues([field], initialValue);
+    if (typeof initialValue !== "object") {
+      console.warn(
+        `Field "${parentFieldKeyPath}"'s value is "${initialValue}", but should be type object.`
+      );
+      initialValue = getPrefillValues([field], {
+        // TODO nested fieldsets are not handled
+      });
+    } else {
+      initialValue = getPrefillValues([field], initialValue);
+    }
   }
   return initialValue;
 }
@@ -944,7 +943,6 @@ function extractParametersFromNode(schemaNode) {
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
   return (0, import_omitBy.default)(
     {
-      const: node.const,
       label: node.title,
       readOnly: node.readOnly,
       ...node.deprecated && {

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230829102031
- Generated: Tue, 29 Aug 2023 10:20:47 GMT
+ NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230830125207
+ Generated: Wed, 30 Aug 2023 12:52:17 GMT
 
  MIT License
 
@@ -570,13 +570,6 @@ function buildYupSchema(field, config) {
       }) : true
     );
   }
-  function withConst(yupSchema) {
-    return yupSchema.test(
-      "isConst",
-      errorMessage.const ?? errorMessageFromConfig.const ?? `The only accepted value is ${propertyFields.const}.`,
-      (value) => propertyFields.required === false && value === void 0 || value === null || value === propertyFields.const
-    );
-  }
   function withBaseSchema() {
     const customErrorMsg = errorMessage.type || errorMessageFromConfig.type;
     if (customErrorMsg) {
@@ -644,9 +637,6 @@ function buildYupSchema(field, config) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (propertyFields.const) {
-    validators.push(withConst);
-  }
   return flow(validators);
 }
 function getNoSortEdges(fields = []) {
@@ -723,7 +713,16 @@ function getPrefillSubFieldValues(field, defaultValues, parentFieldKeyPath) {
       initialValue[field.name] = subFieldValues;
     }
   } else {
-    initialValue = getPrefillValues([field], initialValue);
+    if (typeof initialValue !== "object") {
+      console.warn(
+        `Field "${parentFieldKeyPath}"'s value is "${initialValue}", but should be type object.`
+      );
+      initialValue = getPrefillValues([field], {
+        // TODO nested fieldsets are not handled
+      });
+    } else {
+      initialValue = getPrefillValues([field], initialValue);
+    }
   }
   return initialValue;
 }
@@ -908,7 +907,6 @@ function extractParametersFromNode(schemaNode) {
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
   return omitBy(
     {
-      const: node.const,
       label: node.title,
       readOnly: node.readOnly,
       ...node.deprecated && {

package/dist/standalone.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230829102031
- Generated: Tue, 29 Aug 2023 10:20:47 GMT
+ NPM Package: @remoteoss/json-schema-form@0.4.4-dev.20230830125207
+ Generated: Wed, 30 Aug 2023 12:52:17 GMT
 
  MIT License
 
@@ -11546,13 +11546,6 @@ function buildYupSchema(field, config) {
       }) : true
     );
   }
-  function withConst(yupSchema) {
-    return yupSchema.test(
-      "isConst",
-      errorMessage.const ?? errorMessageFromConfig.const ?? `The only accepted value is ${propertyFields.const}.`,
-      (value) => propertyFields.required === false && value === void 0 || value === null || value === propertyFields.const
-    );
-  }
   function withBaseSchema() {
     const customErrorMsg = errorMessage.type || errorMessageFromConfig.type;
     if (customErrorMsg) {
@@ -11620,9 +11613,6 @@ function buildYupSchema(field, config) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (propertyFields.const) {
-    validators.push(withConst);
-  }
   return (0, import_flow.default)(validators);
 }
 function getNoSortEdges(fields = []) {
@@ -11699,7 +11689,16 @@ function getPrefillSubFieldValues(field, defaultValues, parentFieldKeyPath) {
       initialValue[field.name] = subFieldValues;
     }
   } else {
-    initialValue = getPrefillValues([field], initialValue);
+    if (typeof initialValue !== "object") {
+      console.warn(
+        `Field "${parentFieldKeyPath}"'s value is "${initialValue}", but should be type object.`
+      );
+      initialValue = getPrefillValues([field], {
+        // TODO nested fieldsets are not handled
+      });
+    } else {
+      initialValue = getPrefillValues([field], initialValue);
+    }
   }
   return initialValue;
 }
@@ -11884,7 +11883,6 @@ function extractParametersFromNode(schemaNode) {
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
   return (0, import_omitBy.default)(
     {
-      const: node.const,
       label: node.title,
       readOnly: node.readOnly,
       ...node.deprecated && {

package/package.json

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

package/src/tests/createHeadlessForm.test.js

@@ -18,6 +18,7 @@ import {
   schemaInputTypeSelectMultipleDeprecated,
   schemaInputTypeSelectMultiple,
   schemaInputTypeSelectMultipleOptional,
+  schemaInputTypeFieldset,
   schemaInputTypeNumber,
   schemaInputTypeNumberZeroMaximum,
   schemaInputTypeDate,
@@ -92,12 +93,15 @@ const getField = (fields, name, ...subNames) => {
 };
 
 beforeEach(() => {
+  jest.spyOn(console, 'warn').mockImplementation(() => {});
   jest.spyOn(console, 'error').mockImplementation(() => {});
 });
 
 afterEach(() => {
   expect(console.error).not.toHaveBeenCalled();
   console.error.mockRestore();
+  expect(console.warn).not.toHaveBeenCalled();
+  console.warn.mockRestore();
 });
 
 describe('createHeadlessForm', () => {
@@ -3446,6 +3450,27 @@ describe('createHeadlessForm', () => {
           ],
         });
       });
+
+      it('should ignore initial values that do not match the field type (eg string vs object)', () => {
+        const result = createHeadlessForm(schemaInputTypeFieldset, {
+          initialValues: {
+            a_fieldset: 'foo', // should be an object instead of string
+          },
+        });
+
+        // It returns fields without errors
+        expect(result.fields).toBeDefined();
+        expect(result.fields[0].fields[0].name).toBe('id_number');
+        expect(result.fields[0].fields[1].name).toBe('tabs');
+
+        // Warn about those missmatched values
+        expect(console.warn).toHaveBeenCalledWith(
+          `Field "a_fieldset"'s value is "foo", but should be type object.`
+        );
+        console.warn.mockClear();
+
+        expect(console.error).not.toHaveBeenCalled();
+      });
     });
   });
 

package/src/tests/helpers.js

@@ -1020,12 +1020,12 @@ export const schemaInputTypeFileWithSkippable = JSONSchemaBuilder()
   })
   .build();
 
-export const schemaInputTypeFieldset = JSONSchemaBuilder()
-  .addInput({
+export const schemaInputTypeFieldset = {
+  properties: {
     a_fieldset: mockFieldset,
-  })
-  .setRequiredFields(['a_fieldset'])
-  .build();
+  },
+  required: ['a_fieldset'],
+};
 
 export const schemaInputTypeFocusedFieldset = JSONSchemaBuilder()
   .addInput({

package/src/tests/const.test.js

@@ -1,78 +0,0 @@
-import { createHeadlessForm } from '../createHeadlessForm';
-
-it('Should work for number', () => {
-  const { handleValidation } = createHeadlessForm(
-    {
-      properties: {
-        ten_only: { type: 'number', const: 10 },
-      },
-    },
-    { strictInputType: false }
-  );
-  expect(handleValidation({}).formErrors).toEqual(undefined);
-  expect(handleValidation({ ten_only: 1 }).formErrors).toEqual({
-    ten_only: 'The only accepted value is 10.',
-  });
-  expect(handleValidation({ ten_only: 10 }).formErrors).toEqual(undefined);
-});
-
-it('Should work for text', () => {
-  const { handleValidation } = createHeadlessForm(
-    {
-      properties: {
-        hello_only: { type: 'string', const: 'hello' },
-      },
-    },
-    { strictInputType: false }
-  );
-  expect(handleValidation({}).formErrors).toEqual(undefined);
-  expect(handleValidation({ hello_only: 'what' }).formErrors).toEqual({
-    hello_only: 'The only accepted value is hello.',
-  });
-  expect(handleValidation({ hello_only: 'hello' }).formErrors).toEqual(undefined);
-});
-
-it('Should work for a conditionally applied const', () => {
-  const { handleValidation } = createHeadlessForm(
-    {
-      properties: {
-        answer: { type: 'string', oneOf: [{ const: 'yes' }, { const: 'no' }] },
-        amount: { description: 'If you select yes, this needs to be exactly 10.', type: 'number' },
-      },
-      allOf: [
-        {
-          if: { properties: { answer: { const: 'yes' } }, required: ['answer'] },
-          then: { properties: { amount: { const: 10 } }, required: ['amount'] },
-        },
-      ],
-    },
-    { strictInputType: false }
-  );
-  expect(handleValidation({}).formErrors).toEqual(undefined);
-  expect(handleValidation({ answer: 'no' }).formErrors).toEqual(undefined);
-  expect(handleValidation({ answer: 'yes' }).formErrors).toEqual({ amount: 'Required field' });
-  expect(handleValidation({ answer: 'yes', amount: 1 }).formErrors).toEqual({
-    amount: 'The only accepted value is 10.',
-  });
-  expect(handleValidation({ answer: 'yes', amount: 10 }).formErrors).toEqual(undefined);
-});
-
-it('Should show the custom error message', () => {
-  const { handleValidation } = createHeadlessForm(
-    {
-      properties: {
-        string: {
-          type: 'string',
-          const: 'hello',
-          'x-jsf-errorMessage': { const: 'You must say hello!!!' },
-        },
-      },
-    },
-    { strictInputType: false }
-  );
-  expect(handleValidation({}).formErrors).toEqual(undefined);
-  expect(handleValidation({ string: 'hi' }).formErrors).toEqual({
-    string: 'You must say hello!!!',
-  });
-  expect(handleValidation({ string: 'hello' }).formErrors).toEqual(undefined);
-});