@remoteoss/json-schema-form 0.9.0-beta.0 → 0.9.1-dev.20240320135936

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.9.0-beta.0
- Generated: Mon, 11 Mar 2024 14:55:00 GMT
+ NPM Package: @remoteoss/json-schema-form@0.9.1-dev.20240320135936
+ Generated: Wed, 20 Mar 2024 13:59:53 GMT
 
  MIT License
 
@@ -459,7 +459,7 @@ var validateMaxDate = (value, minDate) => {
 };
 var yupSchemas = {
   text: validateOnlyStrings,
-  radioOrSelect: (options) => {
+  radioOrSelectString: (options) => {
     return (0, import_yup.string)().nullable().transform((value) => {
       if (value === "") {
         return void 0;
@@ -519,6 +519,9 @@ var yupSchemas = {
     }
     return dateString;
   },
+  radioOrSelectNumber: (options) => (0, import_yup.mixed)().typeError("The value must be a number").oneOf(options, ({ value }) => {
+    return `The option ${JSON.stringify(value)} is not valid.`;
+  }).nullable(),
   number: (0, import_yup.number)().typeError("The value must be a number").nullable(),
   file: (0, import_yup.array)().nullable(),
   email: (0, import_yup.string)().trim().email("Please enter a valid email address").nullable(),
@@ -548,7 +551,9 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
     return "Please acknowledge this field";
   return "Required field";
 }
-var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+var getJsonTypeInArray = (jsonType) => {
+  return Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+};
 var getOptions = (field) => {
   const allValues = field.options?.map((option) => ({
     value: option.value,
@@ -562,9 +567,13 @@ var getOptions = (field) => {
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
-  if (field.options?.length > 0) {
+  if (field.options?.length > 0 && field.jsonType !== "number") {
     const optionValues = getOptions(field);
-    return yupSchemas.radioOrSelect(optionValues);
+    return yupSchemas.radioOrSelectString(optionValues);
+  }
+  if (field.options?.length > 0 && field.jsonType === "number") {
+    const optionValues = getOptions(field).map((i) => i.value);
+    return yupSchemas.radioOrSelectNumber(optionValues);
   }
   if (field.format === "date") {
     return yupSchemas.date({ minDate: field.minDate, maxDate: field.maxDate });

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.9.0-beta.0
- Generated: Mon, 11 Mar 2024 14:55:00 GMT
+ NPM Package: @remoteoss/json-schema-form@0.9.1-dev.20240320135936
+ Generated: Wed, 20 Mar 2024 13:59:53 GMT
 
  MIT License
 
@@ -386,7 +386,7 @@ import jsonLogic from "json-logic-js";
 import flow from "lodash/flow";
 import noop from "lodash/noop";
 import { randexp } from "randexp";
-import { string, number, boolean, object, array } from "yup";
+import { string, number, boolean, object, array, mixed } from "yup";
 var DEFAULT_DATE_FORMAT = "yyyy-MM-dd";
 var baseString = string().trim();
 var todayDateHint = (/* @__PURE__ */ new Date()).toISOString().substring(0, 10);
@@ -423,7 +423,7 @@ var validateMaxDate = (value, minDate) => {
 };
 var yupSchemas = {
   text: validateOnlyStrings,
-  radioOrSelect: (options) => {
+  radioOrSelectString: (options) => {
     return string().nullable().transform((value) => {
       if (value === "") {
         return void 0;
@@ -483,6 +483,9 @@ var yupSchemas = {
     }
     return dateString;
   },
+  radioOrSelectNumber: (options) => mixed().typeError("The value must be a number").oneOf(options, ({ value }) => {
+    return `The option ${JSON.stringify(value)} is not valid.`;
+  }).nullable(),
   number: number().typeError("The value must be a number").nullable(),
   file: array().nullable(),
   email: string().trim().email("Please enter a valid email address").nullable(),
@@ -512,7 +515,9 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
     return "Please acknowledge this field";
   return "Required field";
 }
-var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+var getJsonTypeInArray = (jsonType) => {
+  return Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+};
 var getOptions = (field) => {
   const allValues = field.options?.map((option) => ({
     value: option.value,
@@ -526,9 +531,13 @@ var getOptions = (field) => {
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
-  if (field.options?.length > 0) {
+  if (field.options?.length > 0 && field.jsonType !== "number") {
     const optionValues = getOptions(field);
-    return yupSchemas.radioOrSelect(optionValues);
+    return yupSchemas.radioOrSelectString(optionValues);
+  }
+  if (field.options?.length > 0 && field.jsonType === "number") {
+    const optionValues = getOptions(field).map((i) => i.value);
+    return yupSchemas.radioOrSelectNumber(optionValues);
   }
   if (field.format === "date") {
     return yupSchemas.date({ minDate: field.minDate, maxDate: field.maxDate });

package/dist/standalone.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2024 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.9.0-beta.0
- Generated: Mon, 11 Mar 2024 14:55:00 GMT
+ NPM Package: @remoteoss/json-schema-form@0.9.1-dev.20240320135936
+ Generated: Wed, 20 Mar 2024 13:59:53 GMT
 
  MIT License
 
@@ -11777,7 +11777,7 @@ var validateMaxDate = (value, minDate) => {
 };
 var yupSchemas = {
   text: validateOnlyStrings,
-  radioOrSelect: (options) => {
+  radioOrSelectString: (options) => {
     return StringSchema().nullable().transform((value) => {
       if (value === "") {
         return void 0;
@@ -11837,6 +11837,9 @@ var yupSchemas = {
     }
     return dateString;
   },
+  radioOrSelectNumber: (options) => SchemaType().typeError("The value must be a number").oneOf(options, ({ value }) => {
+    return `The option ${JSON.stringify(value)} is not valid.`;
+  }).nullable(),
   number: NumberSchema().typeError("The value must be a number").nullable(),
   file: array_default().nullable(),
   email: StringSchema().trim().email("Please enter a valid email address").nullable(),
@@ -11866,7 +11869,9 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
     return "Please acknowledge this field";
   return "Required field";
 }
-var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+var getJsonTypeInArray = (jsonType) => {
+  return Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+};
 var getOptions = (field) => {
   const allValues = field.options?.map((option) => ({
     value: option.value,
@@ -11880,9 +11885,13 @@ var getOptions = (field) => {
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
-  if (field.options?.length > 0) {
+  if (field.options?.length > 0 && field.jsonType !== "number") {
     const optionValues = getOptions(field);
-    return yupSchemas.radioOrSelect(optionValues);
+    return yupSchemas.radioOrSelectString(optionValues);
+  }
+  if (field.options?.length > 0 && field.jsonType === "number") {
+    const optionValues = getOptions(field).map((i) => i.value);
+    return yupSchemas.radioOrSelectNumber(optionValues);
   }
   if (field.format === "date") {
     return yupSchemas.date({ minDate: field.minDate, maxDate: field.maxDate });

package/package.json

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

package/src/tests/const.test.js

@@ -193,3 +193,43 @@ describe('const/default with forced values', () => {
     expect(fields[0]).toMatchObject({ forcedValue: 300 });
   });
 });
+
+describe('OneOf const', () => {
+  it('Validates numbers correctly', () => {
+    const { handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          number: { type: 'number', oneOf: [{ const: 0 }, { const: 1 }, { const: 2 }] },
+        },
+      },
+      { strictInputType: false }
+    );
+    expect(handleValidation({}).formErrors).toEqual(undefined);
+    expect(handleValidation({ number: 3 }).formErrors).toEqual({
+      number: 'The option 3 is not valid.',
+    });
+    expect(handleValidation({ number: 2 }).formErrors).toBeUndefined();
+    expect(handleValidation({ number: '2' }).formErrors).toEqual({
+      number: 'The option "2" is not valid.',
+    });
+  });
+
+  it('Validates strings', () => {
+    const { handleValidation } = createHeadlessForm(
+      {
+        properties: {
+          number: { type: 'number', oneOf: [{ const: 'a' }, { const: 'b' }, { const: 'c' }] },
+        },
+      },
+      { strictInputType: false }
+    );
+    expect(handleValidation({}).formErrors).toEqual(undefined);
+    expect(handleValidation({ number: 'd' }).formErrors).toEqual({
+      number: 'The option "d" is not valid.',
+    });
+    expect(handleValidation({ number: 'a' }).formErrors).toBeUndefined();
+    expect(handleValidation({ number: '2' }).formErrors).toEqual({
+      number: 'The option "2" is not valid.',
+    });
+  });
+});

package/src/tests/helpers.js

@@ -93,6 +93,7 @@ export const mockTextMaxLengthInput = {
 export const mockRadioInputDeprecated = {
   title: 'Has siblings',
   description: 'Do you have any siblings?',
+  type: 'string',
   enum: ['yes', 'no'],
   'x-jsf-presentation': {
     inputType: 'radio',
@@ -386,6 +387,7 @@ export const mockGroupArrayInput = {
           ],
         },
         title: 'Child Sex',
+        type: 'string',
       },
     },
     'x-jsf-order': ['full_name', 'birthdate', 'sex'],
@@ -842,7 +844,7 @@ export const mockRadioInputOptionalNull = {
     { const: 'yes', title: 'Yes' },
     { const: 'no', title: 'No' },
     // JSF excludes the null option from the field output
-    // But keepts null as an accepted value
+    // But keeps null as an accepted value
     { const: null, title: 'N/A' },
   ],
   'x-jsf-presentation': { inputType: 'radio' },
@@ -1612,7 +1614,6 @@ export const schemaFieldsetScopedCondition = {
       properties: {
         has_child: {
           description: 'If yes, it will show its age.',
-          maximum: 100,
           'x-jsf-presentation': {
             inputType: 'radio',
             options: [
@@ -1627,7 +1628,7 @@ export const schemaFieldsetScopedCondition = {
             ],
           },
           title: 'Do you have a child?',
-          type: 'number',
+          type: 'string',
         },
         age: {
           description: 'This age is required, but the "age" at the root level is still optional.',