@remoteoss/json-schema-form 0.11.4-beta.0 → 0.11.5-dev.20240821091937

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.11.4-beta.0
- Generated: Tue, 20 Aug 2024 17:17:21 GMT
+ NPM Package: @remoteoss/json-schema-form@0.11.5-dev.20240821091937
+ Generated: Wed, 21 Aug 2024 09:19:48 GMT
 
  MIT License
 
@@ -553,7 +553,12 @@ var yupSchemas = {
   multiple: {
     select: (0, import_yup.array)().nullable(),
     "group-array": (0, import_yup.array)().nullable()
-  }
+  },
+  null: (0, import_yup.mixed)().typeError("The value must be null").test(
+    "matchesNullValue",
+    ({ value }) => `The value ${JSON.stringify(value)} is not valid.`,
+    (value) => value === void 0 || value === null
+  )
 };
 var yupSchemasToJsonTypes = {
   string: yupSchemas.text,
@@ -562,7 +567,7 @@ var yupSchemasToJsonTypes = {
   object: yupSchemas.fieldset,
   array: yupSchemas.multiple.select,
   boolean: yupSchemas.checkboxBool,
-  null: import_noop.default
+  null: yupSchemas.null
 };
 function getRequiredErrorMessage(inputType, { inlineError, configError }) {
   if (inlineError)

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.11.4-beta.0
- Generated: Tue, 20 Aug 2024 17:17:21 GMT
+ NPM Package: @remoteoss/json-schema-form@0.11.5-dev.20240821091937
+ Generated: Wed, 21 Aug 2024 09:19:48 GMT
 
  MIT License
 
@@ -516,7 +516,12 @@ var yupSchemas = {
   multiple: {
     select: array().nullable(),
     "group-array": array().nullable()
-  }
+  },
+  null: mixed().typeError("The value must be null").test(
+    "matchesNullValue",
+    ({ value }) => `The value ${JSON.stringify(value)} is not valid.`,
+    (value) => value === void 0 || value === null
+  )
 };
 var yupSchemasToJsonTypes = {
   string: yupSchemas.text,
@@ -525,7 +530,7 @@ var yupSchemasToJsonTypes = {
   object: yupSchemas.fieldset,
   array: yupSchemas.multiple.select,
   boolean: yupSchemas.checkboxBool,
-  null: noop
+  null: yupSchemas.null
 };
 function getRequiredErrorMessage(inputType, { inlineError, configError }) {
   if (inlineError)

package/dist/standalone.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.11.4-beta.0
- Generated: Tue, 20 Aug 2024 17:17:21 GMT
+ NPM Package: @remoteoss/json-schema-form@0.11.5-dev.20240821091937
+ Generated: Wed, 21 Aug 2024 09:19:48 GMT
 
  MIT License
 
@@ -12032,7 +12032,12 @@ var yupSchemas = {
   multiple: {
     select: array_default().nullable(),
     "group-array": array_default().nullable()
-  }
+  },
+  null: SchemaType().typeError("The value must be null").test(
+    "matchesNullValue",
+    ({ value }) => `The value ${JSON.stringify(value)} is not valid.`,
+    (value) => value === void 0 || value === null
+  )
 };
 var yupSchemasToJsonTypes = {
   string: yupSchemas.text,
@@ -12041,7 +12046,7 @@ var yupSchemasToJsonTypes = {
   object: yupSchemas.fieldset,
   array: yupSchemas.multiple.select,
   boolean: yupSchemas.checkboxBool,
-  null: import_noop.default
+  null: yupSchemas.null
 };
 function getRequiredErrorMessage(inputType, { inlineError, configError }) {
   if (inlineError)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remoteoss/json-schema-form",
-  "version": "0.11.4-beta.0",
+  "version": "0.11.5-dev.20240821091937",
   "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

@@ -29,6 +29,7 @@ import {
   schemaInputWithStatement,
   schemaInputTypeCheckbox,
   schemaInputTypeCheckboxBooleans,
+  schemaInputTypeNull,
   schemaWithOrderKeyword,
   schemaWithPositionDeprecated,
   schemaDynamicValidationConst,
@@ -1578,6 +1579,48 @@ describe('createHeadlessForm', () => {
       });
     });
 
+    it('supports "null" field type', () => {
+      const { handleValidation, fields } = createHeadlessForm(schemaInputTypeNull, {
+        strictInputType: false,
+      });
+
+      expect(fields).toMatchObject([
+        {
+          name: 'name',
+          label: '(Optional) Name',
+          type: undefined,
+          jsonType: 'null',
+          schema: expect.any(Object),
+        },
+        {
+          name: 'username',
+          label: 'Username',
+          type: 'text',
+          jsonType: 'string',
+          inputType: 'text',
+          maxLength: 4,
+          schema: expect.any(Object),
+        },
+      ]);
+
+      // jsonType `null` fields do not have a corresponding inputType
+      expect(fields[0].inputType).toBeUndefined();
+
+      const validateForm = (vals) => friendlyError(handleValidation(vals));
+
+      expect(validateForm({})).toEqual({
+        username: 'Required field',
+      });
+
+      expect(validateForm({ username: 'hello', name: 'John' })).toEqual({
+        username: 'Please insert up to 4 characters',
+        name: 'The value "John" is not valid.',
+      });
+
+      expect(validateForm({ username: 'john' })).toBeUndefined();
+      expect(validateForm({ username: 'john', name: null })).toBeUndefined();
+    });
+
     it('supports oneOf pattern validation', () => {
       const result = createHeadlessForm(mockTelWithPattern);
 

package/src/tests/helpers.js

@@ -1141,6 +1141,23 @@ export const schemaInputTypeCheckboxBooleans = JSONSchemaBuilder()
   .setRequiredFields(['boolean_required'])
   .build();
 
+export const schemaInputTypeNull = {
+  additionalProperties: false,
+  type: 'object',
+  properties: {
+    name: {
+      type: 'null',
+      title: '(Optional) Name',
+    },
+    username: {
+      type: 'string',
+      title: 'Username',
+      maxLength: 4,
+    },
+  },
+  required: ['username'],
+};
+
 export const schemaCustomErrorMessageByField = {
   properties: {
     tabs: {