add arrayList.title missed from the migration, add additional customizations for array renderers, fix one tab disable property

Author: kchobantonov

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

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}`"

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"

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,

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',

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;