@koumoul/vjsf 3.3.2 → 3.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest",
@@ -70,7 +70,7 @@
     "vuetify": "^3.6.13"
   },
   "dependencies": {
-    "@json-layout/core": "1.0.0",
+    "@json-layout/core": "~1.1.0",
     "@vueuse/core": "^10.5.0",
     "debug": "^4.3.4"
   },

package/src/components/fragments/text-field-menu.vue

@@ -37,10 +37,12 @@ const fieldProps = computed(() => {
 })
 
 const menuProps = computed(() => {
-  const menuProps = { ...compProps.value }
-  menuProps.closeOnContentClick = false
-  menuProps.disabled = true
-  return menuProps
+  return {
+    ...compProps.value,
+    zIndex: 3000, // vuetify zIndex stacking is buggy (for example https://github.com/vuetifyjs/vuetify/issues/16251)
+    closeOnContentClick: false,
+    disabled: true
+  }
 })
 
 const textField = ref(null)

package/src/components/nodes/combobox.vue

@@ -28,7 +28,12 @@ export default defineComponent({
     const fieldProps = computed(() => {
       const fieldProps = { ...inputProps.value }
       fieldProps.returnObject = false
-      if (options.value.readOnly) fieldProps.menuProps = { modelValue: false }
+      if (options.value.readOnly) {
+        fieldProps.menuProps = { modelValue: false }
+      } else {
+        // vuetify zIndex stacking is buggy (for example https://github.com/vuetifyjs/vuetify/issues/16251)
+        fieldProps.menuProps = { zIndex: 3000 }
+      }
       if (getItems.hasItems.value) {
         fieldProps.items = getItems.items.value
         fieldProps.loading = getItems.loading.value

package/src/components/nodes/date-time-picker.vue

@@ -2,6 +2,7 @@
 import TextFieldMenu from '../fragments/text-field-menu.vue'
 import { VDatePicker } from 'vuetify/components/VDatePicker'
 import { VTimePicker } from 'vuetify/labs/VTimePicker'
+import { VDefaultsProvider } from 'vuetify/components/VDefaultsProvider'
 import { VTabs, VTab, VTabsWindow, VTabsWindowItem } from 'vuetify/components/VTabs'
 import { VIcon } from 'vuetify/components/VIcon'
 import { VSheet } from 'vuetify/components/VSheet'
@@ -95,7 +96,9 @@ const timePickerProps = computed(() => {
           <v-date-picker v-bind="datePickerProps" />
         </v-tabs-window-item>
         <v-tabs-window-item value="time">
-          <v-time-picker v-bind="timePickerProps" />
+          <v-defaults-provider :defaults="{global: { density: 'default' }}">
+            <v-time-picker v-bind="timePickerProps" />
+          </v-defaults-provider>
         </v-tabs-window-item>
       </v-tabs-window>
     </v-sheet>

package/src/components/nodes/number-combobox.vue

@@ -29,7 +29,12 @@ export default defineComponent({
       const fieldProps = { ...inputProps.value }
       fieldProps.type = 'number'
       fieldProps.returnObject = false
-      if (options.value.readOnly) fieldProps.menuProps = { modelValue: false }
+      if (options.value.readOnly) {
+        fieldProps.menuProps = { modelValue: false }
+      } else {
+        // vuetify zIndex stacking is buggy (for example https://github.com/vuetifyjs/vuetify/issues/16251)
+        fieldProps.menuProps = { zIndex: 3000 }
+      }
       if (getItems.hasItems.value) {
         fieldProps.items = getItems.items.value
         fieldProps.loading = getItems.loading.value

package/src/components/nodes/time-picker.vue

@@ -2,6 +2,7 @@
 import TextFieldMenu from '../fragments/text-field-menu.vue'
 import { VTimePicker } from 'vuetify/labs/VTimePicker'
 import { VIcon } from 'vuetify/components/VIcon'
+import { VDefaultsProvider } from 'vuetify/components/VDefaultsProvider'
 import { useDate, useDefaults } from 'vuetify'
 import { computed, toRef } from 'vue'
 import { getShortTime, getLongTime } from '../../utils/dates.js'
@@ -43,9 +44,11 @@ const timePickerProps = computed(() => {
     <template #prepend-inner>
       <v-icon :icon="statefulLayout.options.icons.clock" />
     </template>
-    <v-time-picker
-      v-bind="timePickerProps"
-      @update:model-value="value => {statefulLayout.input(props.modelValue, value && getLongTime(value))}"
-    />
+    <v-defaults-provider :defaults="{global: { density: 'default' }}">
+      <v-time-picker
+        v-bind="timePickerProps"
+        @update:model-value="value => {statefulLayout.input(props.modelValue, value && getLongTime(value))}"
+      />
+    </v-defaults-provider>
   </text-field-menu>
 </template>

package/src/composables/use-select-node.js

@@ -18,7 +18,12 @@ export default function (nodeRef, statefulLayout) {
   const selectProps = computed(() => {
     const props = { ...inputProps.value }
 
-    if (options.value.readOnly) props.menuProps = { modelValue: false }
+    if (options.value.readOnly) {
+      props.menuProps = { modelValue: false }
+    } else {
+      // vuetify zIndex stacking is buggy (for example https://github.com/vuetifyjs/vuetify/issues/16251)
+      props.menuProps = { zIndex: 3000 }
+    }
     props.clearable = props.clearable ?? !skeleton.value.required
     props.valueComparator = (/** @type {any} */a, /** @type {any} */b) => {
       const aKey = typeof a === 'object' ? statefulLayout.prepareSelectItem(nodeRef.value, a).key : a

package/types/components/fragments/child-subtitle.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<any, {
-    modelValue: import("../../../../node_modules/@json-layout/core/types/state/types.js").StateNode;
+    modelValue: import("../../../node_modules/@json-layout/core/types/state/types.js").StateNode;
     $props: {
-        modelValue?: import("../../../../node_modules/@json-layout/core/types/state/types.js").StateNode | undefined;
+        modelValue?: import("../../../node_modules/@json-layout/core/types/state/types.js").StateNode | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/fragments/select-item.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<any, {
     multiple: boolean;
-    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
+    item: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     itemProps: Record<string, any>;
     $props: {
         readonly multiple?: boolean | undefined;
-        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
+        readonly item?: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
         readonly itemProps?: Record<string, any> | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/fragments/select-selection.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<any, {
     multiple: boolean;
-    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
+    item: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     last: boolean;
     $props: {
         readonly multiple?: boolean | undefined;
-        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
+        readonly item?: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
         readonly last?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/fragments/text-field-menu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field-menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/text-field-menu.vue.js"],"names":[],"mappings":";;;;;;;;;;6BA8IsC,GAAG;;;QACX,GAAG"}
+{"version":3,"file":"text-field-menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fragments/text-field-menu.vue.js"],"names":[],"mappings":";;;;;;;;;;6BAgJsC,GAAG;;;QACX,GAAG"}

package/types/components/tree.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<any, {
-    modelValue: import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree;
+    modelValue: import("../../node_modules/@json-layout/core/types/state/types.js").StateTree;
     statefulLayout: import("../types.js").VjsfStatefulLayout;
     $props: {
-        readonly modelValue?: import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree | undefined;
+        readonly modelValue?: import("../../node_modules/@json-layout/core/types/state/types.js").StateTree | undefined;
         readonly statefulLayout?: import("../types.js").VjsfStatefulLayout | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/vjsf.vue.d.ts

@@ -3,12 +3,12 @@ declare const _default: import("vue").DefineComponent<any, {
     options: Partial<Omit<import("../types.js").VjsfOptions, "onData" | "onUpdate" | "onAutofocus" | "width" | "vjsfSlots">> | null;
     modelValue: any;
     schema: Record<string, any>;
-    precompiledLayout: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout;
+    precompiledLayout: import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout;
     $props: {
         readonly options?: Partial<Omit<import("../types.js").VjsfOptions, "onData" | "onUpdate" | "onAutofocus" | "width" | "vjsfSlots">> | null | undefined;
         readonly modelValue?: any;
         readonly schema?: Record<string, any> | undefined;
-        readonly precompiledLayout?: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout | undefined;
+        readonly precompiledLayout?: import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/composables/use-get-items.d.ts

@@ -4,7 +4,7 @@
  */
 export default function _default(nodeRef: import('vue').Ref<import('../types.js').VjsfNode>, statefulLayout: import('../types.js').VjsfStatefulLayout): {
     hasItems: import("vue").ComputedRef<boolean>;
-    items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+    items: import("vue").Ref<import("../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
     loading: import("vue").Ref<boolean, boolean>;
     search: import("vue").Ref<string, string>;
     prepareSelectedItem: (selectedItem: any, itemValue: any) => any;

package/types/composables/use-node.d.ts

@@ -24,9 +24,9 @@ export default function _default(nodeRef: import('vue').Ref<import('../types.js'
     }>;
     compSlots: import("vue").ComputedRef<Record<string, any>>;
     options: import("vue").ComputedRef<Required<import("../types.js").VjsfOptions>>;
-    skeleton: import("vue").ComputedRef<import("../../../node_modules/@json-layout/core/types/compile/types.js").SkeletonNode>;
-    layout: import("vue").ComputedRef<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").BaseCompObject>;
+    skeleton: import("vue").ComputedRef<import("../../node_modules/@json-layout/core/types/compile/types.js").SkeletonNode>;
+    layout: import("vue").ComputedRef<import("../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").BaseCompObject>;
     data: import("vue").ComputedRef<unknown>;
-    children: import("vue").ComputedRef<import("../../../node_modules/@json-layout/core/types/state/types.js").StateNode[] | undefined>;
+    children: import("vue").ComputedRef<import("../../node_modules/@json-layout/core/types/state/types.js").StateNode[] | undefined>;
 };
 //# sourceMappingURL=use-node.d.ts.map

package/types/composables/use-select-node.d.ts

@@ -18,7 +18,7 @@ export default function _default(nodeRef: import('vue').Ref<import('../types.js'
     }>;
     getItems: {
         hasItems: import("vue").ComputedRef<boolean>;
-        items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+        items: import("vue").Ref<import("../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
         loading: import("vue").Ref<boolean, boolean>;
         search: import("vue").Ref<string, string>;
         prepareSelectedItem: (selectedItem: any, itemValue: any) => any;

package/types/composables/use-select-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-select-node.d.ts","sourceRoot":"","sources":["../../src/composables/use-select-node.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,0CAHW,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,cAAc,CAAC,kBACvD,OAAO,aAAa,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyDlD"}
+{"version":3,"file":"use-select-node.d.ts","sourceRoot":"","sources":["../../src/composables/use-select-node.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,0CAHW,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,cAAc,CAAC,kBACvD,OAAO,aAAa,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;EA8DlD"}

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

@@ -8,9 +8,9 @@ export const emits: {
     */
     'update:state': (state: import('../types.js').VjsfStatefulLayout) => boolean;
 };
-export function useVjsf(schema: import('vue').Ref<Object>, modelValue: import('vue').Ref<any>, options: import('vue').Ref<import("../types.js").PartialVjsfOptions | null>, nodeComponents: Record<string, import('vue').Component>, emit: any, compile?: typeof import("@json-layout/core").compile | undefined, precompiledLayout?: import("vue").Ref<import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout, import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout> | undefined): {
+export function useVjsf(schema: import('vue').Ref<Object>, modelValue: import('vue').Ref<any>, options: import('vue').Ref<import("../types.js").PartialVjsfOptions | null>, nodeComponents: Record<string, import('vue').Component>, emit: any, compile?: typeof import("@json-layout/core").compile | undefined, precompiledLayout?: import("vue").Ref<import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout, import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout> | undefined): {
     el: import("vue").Ref<null, null>;
     statefulLayout: import("vue").ShallowRef<import("../types.js").VjsfStatefulLayout | null>;
-    stateTree: import("vue").ShallowRef<import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree | null>;
+    stateTree: import("vue").ShallowRef<import("../../node_modules/@json-layout/core/types/state/types.js").StateTree | null>;
 };
 //# sourceMappingURL=use-vjsf.d.ts.map