feat: enhance role schema descriptions and update clearable property in input components

Author: tacxou

apps/web/src/composables/useRolesSchema.ts

@@ -35,10 +35,12 @@ export default function useRolesSchema() {
           "type": "object",
           "properties": {
             "resource": {
-              "type": "string"
+              "type": "string",
+              "description": "Ressource à accéder (ex: /core/roles)"
             },
             "action": {
               "type": "array",
+              "description": "Actions autorisées sur la ressource",
               "items": {
                 "type": "string",
                 "enum": AC_ACTIONS

apps/web/src/jsonforms/controls/acl.vue

@@ -19,7 +19,7 @@
       :hide-hint="persistentHint()"
       :error="control.errors !== ''"
       :error-message="control.errors"
-      :clearable="isClearable"
+      :_clearable="isClearable"
       option-label="label"
       option-value="key"
       emit-value
@@ -66,7 +66,7 @@ import { type ControlElement } from '@jsonforms/core'
 import { rendererProps, useJsonFormsControl, type RendererProps } from '@jsonforms/vue'
 import { QSelect } from 'quasar'
 import { computed, defineComponent } from 'vue'
-import { ControlWrapper } from '../common'
+import { ControlWrapper, FieldAddons } from '../common'
 import { useQuasarControl } from '../utils'
 
 type AclOption = {
@@ -92,6 +92,7 @@ const controlRenderer = defineComponent({
   components: {
     ControlWrapper,
     QSelect,
+    FieldAddons,
   },
   props: {
     ...rendererProps<ControlElement>(),

apps/web/src/jsonforms/controls/input.vue

@@ -28,7 +28,7 @@
       :hide-bottom-space="!!control.description"
       :maxlength="maxLength"
       :counter="counter"
-      :clearable="isClearable"
+      :_clearable="isClearable"
       :debounce="100"
       outlined
       stack-label