@rjsf/fluentui-rc

@rjsf/fluentui-rc

Fluent UI React Components (v9) theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

• Table of Contents
• About The Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• Contact

About The Project

Fluent UI React Components (v9) theme, fields and widgets for react-jsonschema-form.

Built With

• react-jsonschema-form
• Fluent UI React Components (v9)
• TypeScript

Getting Started

Prerequisites

• @fluentui/react-components >= 9.35.0
• @rjsf/core >= 2.0.0

yarn add @fluentui/react-components @rjsf/core @rjsf/utils @rjsf/validator-ajv6

Installation

yarn add @rjsf/fluentui-rc

Usage

import Form from '@rjsf/fluentui-rc';

or

import { withTheme } from '@rjsf/core';
import { Theme as FluentUIRCTheme } from '@rjsf/fluentui-rc';

// Make modifications to the theme with your own fields and widgets

const Form = withTheme(FluentUIRCTheme);

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Read our contributors' guide to get started.

Contact

rjsf team: https://github.com/orgs/rjsf-team/people

GitHub repository: https://github.com/rjsf-team/react-jsonschema-form

Changelog

5.24.0

@rjsf/core

• Fixed issue with schema if/then/else conditions where switching to then/else subschemas did not reflect the actual validation errors in the onChange event, fixing #4249 and improving performance.
• Fixed issue error message will not be cleared after the controlled Form formData is changed. Fixes #4426

@rjsf/utils

• Fixed issue with formData not updating when dependencies change, fixing #4325
• Fixed issue with assigning default values to formData with deeply nested required properties, fixing #4399
• Fixed issue error message will not be cleared after the controlled Form formData is changed. Fixes #4426
• Fix for AJV $data reference in const property in schema treated as default/const value. The issue is mentioned in #4361.
• Switched uses of lodash.isEqual() to @rjsf/utils.deepEquals.

@rjsf/validator-ajv8

• Partially fixed issue where dependency errors do not show title or ui:title. This fix only applicable if we use an ajv-i18n localizer. Ref. #4402.
• Switched uses of lodash.isEqual() to @rjsf/utils.deepEquals at precompiledValidator.