@remoteoss/json-schema-form 0.6.6-beta.0 → 0.6.6-dev.20231026142809

package/CHANGELOG.md

@@ -1,13 +1,3 @@
-#### 0.6.6-beta.0 (2023-10-17)
-
-##### Chores
-
-- **github:** Add template for issues and pull requests ([#45](https://github.com/remoteoss/json-schema-form/pull/45)) ([621e3338](https://github.com/remoteoss/json-schema-form/commit/621e33389638541e771d2229c91655e430ea7ec4))
-
-##### Bug Fixes
-
-- allow 0 in const validation ([#48](https://github.com/remoteoss/json-schema-form/pull/48)) ([cde19fc9](https://github.com/remoteoss/json-schema-form/commit/cde19fc960c4eacdde476ddcdd8c650a4ff5ce96))
-
 #### 0.6.5-beta.0 (2023-09-18)
 
 ##### Changes

package/dist/index.cjs

@@ -1,8 +1,8 @@
 
 /*!
  Copyright (c) 2023 Remote Technology, Inc.
- NPM Package: @remoteoss/json-schema-form@0.6.6-beta.0
- Generated: Tue, 17 Oct 2023 13:38:25 GMT
+ NPM Package: @remoteoss/json-schema-form@0.6.6-dev.20231026142809
+ Generated: Thu, 26 Oct 2023 14:28:35 GMT
 
  MIT License
 
@@ -472,13 +472,34 @@ var yupSchemas = {
     if (value === "") {
       return void 0;
     }
-    if (options?.includes(null)) {
+    if (options?.some((option) => option.value === null)) {
       return value;
     }
     return value === null ? void 0 : value;
-  }).oneOf(options, ({ value }) => {
-    return `The option ${JSON.stringify(value)} is not valid.`;
-  }),
+  }).test(
+    /* 
+      Custom test determines if the value either:
+       - Matches a specific option by value
+       - Matches a pattern
+      If the option is undefined do not test, to allow for optional fields. 
+     */
+    "matchesOptionOrPattern",
+    ({ value }) => `The option ${JSON.stringify(value)} is not valid.`,
+    (value) => {
+      if (value === void 0) {
+        return true;
+      }
+      const exactMatch = options.some((option) => option.value === value);
+      if (exactMatch) {
+        return true;
+      }
+      const patternMatch = options.some((option) => option.pattern?.test(value));
+      if (patternMatch) {
+        return true;
+      }
+      return false;
+    }
+  ),
   date: ({ minDate, maxDate }) => {
     let dateString = (0, import_yup.string)().nullable().transform((value) => {
       if (value === "") {
@@ -536,12 +557,15 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
 }
 var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
 var getOptions = (field) => {
-  const allValues = field.options?.map((option) => option.value);
+  const allValues = field.options?.map((option) => ({
+    value: option.value,
+    pattern: option.pattern ? new RegExp(option.pattern) : null
+  }));
   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");
-  return isOptionalWithNull ? [...allValues, null] : allValues;
+  return isOptionalWithNull ? [...allValues, { option: null }] : allValues;
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
@@ -701,7 +725,7 @@ function buildYupSchema(field, config, logic) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (typeof propertyFields.const !== "undefined") {
+  if (propertyFields.const) {
     validators.push(withConst);
   }
   if (propertyFields.jsonLogicValidations) {
@@ -1330,11 +1354,10 @@ function extractParametersFromNode(schemaNode) {
   const node = (0, import_omit.default)(schemaNode, ["x-jsf-presentation", "presentation"]);
   const description = presentation?.description || node.description;
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
-  const value = typeof node.const !== "undefined" && typeof node.default !== "undefined" ? { value: node.const } : {};
   return (0, import_omitBy.default)(
     {
       const: node.const,
-      ...value,
+      ...node.const && node.default ? { value: 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.6.6-beta.0
- Generated: Tue, 17 Oct 2023 13:38:25 GMT
+ NPM Package: @remoteoss/json-schema-form@0.6.6-dev.20231026142809
+ Generated: Thu, 26 Oct 2023 14:28:35 GMT
 
  MIT License
 
@@ -436,13 +436,34 @@ var yupSchemas = {
     if (value === "") {
       return void 0;
     }
-    if (options?.includes(null)) {
+    if (options?.some((option) => option.value === null)) {
       return value;
     }
     return value === null ? void 0 : value;
-  }).oneOf(options, ({ value }) => {
-    return `The option ${JSON.stringify(value)} is not valid.`;
-  }),
+  }).test(
+    /* 
+      Custom test determines if the value either:
+       - Matches a specific option by value
+       - Matches a pattern
+      If the option is undefined do not test, to allow for optional fields. 
+     */
+    "matchesOptionOrPattern",
+    ({ value }) => `The option ${JSON.stringify(value)} is not valid.`,
+    (value) => {
+      if (value === void 0) {
+        return true;
+      }
+      const exactMatch = options.some((option) => option.value === value);
+      if (exactMatch) {
+        return true;
+      }
+      const patternMatch = options.some((option) => option.pattern?.test(value));
+      if (patternMatch) {
+        return true;
+      }
+      return false;
+    }
+  ),
   date: ({ minDate, maxDate }) => {
     let dateString = string().nullable().transform((value) => {
       if (value === "") {
@@ -500,12 +521,15 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
 }
 var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
 var getOptions = (field) => {
-  const allValues = field.options?.map((option) => option.value);
+  const allValues = field.options?.map((option) => ({
+    value: option.value,
+    pattern: option.pattern ? new RegExp(option.pattern) : null
+  }));
   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");
-  return isOptionalWithNull ? [...allValues, null] : allValues;
+  return isOptionalWithNull ? [...allValues, { option: null }] : allValues;
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
@@ -665,7 +689,7 @@ function buildYupSchema(field, config, logic) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (typeof propertyFields.const !== "undefined") {
+  if (propertyFields.const) {
     validators.push(withConst);
   }
   if (propertyFields.jsonLogicValidations) {
@@ -1294,11 +1318,10 @@ function extractParametersFromNode(schemaNode) {
   const node = omit(schemaNode, ["x-jsf-presentation", "presentation"]);
   const description = presentation?.description || node.description;
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
-  const value = typeof node.const !== "undefined" && typeof node.default !== "undefined" ? { value: node.const } : {};
   return omitBy(
     {
       const: node.const,
-      ...value,
+      ...node.const && node.default ? { value: 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.6.6-beta.0
- Generated: Tue, 17 Oct 2023 13:38:25 GMT
+ NPM Package: @remoteoss/json-schema-form@0.6.6-dev.20231026142809
+ Generated: Thu, 26 Oct 2023 14:28:35 GMT
 
  MIT License
 
@@ -11790,13 +11790,34 @@ var yupSchemas = {
     if (value === "") {
       return void 0;
     }
-    if (options?.includes(null)) {
+    if (options?.some((option) => option.value === null)) {
       return value;
     }
     return value === null ? void 0 : value;
-  }).oneOf(options, ({ value }) => {
-    return `The option ${JSON.stringify(value)} is not valid.`;
-  }),
+  }).test(
+    /* 
+      Custom test determines if the value either:
+       - Matches a specific option by value
+       - Matches a pattern
+      If the option is undefined do not test, to allow for optional fields. 
+     */
+    "matchesOptionOrPattern",
+    ({ value }) => `The option ${JSON.stringify(value)} is not valid.`,
+    (value) => {
+      if (value === void 0) {
+        return true;
+      }
+      const exactMatch = options.some((option) => option.value === value);
+      if (exactMatch) {
+        return true;
+      }
+      const patternMatch = options.some((option) => option.pattern?.test(value));
+      if (patternMatch) {
+        return true;
+      }
+      return false;
+    }
+  ),
   date: ({ minDate, maxDate }) => {
     let dateString = StringSchema().nullable().transform((value) => {
       if (value === "") {
@@ -11854,12 +11875,15 @@ function getRequiredErrorMessage(inputType, { inlineError, configError }) {
 }
 var getJsonTypeInArray = (jsonType) => Array.isArray(jsonType) ? jsonType.find((val) => val !== "null") : jsonType;
 var getOptions = (field) => {
-  const allValues = field.options?.map((option) => option.value);
+  const allValues = field.options?.map((option) => ({
+    value: option.value,
+    pattern: option.pattern ? new RegExp(option.pattern) : null
+  }));
   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");
-  return isOptionalWithNull ? [...allValues, null] : allValues;
+  return isOptionalWithNull ? [...allValues, { option: null }] : allValues;
 };
 var getYupSchema = ({ inputType, ...field }) => {
   const jsonType = getJsonTypeInArray(field.jsonType);
@@ -12019,7 +12043,7 @@ function buildYupSchema(field, config, logic) {
   if (propertyFields.accept) {
     validators.push(withFileFormat);
   }
-  if (typeof propertyFields.const !== "undefined") {
+  if (propertyFields.const) {
     validators.push(withConst);
   }
   if (propertyFields.jsonLogicValidations) {
@@ -12648,11 +12672,10 @@ function extractParametersFromNode(schemaNode) {
   const node = (0, import_omit.default)(schemaNode, ["x-jsf-presentation", "presentation"]);
   const description = presentation?.description || node.description;
   const statementDescription = containsHTML(presentation.statement?.description) ? wrapWithSpan(presentation.statement.description, { class: "jsf-statement" }) : presentation.statement?.description;
-  const value = typeof node.const !== "undefined" && typeof node.default !== "undefined" ? { value: node.const } : {};
   return (0, import_omitBy.default)(
     {
       const: node.const,
-      ...value,
+      ...node.const && node.default ? { value: node.const } : {},
       label: node.title,
       readOnly: node.readOnly,
       ...node.deprecated && {

package/package.json

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

@@ -20,25 +20,6 @@ describe('validations: const', () => {
     expect(handleValidation({ ten_only: null }).formErrors).toBeUndefined();
   });
 
-  it('Should work for when the number is 0', () => {
-    const { handleValidation } = createHeadlessForm(
-      {
-        properties: {
-          zero_only: { type: 'number', const: 0 },
-        },
-      },
-      { strictInputType: false }
-    );
-    expect(handleValidation({}).formErrors).toEqual(undefined);
-    expect(handleValidation({ zero_only: 1 }).formErrors).toEqual({
-      zero_only: 'The only accepted value is 0.',
-    });
-    expect(handleValidation({ zero_only: 0 }).formErrors).toBeUndefined();
-    // null is also considered valid until we fix @BUG RMT-518
-    // Expectation: To fail with error "The only accepted value is 0."
-    expect(handleValidation({ zero_only: null }).formErrors).toBeUndefined();
-  });
-
   it('Should work for text', () => {
     const { handleValidation } = createHeadlessForm(
       {
@@ -115,45 +96,3 @@ describe('validations: const', () => {
     expect(fields[0]).toMatchObject({ value: 10, const: 10, default: 10 });
   });
 });
-
-describe('const/default with forced values', () => {
-  it('Should work for when the number is 0', () => {
-    const { fields, handleValidation } = createHeadlessForm(
-      {
-        properties: {
-          zero_only: { type: 'number', const: 0, default: 0 },
-        },
-      },
-      { strictInputType: false }
-    );
-    expect(handleValidation({}).formErrors).toEqual(undefined);
-    expect(handleValidation({ zero_only: 1 }).formErrors).toEqual({
-      zero_only: 'The only accepted value is 0.',
-    });
-    expect(fields[0]).toMatchObject({ value: 0, const: 0, default: 0 });
-    expect(handleValidation({ zero_only: 0 }).formErrors).toBeUndefined();
-    // null is also considered valid until we fix @BUG RMT-518
-    // Expectation: To fail with error "The only accepted value is 0."
-    expect(handleValidation({ zero_only: null }).formErrors).toBeUndefined();
-  });
-
-  it('Should work for number', () => {
-    const { fields, handleValidation } = createHeadlessForm(
-      {
-        properties: {
-          ten_only: { type: 'number', const: 10, default: 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).toBeUndefined();
-    expect(fields[0]).toMatchObject({ value: 10, const: 10, default: 10 });
-    // null is also considered valid until we fix @BUG RMT-518
-    // Expectation: To fail with error "The only accepted value is 10."
-    expect(handleValidation({ ten_only: null }).formErrors).toBeUndefined();
-  });
-});

package/src/tests/createHeadlessForm.test.js

@@ -38,6 +38,7 @@ import {
   mockFileInput,
   mockRadioCardInput,
   mockRadioCardExpandableInput,
+  mockTelWithPattern,
   mockTextInput,
   mockTextInputDeprecated,
   mockNumberInput,
@@ -1442,6 +1443,51 @@ describe('createHeadlessForm', () => {
       });
     });
 
+    it('supports oneOf pattern validation', () => {
+      const result = createHeadlessForm(mockTelWithPattern);
+
+      expect(result).toMatchObject({
+        fields: [
+          {
+            label: 'Phone number',
+            name: 'phone_number',
+            type: 'tel',
+            required: false,
+            options: [
+              {
+                label: 'Portugal',
+                pattern: '^(\\+351)[0-9]{9,}$',
+              },
+              {
+                label: 'United Kingdom (UK)',
+                pattern: '^(\\+44)[0-9]{1,}$',
+              },
+              {
+                label: 'Bolivia',
+                pattern: '^(\\+591)[0-9]{9,}$',
+              },
+              {
+                label: 'Canada',
+                pattern: '^(\\+1)(206|224)[0-9]{1,}$',
+              },
+              {
+                label: 'United States',
+                pattern: '^(\\+1)[0-9]{1,}$',
+              },
+            ],
+          },
+        ],
+      });
+
+      const fieldValidator = result.fields[0].schema;
+
+      expect(fieldValidator.isValidSync('+351123123123')).toBe(true);
+      expect(() => fieldValidator.validateSync('+35100')).toThrowError(
+        'The option "+35100" is not valid.'
+      );
+      expect(fieldValidator.isValidSync(undefined)).toBe(true);
+    });
+
     describe('supports "fieldset" field type', () => {
       it('supports basic case', () => {
         const result = createHeadlessForm({

package/src/tests/helpers.js

@@ -453,6 +453,46 @@ export const mockCheckboxInput = {
   type: 'string',
 };
 
+export const mockTelWithPattern = {
+  properties: {
+    phone_number: {
+      title: 'Phone number',
+      description: 'Enter your telephone number',
+      type: 'string',
+      'x-jsf-presentation': {
+        inputType: 'tel',
+      },
+      oneOf: [
+        {
+          title: 'Portugal',
+          pattern: '^(\\+351)[0-9]{9,}$',
+          'x-jsf-presentation': { meta: { countryCode: '351' } },
+        },
+        {
+          title: 'United Kingdom (UK)',
+          pattern: '^(\\+44)[0-9]{1,}$',
+          'x-jsf-presentation': { meta: { countryCode: '44' } },
+        },
+        {
+          title: 'Bolivia',
+          pattern: '^(\\+591)[0-9]{9,}$',
+          'x-jsf-presentation': { meta: { countryCode: '591' } },
+        },
+        {
+          title: 'Canada',
+          pattern: '^(\\+1)(206|224)[0-9]{1,}$',
+          'x-jsf-presentation': { meta: { countryCode: '1' } },
+        },
+        {
+          title: 'United States',
+          pattern: '^(\\+1)[0-9]{1,}$',
+          'x-jsf-presentation': { meta: { countryCode: '1' } },
+        },
+      ],
+    },
+  },
+};
+
 /**
  * Compose a schema with lower chance of human error
  * @param {Object} schema version