@koumoul/vjsf 3.20.4 → 3.20.6

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.20.4",
+  "version": "3.20.6",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
-    "test": "vitest run",
-    "test-watch": "vitest",
+    "test-tz1": "TZ=Europe/Paris vitest run",
+    "test-tz2": "TZ=America/Sao_Paulo vitest run",
+    "test-watch": "TZ=Europe/Paris vitest",
     "build": "vue-tsc",
     "watch:build": "vue-tsc --watch",
     "prepublishOnly": "npm run build && cp ../README.md README.md && cp ../LICENSE LICENSE"
@@ -71,7 +72,7 @@
     "vuetify": "^3.8.12"
   },
   "dependencies": {
-    "@json-layout/core": "~1.15.0",
+    "@json-layout/core": "~2.0.0",
     "@json-layout/vocabulary": "~2.8.0",
     "@vueuse/core": "^12.5.0",
     "debug": "^4.3.4"

package/src/compat/v2.js

@@ -161,9 +161,8 @@ const processFragment = (schema, getJSONRef, schemaId, processed) => {
       layout.if = '!summary'
     }
 
-    if (schema.type === 'array' && schema.items && !layout.getItems) {
-      if (!Array.isArray(schema.items)) {
-        layout.comp = layout.comp ?? 'list'
+    if (schema.type === 'array' && schema.items && !layout.getItems && !Array.isArray(schema.items)) {
+      if (!layout.comp || layout.comp === 'list') {
         if (schema['x-itemTitle']) layout.itemTitle = `data["${schema['x-itemTitle']}"]`
         else {
           // vjsf 2 implicitly used a title property as an item title in lists

package/src/components/nodes/card.vue

@@ -23,7 +23,7 @@ defineProps({
 </script>
 
 <template>
-  <v-card :title="modelValue.layout.title ?? ''">
+  <v-card :title="modelValue.layout.title || undefined">
     <v-container fluid>
       <section-header
         :node="modelValue"

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

@@ -5,7 +5,7 @@ import { VDatePicker } from 'vuetify/components/VDatePicker'
 import { useDefaults } from 'vuetify'
 import { computed, ref, toRef, watch } from 'vue'
 import Debug from 'debug'
-import { getDateTimeParts, getDateTimeWithOffset, localeKeyboardFormat } from '../../utils/dates.js'
+import { getDateTime, getDateTimeParts, getDateTimeWithOffset, localeKeyboardFormat } from '../../utils/dates.js'
 import useNode from '../../composables/use-node.js'
 import useCompDefaults from '../../composables/use-comp-defaults.js'
 
@@ -33,7 +33,6 @@ const { compProps, localData } = useNode(toRef(props, 'modelValue'), props.state
 
 const updateValue = (/** @type {Date | null} */value) => {
   if (!value) return
-
   const isoValue = props.modelValue.layout.format === 'date-time'
     ? getDateTimeWithOffset(value)
     : getDateTimeParts(/** @type Date */(/** @type unknown */(value)))[0]
@@ -44,11 +43,18 @@ const updateValue = (/** @type {Date | null} */value) => {
   }
 }
 
+const localDateTime = computed(() => {
+  if (!localData.value) return null
+  return props.modelValue.layout.format === 'date-time'
+    ? new Date(/** @type {string} */(localData.value))
+    : new Date(getDateTime([localData.value, '00:00:00']))
+})
+
 const datePickerProps = computed(() => {
   /** @type Record<String, any> */
   const datePickerProps = { ...datePickerDefaults.value, ...compProps.value }
   datePickerProps.hideActions = true
-  if (localData.value) datePickerProps.modelValue = new Date(/** @type {string} */(localData.value))
+  if (localDateTime.value) datePickerProps.modelValue = localDateTime.value
   datePickerProps['onUpdate:modelValue'] = (/** @type {Date} */value) => {
     updateValue(value)
   }
@@ -58,9 +64,13 @@ const datePickerProps = computed(() => {
 /** @type {import('vue').Ref<string | null>} */
 const formattedValue = ref('')
 const setFormattedValue = () => {
-  formattedValue.value = localData.value ? localeKeyboardFormat(props.modelValue.options.locale).format(new Date(localData.value)) : null
+  if (localDateTime.value) {
+    formattedValue.value = localeKeyboardFormat(props.modelValue.options.locale).format(localDateTime.value)
+  } else {
+    formattedValue.value = null
+  }
 }
-watch(localData, setFormattedValue, { immediate: true })
+watch(localDateTime, setFormattedValue, { immediate: true })
 const updateFormattedValue = () => {
   if (formattedValue.value) {
     const newValue = localeKeyboardFormat(props.modelValue.options.locale).parse(formattedValue.value)

package/src/components/nodes/list.vue

@@ -24,7 +24,7 @@ import useZIndexStack from '../../composables/use-z-index-stack.js'
 
 useDefaults({}, 'VjsfList')
 const vCardProps = useCompDefaults('VjsfList-VCard', { border: true, flat: true, tile: true })
-const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500 })
+const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500, persistent: true })
 const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', { width: 500 })
 const theme = useTheme()
 

package/src/styles/vjsf.css

@@ -17,6 +17,9 @@
 .vjsf-input--readonly.v-input--disabled .v-field__clearable {
   display: none;
 }
+.vjsf-input--readonly.v-input--disabled.v-number-input .v-field__append-inner {
+  display: none;
+}
 .vjsf-node.vjsf-has-help {
   padding-right: 28px!important;
 }

package/types/compat/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAuOA;;;;;;GAMG;AACH,kCALW,MAAM,2CAEN,MAAM,0BAoBhB;sBA/PqB,KAAK"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAsOA;;;;;;GAMG;AACH,kCALW,MAAM,2CAEN,MAAM,0BAoBhB;sBA9PqB,KAAK"}