Fix uischemas change depencency

Author: TheZoker

packages/example/src/enhancements.tsx

@@ -57,16 +57,14 @@ export const enhancements = () => {
         'apply': (props: JsonFormsInitStateProps) => {
           return {
             ...props,
-            uischemas: [
-              { tester: nestedArray.nestedArrayTester, uischema: nestedArray.nestedArrayLayout }
-            ]
+            uischemas: nestedArray.uischemas
           }
         }
       },
       {
         'label': 'Unregister NestedArray UISchema',
         'apply': (props: JsonFormsInitStateProps) => {
-          const uischemas: JsonFormsUISchemaRegistryEntry[] = [];
+          const uischemas: JsonFormsUISchemaRegistryEntry[] = undefined;
           return {
             ...props,
             uischemas: uischemas
@@ -80,16 +78,14 @@ export const enhancements = () => {
         'apply': (props: JsonFormsInitStateProps) => {
           return {
             ...props,
-            uischemas: [
-              { tester: issue_1220.nestedArrayTester, schema: issue_1220.detail_uischema }
-            ]
+            uischemas: issue_1220.uischemas
           }
         }
       },
       {
         'label': 'Unregister Issue 1220 UISchema',
         'apply': (props: JsonFormsInitStateProps) => {
-          const uischemas: JsonFormsUISchemaRegistryEntry[] = [];
+          const uischemas: JsonFormsUISchemaRegistryEntry[] = undefined;
           return {
             ...props,
             uischemas: uischemas

packages/examples/src/example.ts

@@ -22,14 +22,14 @@
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 */
-import { JsonSchema, UISchemaElement } from '@jsonforms/core';
+import { JsonFormsUISchemaRegistryEntry, JsonSchema, UISchemaElement } from '@jsonforms/core';
 
 export interface ExampleDescription {
   name: string;
   label: string;
   data: any;
   schema: JsonSchema;
   uischema: UISchemaElement;
-  uischemas?: any;
+  uischemas?: JsonFormsUISchemaRegistryEntry[];
   config?: any;
 }

packages/examples/src/examples/1220.ts

@@ -72,36 +72,44 @@ export const uischema = {
   type: 'Control',
   scope: '#/properties/orders'
 };
-export const detail_uischema = {
-  type: 'VerticalLayout',
-  elements: [
-    {
-      type: 'Control',
-      scope: '#/properties/title'
-    },
-    {
-      type: 'Control',
-      scope: '#/properties/ordered'
+
+export const uischemas = [
+  {
+    tester: (_jsonSchema: JsonSchema, schemaPath: string) => {
+      return schemaPath === '#/properties/orders' ? 2 : NOT_APPLICABLE;
     },
-    {
+    uischema: {
       type: 'VerticalLayout',
       elements: [
         {
           type: 'Control',
-          scope: '#/properties/assignee'
-        }
-      ],
-      rule: {
-        effect: 'SHOW',
-        condition: {
-          type: 'LEAF',
-          scope: '#/properties/ordered',
-          expectedValue: true
+          scope: '#/properties/title'
+        },
+        {
+          type: 'Control',
+          scope: '#/properties/ordered'
+        },
+        {
+          type: 'VerticalLayout',
+          elements: [
+            {
+              type: 'Control',
+              scope: '#/properties/assignee'
+            }
+          ],
+          rule: {
+            effect: 'SHOW',
+            condition: {
+              type: 'LEAF',
+              scope: '#/properties/ordered',
+              expectedValue: true
+            }
+          }
         }
-      }
-    }
-  ]
-};
+      ]
+    },
+  },
+];
 
 registerExamples([
   {
@@ -112,7 +120,3 @@ registerExamples([
     uischema
   }
 ]);
-
-export const nestedArrayTester = (_jsonSchema: JsonSchema, schemaPath: string) => {
-  return schemaPath === '#/properties/orders' ? 2 : NOT_APPLICABLE;
-};

packages/examples/src/examples/nestedArrays.ts

@@ -23,7 +23,7 @@
   THE SOFTWARE.
 */
 import { registerExamples } from '../register';
-import { ControlElement, JsonSchema, NOT_APPLICABLE, VerticalLayout } from '@jsonforms/core';
+import { ControlElement, JsonSchema, NOT_APPLICABLE } from '@jsonforms/core';
 
 const schema = {
   type: 'object',
@@ -69,16 +69,6 @@ const data = {
   ]
 };
 
-registerExamples([
-  {
-    name: 'nestedArray',
-    label: 'Nested Array',
-    data,
-    schema,
-    uischema
-  }
-]);
-
 const control1: ControlElement = {
   type: 'Control',
   scope: '#/properties/name'
@@ -88,11 +78,25 @@ const control2: ControlElement = {
   type: 'Control',
   scope: '#/properties/choices'
 };
-export const nestedArrayLayout: VerticalLayout = {
-  type: 'VerticalLayout',
-  elements: [control1, control2]
-};
 
-export const nestedArrayTester = (_jsonSchema: JsonSchema, schemaPath: string) => {
-  return schemaPath === '#/properties/exampleArray' ? 2 : NOT_APPLICABLE;
-};
+export const uischemas = [
+  {
+    tester: (_jsonSchema: JsonSchema, schemaPath: string) => {
+      return schemaPath === '#/properties/exampleArray' ? 2 : NOT_APPLICABLE;
+    },
+    uischema: {
+      type: 'VerticalLayout',
+      elements: [control1, control2]
+    }
+  }
+]
+
+registerExamples([
+  {
+    name: 'nestedArray',
+    label: 'Nested Array',
+    data,
+    schema,
+    uischema
+  }
+]);

packages/react/src/JsonFormsContext.tsx

@@ -158,7 +158,7 @@ export const JsonFormsStateProvider = ({ children, initState, onChange }: any) =
     i18n: i18n,
     // only core dispatch available
     dispatch: coreDispatch,
-  }), [core, initState.renderers, initState.cells, config, initState.readonly, i18n]);
+  }), [core, initState.renderers, initState.cells, config, initState.uischemas, initState.readonly, i18n]);
 
   const onChangeRef = useRef(onChange);
   useEffect(() => {