From c765c3e6a76b4998097a5afbfe0d55793cbe5708 Mon Sep 17 00:00:00 2001
From: Krasimir Chobantonov <kchobantonov@gmail.com>
Date: Mon, 16 Dec 2024 20:54:36 -0500
Subject: [PATCH 1/3] add arrayList.title missed from the migration, add
 additional customizations for array renderers, fix one tab disable property

---
 .../src/complex/ArrayControlRenderer.vue      | 20 ++++++++++++---
 .../src/complex/OneOfTabRenderer.vue          |  6 ++++-
 .../src/layouts/ArrayLayoutRenderer.vue       | 25 +++++++++++++++----
 .../src/layouts/CategorizationRenderer.vue    |  9 +------
 .../vue-vuetify/src/styles/defaultStyles.ts   |  1 +
 packages/vue-vuetify/src/styles/styles.ts     |  1 +
 6 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue b/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
index f6ea8ccd8..8129c1a83 100644
--- a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
+++ b/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
@@ -1,7 +1,19 @@
 <template>
-  <v-card v-if="control.visible" :class="styles.arrayList.root" elevation="0">
-    <v-card-title>
-      <v-toolbar flat :class="styles.arrayList.toolbar">
+  <v-card
+    v-if="control.visible"
+    :class="styles.arrayList.root"
+    elevation="0"
+    v-bind="vuetifyProps('v-card')"
+  >
+    <v-card-title
+      :class="styles.arrayList.title"
+      v-bind="vuetifyProps('v-card-title')"
+    >
+      <v-toolbar
+        flat
+        :class="styles.arrayList.toolbar"
+        v-bind="vuetifyProps('v-toolbar')"
+      >
         <v-toolbar-title :class="styles.arrayList.label">{{
           computedLabel
         }}</v-toolbar-title>
@@ -36,7 +48,7 @@
         </v-tooltip>
       </v-toolbar>
     </v-card-title>
-    <v-card-text>
+    <v-card-text v-bind="vuetifyProps('v-card-text')">
       <v-container justify-space-around align-content-center>
         <v-row justify="center">
           <v-table
diff --git a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue b/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
index ea94bc2eb..64cbb3144 100644
--- a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
+++ b/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
@@ -6,7 +6,11 @@
       :path="path"
     />
 
-    <v-tabs v-model="selectIndex" @update:model-value="handleTabChange">
+    <v-tabs
+      v-model="selectIndex"
+      @update:model-value="handleTabChange"
+      :disabled="!control.enabled"
+    >
       <v-tab
         v-for="(oneOfRenderInfo, oneOfIndex) in oneOfRenderInfos"
         :key="`${control.path}-${oneOfIndex}`"
diff --git a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
index 58e0d6ef9..f39a94e36 100644
--- a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
+++ b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
@@ -1,7 +1,18 @@
 <template>
-  <v-card v-if="control.visible" :class="styles.arrayList.root">
-    <v-card-title>
-      <v-toolbar flat :class="styles.arrayList.toolbar">
+  <v-card
+    v-if="control.visible"
+    :class="styles.arrayList.root"
+    v-bind="vuetifyProps('v-card')"
+  >
+    <v-card-title
+      :class="styles.arrayList.title"
+      v-bind="vuetifyProps('v-card-title')"
+    >
+      <v-toolbar
+        flat
+        :class="styles.arrayList.toolbar"
+        v-bind="vuetifyProps('v-toolbar')"
+      >
         <v-toolbar-title :class="styles.arrayList.label">{{
           computedLabel
         }}</v-toolbar-title>
@@ -45,7 +56,7 @@
         </slot>
       </v-toolbar>
     </v-card-title>
-    <v-card-text>
+    <v-card-text v-bind="vuetifyProps('v-card-text')">
       <v-container
         justify-space-around
         align-content-center
@@ -196,7 +207,11 @@
         {{ control.translations.noDataMessage }}
       </v-container>
     </v-card-text>
-    <v-card-actions v-if="$slots.actions" class="pb-8">
+    <v-card-actions
+      v-if="$slots.actions"
+      class="pb-8"
+      v-bind="vuetifyProps('v-card-actions')"
+    >
       <slot
         name="actions"
         :addClass="styles.arrayList.addButton"
diff --git a/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue b/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue
index 66466835f..c2de37b0a 100644
--- a/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue
+++ b/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue
@@ -73,14 +73,7 @@
 </template>
 
 <script lang="ts">
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-  type Layout,
-} from '@jsonforms/core';
+import { type Layout } from '@jsonforms/core';
 import {
   DispatchRenderer,
   rendererProps,
diff --git a/packages/vue-vuetify/src/styles/defaultStyles.ts b/packages/vue-vuetify/src/styles/defaultStyles.ts
index 69790cd23..b77192a3c 100644
--- a/packages/vue-vuetify/src/styles/defaultStyles.ts
+++ b/packages/vue-vuetify/src/styles/defaultStyles.ts
@@ -23,6 +23,7 @@ export const defaultStyles: Styles = {
   arrayList: {
     root: 'array-list',
     toolbar: 'array-list-toolbar',
+    title: 'array-list-title',
     validationIcon: 'array-list-validation',
     addButton: 'array-list-add',
     label: 'array-list-label',
diff --git a/packages/vue-vuetify/src/styles/styles.ts b/packages/vue-vuetify/src/styles/styles.ts
index 889e1e7ff..6cb9b0239 100644
--- a/packages/vue-vuetify/src/styles/styles.ts
+++ b/packages/vue-vuetify/src/styles/styles.ts
@@ -37,6 +37,7 @@ export interface Styles {
   arrayList: {
     root?: string;
     toolbar?: string;
+    title?: string;
     validationIcon?: string;
     container?: string;
     addButton?: string;

From b2576a8acbae28ddc16a2ffc874e715e843efb66 Mon Sep 17 00:00:00 2001
From: Krasimir Chobantonov <kchobantonov@gmail.com>
Date: Tue, 17 Dec 2024 20:48:51 -0500
Subject: [PATCH 2/3] fix calling Generate.uiSchema

---
 packages/vue-vuetify/src/complex/AllOfRenderer.vue     |  1 +
 packages/vue-vuetify/src/complex/AnyOfRenderer.vue     |  1 +
 packages/vue-vuetify/src/complex/ObjectRenderer.vue    | 10 ++++++----
 packages/vue-vuetify/src/complex/OneOfRenderer.vue     |  1 +
 packages/vue-vuetify/src/complex/OneOfTabRenderer.vue  |  1 +
 .../src/complex/components/AdditionalProperties.vue    |  7 ++++++-
 .../src/complex/components/CombinatorProperties.vue    |  7 +++++++
 7 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/vue-vuetify/src/complex/AllOfRenderer.vue b/packages/vue-vuetify/src/complex/AllOfRenderer.vue
index 3105de6d2..ddbdadc0c 100644
--- a/packages/vue-vuetify/src/complex/AllOfRenderer.vue
+++ b/packages/vue-vuetify/src/complex/AllOfRenderer.vue
@@ -16,6 +16,7 @@
           :schema="control.schema"
           combinatorKeyword="allOf"
           :path="path"
+          :rootSchema="control.rootSchema"
         />
         <dispatch-renderer
           v-for="(allOfRenderInfo, allOfIndex) in allOfRenderInfos"
diff --git a/packages/vue-vuetify/src/complex/AnyOfRenderer.vue b/packages/vue-vuetify/src/complex/AnyOfRenderer.vue
index 0b18414c0..bdaba5590 100644
--- a/packages/vue-vuetify/src/complex/AnyOfRenderer.vue
+++ b/packages/vue-vuetify/src/complex/AnyOfRenderer.vue
@@ -4,6 +4,7 @@
       :schema="control.schema"
       combinatorKeyword="anyOf"
       :path="path"
+      :rootSchema="control.rootSchema"
     />
 
     <v-tabs v-model="selectedIndex">
diff --git a/packages/vue-vuetify/src/complex/ObjectRenderer.vue b/packages/vue-vuetify/src/complex/ObjectRenderer.vue
index cd191974b..ea767759f 100644
--- a/packages/vue-vuetify/src/complex/ObjectRenderer.vue
+++ b/packages/vue-vuetify/src/complex/ObjectRenderer.vue
@@ -20,11 +20,8 @@
 import {
   Generate,
   findUISchema,
-  isObjectControl,
-  rankWith,
   type ControlElement,
   type GroupLayout,
-  type JsonFormsRendererRegistryEntry,
   type UISchemaElement,
 } from '@jsonforms/core';
 import {
@@ -76,7 +73,12 @@ const controlRenderer = defineComponent({
     },
     detailUiSchema(): UISchemaElement {
       const uiSchemaGenerator = () => {
-        const uiSchema = Generate.uiSchema(this.control.schema, 'Group');
+        const uiSchema = Generate.uiSchema(
+          this.control.schema,
+          'Group',
+          undefined,
+          this.control.rootSchema,
+        );
         if (isEmpty(this.control.path)) {
           uiSchema.type = 'VerticalLayout';
         } else {
diff --git a/packages/vue-vuetify/src/complex/OneOfRenderer.vue b/packages/vue-vuetify/src/complex/OneOfRenderer.vue
index 5bc4e5c54..fbee96f22 100644
--- a/packages/vue-vuetify/src/complex/OneOfRenderer.vue
+++ b/packages/vue-vuetify/src/complex/OneOfRenderer.vue
@@ -4,6 +4,7 @@
       :schema="control.schema"
       combinatorKeyword="oneOf"
       :path="path"
+      :rootSchema="control.rootSchema"
     />
 
     <v-select
diff --git a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue b/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
index 64cbb3144..7f70ad7a9 100644
--- a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
+++ b/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
@@ -4,6 +4,7 @@
       :schema="control.schema"
       combinatorKeyword="oneOf"
       :path="path"
+      :rootSchema="control.rootSchema"
     />
 
     <v-tabs
diff --git a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue b/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
index fb970b3ed..10d891706 100644
--- a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
+++ b/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
@@ -227,7 +227,12 @@ export default defineComponent({
 
       if (propSchema) {
         if (propSchema.type === 'object' || propSchema.type === 'array') {
-          propUiSchema = Generate.uiSchema(propSchema, 'Group');
+          propUiSchema = Generate.uiSchema(
+            propSchema,
+            'Group',
+            undefined,
+            control.value.rootSchema,
+          );
           (propUiSchema as GroupLayout).label =
             propSchema.title ?? startCase(propName);
         } else {
diff --git a/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue b/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue
index 4b03d024f..32c92723c 100644
--- a/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue
+++ b/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue
@@ -23,6 +23,7 @@ interface CombinatorProps {
   schema: JsonSchema;
   combinatorKeyword: 'oneOf' | 'anyOf' | 'allOf';
   path: string;
+  rootSchema: JsonSchema;
 }
 
 export default defineComponent({
@@ -43,6 +44,10 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    rootSchema: {
+      type: Object as PropType<JsonSchema>,
+      required: true,
+    },
   },
   setup(props: CombinatorProps) {
     const otherProps: JsonSchema = omit(
@@ -52,6 +57,8 @@ export default defineComponent({
     const foundUISchema: UISchemaElement = Generate.uiSchema(
       otherProps,
       'VerticalLayout',
+      undefined,
+      props.rootSchema,
     );
 
     const isLayout = (uischema: UISchemaElement): uischema is Layout =>

From 3a62ea614a8a7192910148617413cedfecba763b Mon Sep 17 00:00:00 2001
From: Krasimir Chobantonov <kchobantonov@gmail.com>
Date: Tue, 17 Dec 2024 20:49:00 -0500
Subject: [PATCH 3/3] fix unit tests

---
 .../complex/__snapshots__/ArrayControlRenderer.spec.ts.snap     | 2 +-
 .../unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap
index b5cdf85a2..60f86cf52 100644
--- a/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap
+++ b/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap
@@ -21,7 +21,7 @@ exports[`ArrayControlRenderer.vue > should render component and match snapshot 1
       </div>
       <!---->
       <!---->
-      <div data-v-4896f876="" class="v-card-title">
+      <div data-v-4896f876="" class="v-card-title array-list-title">
         <header data-v-4896f876="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
           <!---->
           <div class="v-toolbar__content" style="height: 64px;">
diff --git a/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap
index 73eb4de6b..fed46e0a0 100644
--- a/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap
+++ b/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap
@@ -21,7 +21,7 @@ exports[`ArrayLayoutRenderer.vue > should render component and match snapshot 1`
       </div>
       <!---->
       <!---->
-      <div data-v-5f91636e="" class="v-card-title">
+      <div data-v-5f91636e="" class="v-card-title array-list-title">
         <header data-v-5f91636e="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
           <!---->
           <div class="v-toolbar__content" style="height: 64px;">