@rjsf/validator-ajv6
Advanced tools
AJV-6 based validator plugin for react-jsonschema-form.
Explore the docs »
View Playground
·
Report Bug
·
Request Feature
Exports validator-ajv6 plugin for react-jsonschema-form.
NOTE: This package is deprecated in favor of the
@rjsf/validator-ajv8and is provided primarily for people upgrading to version 5 who initially want to minimize the validator differences.
@rjsf/utils >= 5.0.0yarn add @rjsf/core
yarn add @rjsf/validator-ajv6
import { RJSFSchema } from '@rjsf/utils';
import Form from '@rjsf/core';
import validator from '@rjsf/validator-ajv6';
const schema: RJSFSchema = {
type: 'string',
};
<Form schema={schema} validator={validator} />;
or, using a more complex example using custom validator with custom formats
import { RJSFSchema } from '@rjsf/utils';
import Form from '@rjsf/core';
import { customizeValidator } from '@rjsf/validator-ajv6';
const customFormats = {
'phone-us': /\(?\d{3}\)?[\s-]?\d{3}[\s-]?\d{4}$/,
};
const validator = customizeValidator({
customFormats,
});
const schema: RJSFSchema = {
type: 'string',
format: 'phone-us',
};
<Form schema={schema} validator={validator} />;
or, using a more complex example using a custom with additional meta schema
import { RJSFSchema } from '@rjsf/utils';
import Form from '@rjsf/core';
import { customizeValidator } from '@rjsf/validator-ajv6';
const metaSchemaDraft04 = require('ajv/lib/refs/json-schema-draft-04.json');
const validator = customizeValidator({
additionalMetaSchemas: [metaSchemaDraft04],
});
const schema: RJSFSchema = {
$schema: 'http://json-schema.org/draft-04/schema#',
type: 'string',
};
<Form schema={schema} validator={validator} />;
or, using a more complex example using custom validator config override options
import { RJSFSchema } from '@rjsf/utils';
import Form from '@rjsf/core';
import { customizeValidator } from '@rjsf/validator-ajv6';
const validator = customizeValidator({
ajvOptionsOverrides: {
$data: true,
verbose: true,
},
});
const schema: RJSFSchema = {
type: 'string',
};
<Form schema={schema} validator={validator} />;
Finally, you can combine both additional meta schemas, custom formats and custom validator config override options.
import { RJSFSchema } from '@rjsf/utils';
import Form from '@rjsf/core';
import { customizeValidator } from '@rjsf/validator-ajv6';
const metaSchemaDraft04 = require('ajv/lib/refs/json-schema-draft-04.json');
const customFormats = {
'phone-us': /\(?\d{3}\)?[\s-]?\d{3}[\s-]?\d{4}$/,
};
const validator = customizeValidator({
additionalMetaSchemas: [metaSchemaDraft04],
customFormats,
ajvOptionsOverrides: {
$data: true,
verbose: true,
},
});
const schema: RJSFSchema = {
$schema: 'http://json-schema.org/draft-04/schema#',
type: 'string',
format: 'phone-us',
};
<Form schema={schema} validator={validator} />;
See the open issues for a list of proposed features (and known issues).
Read our contributors' guide to get started.
rjsf team: https://github.com/orgs/rjsf-team/people
GitHub repository: https://github.com/rjsf-team/react-jsonschema-form
5.3.0
package.json to properly add required dependencies explicitly which were installed implicitlyReset function added for Programmatically Reset action. Reset function will reset form data and validation errors. Form data will set to default values.TimeWidget that works for all themesInvalidObjectField error in ObjectFieldForm, ArrayField, ObjectField and SchemaFieldRadioWidget's onChange return value.BaseInputTemplate so that it shrinks a time formatted inputBaseInputTemplate so that it shrinks a time formatted inputgetWidget() to support the time to TimeWidget mappingTranslatableString enums CopyButton and InvalidObjectField that localizes the information extracted from ObjectField as markdownArrayFieldTemplateItemType to add support for copying array itemsUIOptionsBaseType to extract the addable, orderable, removable, label and duplicateKeySuffixSeparator into a new GlobalUISchemaOptions type that adds copyable
UIOptionsBaseType from GlobalUISchemaOptionsUiSchema added a new optional ui:globalOptions prop of type GlobalUISchemaOptions and a new UI_GLOBAL_OPTIONS_KEY constantglobalUiOptions object of type GlobalUISchemaOptions in Registry as well as CopyButton in ButtonTemplatesgetUiOptions() and getDisplayLabel() (and its SchemaUtilsType counterpart) to take an optional GlobalUISchemaOptions parameter that is used to include global options into the returned uiOptionsProgrammatically Reset button to clear states which are form data and validation errors.Date & time example to show off the new TimeWidget.custom-widgets-fields and widgets documentation to mention the new TimeWidget and its support for the time format.custom-templates, internals, uiSchema, utility-functions and arrays for the new copy array feature as well as the global UI Schema options supportarrays example to add examples for the new copyable featureFAQs
The ajv-6 based validator for @rjsf/core
The npm package @rjsf/validator-ajv6 receives a total of 7,351 weekly downloads. As such, @rjsf/validator-ajv6 popularity was classified as popular.
We found that @rjsf/validator-ajv6 demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.