Merge branch 'develop' into main

Author: elbakerino

README.md

@@ -7,12 +7,12 @@
 CodeMirror v6 integration for React, with MUI widgets for [UI-Schema](https://github.com/ui-schema/ui-schema).
 
 [![Github actions Build](https://github.com/ui-schema/react-codemirror/actions/workflows/blank.yml/badge.svg)](https://github.com/ui-schema/react-codemirror/actions)
-[![react compatibility](https://img.shields.io/badge/React-%3E%3D16.8-success?style=flat-square&logo=react)](https://reactjs.org/)
+[![react compatibility](https://img.shields.io/badge/React-%3E%3D17-success?style=flat-square&logo=react)](https://reactjs.org/)
 [![MIT license](https://img.shields.io/npm/l/@ui-schema/ui-schema?style=flat-square)](https://github.com/ui-schema/ui-schema/blob/master/LICENSE)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 ![Typed](https://flat.badgen.net/badge/icon/Typed?icon=typescript&label&labelColor=blue&color=555555)
 
-- [CodeMirror](https://codemirror.net/) v6 as plain React integration: `@ui-schema/kit-codemirror` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/kit-codemirror?style=flat-square)](https://www.npmjs.com/package/@ui-schema/kit-codemirror) [docs](https://ui-schema.bemit.codes/docs/kit-codemirror/kit-codemirror)
+- [CodeMirror](https://codemirror.net/) v6 as plain React integration: `@ui-schema/kit-codemirror` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/kit-codemirror?style=flat-square)](https://www.npmjs.com/package/@ui-schema/kit-codemirror) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=0a6e8a&color=61dafb&logoColor=ffffff&style=flat-square&logo=react)](https://ui-schema.bemit.codes/docs/kit-codemirror/kit-codemirror)
 - UI-Schema Widgets for [MUI](https://mui.com): `@ui-schema/material-code` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-code?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-code) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](https://ui-schema.bemit.codes/docs/material-code/material-code)
 
 ## Versions

packages/.eslintrc

@@ -2,7 +2,8 @@
     "parser": "@babel/eslint-parser",
     "root": true,
     "extends": [
-        "eslint:recommended"
+        "eslint:recommended",
+        "plugin:react-hooks/recommended"
     ],
     "settings": {
         "react": {
@@ -72,7 +73,8 @@
                 "eslint:recommended",
                 "plugin:react/recommended",
                 "plugin:@typescript-eslint/eslint-recommended",
-                "plugin:@typescript-eslint/recommended"
+                "plugin:@typescript-eslint/recommended",
+                "plugin:react-hooks/recommended"
             ],
             "globals": {
                 "process": true

packages/kit-codemirror/package.json

@@ -20,6 +20,14 @@
         "react-component",
         "react"
     ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/ui-schema/react-codemirror.git",
+        "directory": "packages/kit-codemirror"
+    },
+    "bugs": {
+        "url": "https://github.com/ui-schema/react-codemirror/issues"
+    },
     "devDependencies": {
         "@codemirror/state": "^6.0.0",
         "@codemirror/view": "^6.0.0",

packages/material-code/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@ui-schema/material-code",
-    "version": "0.4.0-beta.0",
+    "version": "0.4.0-beta.1",
     "description": "Code editor widgets using CodeMirror, with Material-UI styling for UI-Schema",
-    "homepage": "https://ui-schema.bemit.codes",
+    "homepage": "https://ui-schema.bemit.codes/docs/material-code/material-code",
     "author": {
         "name": "bemit",
         "url": "https://bemit.codes"

packages/material-code/src/WidgetCodeSelectable/WidgetCodeSelectable.tsx

@@ -63,7 +63,7 @@ export const WidgetCodeSelectable: React.ComponentType<WidgetProps & WithScalarV
             schema,
             required,
         })
-    }, [onChange, onChangeFormat, storeKeys, schema, required, formatValue])
+    }, [onChange, onChangeFormat, storeKeys, schema, required, formatKey])
 
     const hideTitle = schema?.getIn(['view', 'hideTitle'])
     const readOnly = readOnlyProp || schema?.get('readOnly')