use isControlEditable

Author: kchobantonov

packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue

@@ -27,8 +27,7 @@
                 :class="styles.listWithDetail.addButton"
                 @click="addButtonClick"
                 :disabled="
-                  !control.enabled ||
-                  control.readonly ||
+                  !isControlEditable(control) ||
                   (appliedOptions.restrict &&
                     control.arraySchema !== undefined &&
                     control.arraySchema.maxItems !== undefined &&
@@ -127,8 +126,7 @@
                         :aria-label="control.translations.downAriaLabel"
                         :disabled="
                           index >= dataLength - 1 ||
-                          !control.enabled ||
-                          control.readonly
+                          !isControlEditable(control)
                         "
                         :class="styles.listWithDetail.itemMoveDown"
                         @click="moveDownClick($event, index)"
@@ -153,8 +151,7 @@
                         :class="styles.listWithDetail.itemDelete"
                         @click="removeItemsClick($event, [index])"
                         :disabled="
-                          !control.enabled ||
-                          control.readonly ||
+                          !isControlEditable(control) ||
                           (appliedOptions.restrict &&
                             control.arraySchema !== undefined &&
                             control.arraySchema.minItems !== undefined &&

packages/vue-vuetify/src/complex/ArrayControlRenderer.vue

@@ -33,8 +33,7 @@
               v-bind="props"
               :class="styles.arrayList.addButton"
               :disabled="
-                !control.enabled ||
-                control.readonly ||
+                !isControlEditable(control) ||
                 (appliedOptions.restrict &&
                   control.arraySchema !== undefined &&
                   control.arraySchema.maxItems !== undefined &&
@@ -145,8 +144,7 @@
                         :aria-label="control.translations.downAriaLabel"
                         :disabled="
                           index >= dataLength - 1 ||
-                          !control.enabled ||
-                          control.readonly
+                          !isControlEditable(control)
                         "
                         :class="styles.arrayList.itemMoveDown"
                         @click="moveDownClick($event, index)"
@@ -169,8 +167,7 @@
                         :aria-label="control.translations.removeAriaLabel"
                         :class="styles.arrayList.itemDelete"
                         :disabled="
-                          !control.enabled ||
-                          control.readonly ||
+                          !isControlEditable(control) ||
                           (appliedOptions.restrict &&
                             control.arraySchema !== undefined &&
                             control.arraySchema.minItems !== undefined &&

packages/vue-vuetify/src/complex/OneOfRenderer.vue

@@ -104,7 +104,6 @@ import {
 } from 'vuetify/components';
 import { DisabledIconFocus } from '../controls/directives';
 import {
-  isControlEditable,
   useCombinatorTranslations,
   useTranslator,
   useVuetifyControl,

packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue

@@ -149,8 +149,7 @@
                             :aria-label="control.translations.downAriaLabel"
                             :disabled="
                               index >= dataLength - 1 ||
-                              !control.enabled ||
-                              control.readonly
+                              !isControlEditable(control)
                             "
                             :class="styles.arrayList.itemMoveDown"
                             @click="moveDownClick($event, index)"
@@ -176,8 +175,7 @@
                             :aria-label="control.translations.removeAriaLabel"
                             :class="styles.arrayList.itemDelete"
                             :disabled="
-                              !control.enabled ||
-                              control.readonly ||
+                              !isControlEditable(control) ||
                               (appliedOptions.restrict &&
                                 control.arraySchema !== undefined &&
                                 control.arraySchema.minItems !== undefined &&