@remoteoss/json-schema-form 0.4.0-beta.0 → 0.4.1-dev.20230703082439

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.4.0-beta.0
- Generated: Thu, 22 Jun 2023 10:03:23 GMT
+ NPM Package: @remoteoss/json-schema-form@0.4.1-dev.20230703082439
+ Generated: Mon, 03 Jul 2023 08:24:57 GMT
 
  MIT License
 
@@ -383,8 +383,9 @@ var validateOnlyStrings = (0, import_yup.string)().trim().nullable().test(
 );
 var yupSchemas = {
   text: validateOnlyStrings,
-  select: (0, import_yup.string)().trim().nullable(),
-  radio: (0, import_yup.string)().trim().nullable(),
+  radioOrSelect: (options) => (0, import_yup.string)().nullable().oneOf(options, ({ value }) => {
+    return `The option ${JSON.stringify(value)} is not valid.`;
+  }),
   date: (0, import_yup.string)().nullable().trim().matches(
     /(?:\d){4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9]|3[0-1])/,
     `Must be a valid date in ${DEFAULT_DATE_FORMAT.toLocaleLowerCase()} format. e.g. ${todayDateHint}`
@@ -419,18 +420,48 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
   return "Required field";
 }
 var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+var getOptionsAllowed = (field) => {
+  const onlyValues = field.options?.map((option) => option.value);
+  const optionsBroken = [
+    ...onlyValues,
+    ""
+    // [1]
+  ];
+  if (field.required) {
+    return [
+      ...optionsBroken,
+      null
+      // [2]
+    ];
+  }
+  const isOptionalWithNull = Array.isArray(field.jsonType) && // @TODO should also check the "oneOf" directly looking for "null"
+  // option but we don't have direct access at this point.
+  // Otherwise the JSON Schema validator will fail as explained in PR#18
+  field.jsonType.includes("null");
+  if (isOptionalWithNull) {
+    return [...optionsBroken, null];
+  }
+  return optionsBroken;
+};
+var getYupSchema = ({ inputType, ...field }) => {
+  const jsonType = getJsonTypeInArray(field.jsonType);
+  if (field.options?.length > 0) {
+    const optionsAllowed = getOptionsAllowed(field);
+    return yupSchemas.radioOrSelect(optionsAllowed);
+  }
+  return yupSchemas[inputType] || yupSchemasToJsonTypes[jsonType];
+};
 function buildYupSchema(field, config) {
   const { inputType, jsonType: jsonTypeValue, errorMessage = {}, ...propertyFields } = field;
   const isCheckboxBoolean = typeof propertyFields.checkboxValue === "boolean";
   let baseSchema;
-  const jsonType = getJsonTypeInArray(jsonTypeValue);
   const errorMessageFromConfig = config?.inputTypes?.[inputType]?.errorMessage || {};
   if (propertyFields.multiple) {
     baseSchema = yupSchemas.multiple[inputType] || yupSchemasToJsonTypes.array;
   } else if (isCheckboxBoolean) {
     baseSchema = yupSchemas.checkboxBool;
   } else {
-    baseSchema = yupSchemas[inputType] || yupSchemasToJsonTypes[jsonType];
+    baseSchema = getYupSchema(field);
   }
   if (!baseSchema) {
     return import_noop.default;
@@ -939,30 +970,38 @@ var handleValuesChange = (fields, jsonSchema, config) => (values) => {
 };
 
 // src/calculateConditionalProperties.js
-function isFieldRequired(node, inputName) {
-  if (node?.required) {
-    return node.required.includes(inputName);
-  }
-  return false;
+function isFieldRequired(node, field) {
+  return (
+    // Check base root required
+    field.scopedJsonSchema?.required?.includes(field.name) || // Check conditional required
+    node?.required?.includes(field.name)
+  );
 }
-function rebuildInnerFieldsRequiredProperty(fields, property) {
+function rebuildFieldset(fields, property) {
   if (property?.properties) {
     return fields.map((field) => {
+      const propertyConditionals = property.properties[field.name];
+      if (!propertyConditionals) {
+        return field;
+      }
+      const newFieldParams = extractParametersFromNode(propertyConditionals);
       if (field.fields) {
         return {
           ...field,
-          fields: rebuildInnerFieldsRequiredProperty(field.fields, property.properties[field.name])
+          ...newFieldParams,
+          fields: rebuildFieldset(field.fields, propertyConditionals)
         };
       }
       return {
         ...field,
-        required: isFieldRequired(property, field.name)
+        ...newFieldParams,
+        required: isFieldRequired(property, field)
       };
     });
   }
   return fields.map((field) => ({
     ...field,
-    required: isFieldRequired(property, field.name)
+    required: isFieldRequired(property, field)
   }));
 }
 function calculateConditionalProperties(fieldParams, customProperties) {
@@ -977,10 +1016,7 @@ function calculateConditionalProperties(fieldParams, customProperties) {
       });
       let fieldSetFields;
       if (fieldParams.inputType === supportedTypes.FIELDSET) {
-        fieldSetFields = rebuildInnerFieldsRequiredProperty(
-          fieldParams.fields,
-          conditionalProperty
-        );
+        fieldSetFields = rebuildFieldset(fieldParams.fields, conditionalProperty);
         newFieldParams.fields = fieldSetFields;
       }
       const base = {

package/dist/index.js

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.4.0-beta.0
- Generated: Thu, 22 Jun 2023 10:03:23 GMT
+ NPM Package: @remoteoss/json-schema-form@0.4.1-dev.20230703082439
+ Generated: Mon, 03 Jul 2023 08:24:57 GMT
 
  MIT License
 
@@ -347,8 +347,9 @@ var validateOnlyStrings = string().trim().nullable().test(
 );
 var yupSchemas = {
   text: validateOnlyStrings,
-  select: string().trim().nullable(),
-  radio: string().trim().nullable(),
+  radioOrSelect: (options) => string().nullable().oneOf(options, ({ value }) => {
+    return `The option ${JSON.stringify(value)} is not valid.`;
+  }),
   date: string().nullable().trim().matches(
     /(?:\d){4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9]|3[0-1])/,
     `Must be a valid date in ${DEFAULT_DATE_FORMAT.toLocaleLowerCase()} format. e.g. ${todayDateHint}`
@@ -383,18 +384,48 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
   return "Required field";
 }
 var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
+var getOptionsAllowed = (field) => {
+  const onlyValues = field.options?.map((option) => option.value);
+  const optionsBroken = [
+    ...onlyValues,
+    ""
+    // [1]
+  ];
+  if (field.required) {
+    return [
+      ...optionsBroken,
+      null
+      // [2]
+    ];
+  }
+  const isOptionalWithNull = Array.isArray(field.jsonType) && // @TODO should also check the "oneOf" directly looking for "null"
+  // option but we don't have direct access at this point.
+  // Otherwise the JSON Schema validator will fail as explained in PR#18
+  field.jsonType.includes("null");
+  if (isOptionalWithNull) {
+    return [...optionsBroken, null];
+  }
+  return optionsBroken;
+};
+var getYupSchema = ({ inputType, ...field }) => {
+  const jsonType = getJsonTypeInArray(field.jsonType);
+  if (field.options?.length > 0) {
+    const optionsAllowed = getOptionsAllowed(field);
+    return yupSchemas.radioOrSelect(optionsAllowed);
+  }
+  return yupSchemas[inputType] || yupSchemasToJsonTypes[jsonType];
+};
 function buildYupSchema(field, config) {
   const { inputType, jsonType: jsonTypeValue, errorMessage = {}, ...propertyFields } = field;
   const isCheckboxBoolean = typeof propertyFields.checkboxValue === "boolean";
   let baseSchema;
-  const jsonType = getJsonTypeInArray(jsonTypeValue);
   const errorMessageFromConfig = config?.inputTypes?.[inputType]?.errorMessage || {};
   if (propertyFields.multiple) {
     baseSchema = yupSchemas.multiple[inputType] || yupSchemasToJsonTypes.array;
   } else if (isCheckboxBoolean) {
     baseSchema = yupSchemas.checkboxBool;
   } else {
-    baseSchema = yupSchemas[inputType] || yupSchemasToJsonTypes[jsonType];
+    baseSchema = getYupSchema(field);
   }
   if (!baseSchema) {
     return noop;
@@ -903,30 +934,38 @@ var handleValuesChange = (fields, jsonSchema, config) => (values) => {
 };
 
 // src/calculateConditionalProperties.js
-function isFieldRequired(node, inputName) {
-  if (node?.required) {
-    return node.required.includes(inputName);
-  }
-  return false;
+function isFieldRequired(node, field) {
+  return (
+    // Check base root required
+    field.scopedJsonSchema?.required?.includes(field.name) || // Check conditional required
+    node?.required?.includes(field.name)
+  );
 }
-function rebuildInnerFieldsRequiredProperty(fields, property) {
+function rebuildFieldset(fields, property) {
   if (property?.properties) {
     return fields.map((field) => {
+      const propertyConditionals = property.properties[field.name];
+      if (!propertyConditionals) {
+        return field;
+      }
+      const newFieldParams = extractParametersFromNode(propertyConditionals);
       if (field.fields) {
         return {
           ...field,
-          fields: rebuildInnerFieldsRequiredProperty(field.fields, property.properties[field.name])
+          ...newFieldParams,
+          fields: rebuildFieldset(field.fields, propertyConditionals)
         };
       }
       return {
         ...field,
-        required: isFieldRequired(property, field.name)
+        ...newFieldParams,
+        required: isFieldRequired(property, field)
       };
     });
   }
   return fields.map((field) => ({
     ...field,
-    required: isFieldRequired(property, field.name)
+    required: isFieldRequired(property, field)
   }));
 }
 function calculateConditionalProperties(fieldParams, customProperties) {
@@ -941,10 +980,7 @@ function calculateConditionalProperties(fieldParams, customProperties) {
       });
       let fieldSetFields;
       if (fieldParams.inputType === supportedTypes.FIELDSET) {
-        fieldSetFields = rebuildInnerFieldsRequiredProperty(
-          fieldParams.fields,
-          conditionalProperty
-        );
+        fieldSetFields = rebuildFieldset(fieldParams.fields, conditionalProperty);
         newFieldParams.fields = fieldSetFields;
       }
       const base = {