@koumoul/vjsf 4.2.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test-tz1": "TZ=Europe/Paris vitest run",
@@ -78,8 +78,8 @@
     "vuetify": "^4.0.0"
   },
   "dependencies": {
-    "@json-layout/core": "~2.6.0",
-    "@json-layout/vocabulary": "~2.12.0",
+    "@json-layout/core": "~2.7.0",
+    "@json-layout/vocabulary": "~2.13.0",
     "@vueuse/core": "^12.5.0",
     "debug": "^4.3.4"
   },

package/src/components/nodes/one-of-select.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { VRow, VCol } from 'vuetify/components/VGrid'
 import { VSelect } from 'vuetify/components/VSelect'
+import { VAutocomplete } from 'vuetify/components/VAutocomplete'
 import { ref, watch, computed, toRef } from 'vue'
 import { isSection } from '@json-layout/core/state'
 import { isCompObject, isOneOfItemHeader, isOneOfItemChild } from '@json-layout/vocabulary'
@@ -32,6 +33,7 @@ const { inputProps, localData, skeleton, children } = useNode(
   toRef(props, 'modelValue'), props.statefulLayout, { bindData: false }
 )
 const zIndex = useZIndexStack(props.modelValue.fullKey)
+const isAutocomplete = computed(() => !!props.modelValue.layout.autocomplete)
 
 /** @type import('vue').Ref<string | undefined> */
 const activeChildTree = ref(undefined)
@@ -45,9 +47,10 @@ watch(() => children.value?.[0]?.key, () => {
   }
 }, { immediate: true })
 
-const onChange = (/** @type {string} */childTree) => {
+const onChange = (/** @type {string | null} */childTree) => {
   if (!skeleton.value.childrenTrees) return
-  props.statefulLayout.activateItem(props.modelValue, skeleton.value.childrenTrees.indexOf(childTree))
+  const index = childTree == null ? -1 : skeleton.value.childrenTrees.indexOf(childTree)
+  props.statefulLayout.activateItem(props.modelValue, index)
 }
 
 const fieldProps = computed(() => {
@@ -83,7 +86,8 @@ const fieldProps = computed(() => {
       v-if="modelValue.skeleton.childrenTrees"
       cols="12"
     >
-      <v-select
+      <component
+        :is="isAutocomplete ? VAutocomplete : VSelect"
         v-bind="fieldProps"
         :model-value="activeChildTree"
       >
@@ -112,7 +116,7 @@ const fieldProps = computed(() => {
             </template>
           </v-list-item>
         </template>
-      </v-select>
+      </component>
     </v-col>
     <template v-if="modelValue.children?.[0]">
       <node

package/src/composables/use-vjsf.js

@@ -67,6 +67,7 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
   // cf https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts
   /** @type {any | null} */
   const form = inject(Symbol.for('vuetify:form'), null)
+  const parentVjsf = inject(Symbol.for('vjsf:form'), false)
   const formMemberId = `vjsf-${Math.random().toString(36).substring(2, 9)}`
   if (form) {
     form.register({
@@ -79,7 +80,7 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
       resetValidation: () => statefulLayout.value?.resetValidation(),
       vm: getCurrentInstance()
     })
-  } else {
+  } else if (!parentVjsf) {
     console.warn('Vjsf should be wrapped in VForm')
   }
 
@@ -88,6 +89,7 @@ export const useVjsf = (schema, modelValue, options, nodeComponents, emit, compi
   // registers as a single form member above. Without this, each VInput registers
   // separately, causing VForm to cascade updates to all N fields on every keystroke.
   provide(Symbol.for('vuetify:form'), null)
+  provide(Symbol.for('vjsf:form'), true)
 
   const slots = useSlots()
 

package/types/components/nodes/one-of-select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"one-of-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/one-of-select.vue"],"names":[],"mappings":"wBA2XqB,OAAO,YAAY;;AAdxC;;QAGI,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,mBAAmB,CAAC;;;;QAK9E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;QAL7E,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,mBAAmB,CAAC;;;;QAK9E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;6IAK9E"}
+{"version":3,"file":"one-of-select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/one-of-select.vue"],"names":[],"mappings":"wBAkYqB,OAAO,YAAY;;AAdxC;;QAGI,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,mBAAmB,CAAC;;;;QAK9E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;;;QAL7E,iFAAiF;cAAvE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,mBAAmB,CAAC;;;;QAK9E,gFAAgF;cAAtE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,gBAAgB,EAAE,kBAAkB,CAAC;;;6IAK9E"}

package/types/composables/use-vjsf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAcA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAiBM,gCAdI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG,YACH,cAAc,2BAA2B,EAAE,OAAO,0BAClD,cAAc,2BAA2B,EAAE,qBAAqB,sBAChE,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC,GAC3D;IACV,EAAE,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IAC5B,cAAc,EAAE,OAAO,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC1F,SAAS,EAAE,OAAO,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,EAAE,SAAS,GAAG,IAAI,CAAC,CAAA;CAChF,CAuKH"}
+{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAcA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAiBM,gCAdI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG,YACH,cAAc,2BAA2B,EAAE,OAAO,0BAClD,cAAc,2BAA2B,EAAE,qBAAqB,sBAChE,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC,GAC3D;IACV,EAAE,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IAC5B,cAAc,EAAE,OAAO,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,CAAC;IAC1F,SAAS,EAAE,OAAO,KAAK,EAAE,UAAU,CAAC,OAAO,mBAAmB,EAAE,SAAS,GAAG,IAAI,CAAC,CAAA;CAChF,CAyKH"}