@live-change/frontend-auto-form 0.9.201 → 0.9.203

package/front/src/components/form/Calendar.vue

@@ -10,11 +10,6 @@
   const model = defineModel({
   })
 
-  const convertedDate = computed({ // convert from iso to Date
-    get: () => model.value ? new Date(model.value) : null,
-    set: val => model.value = val ? new Date(val) : null
-  })
-
   const props = defineProps({
     selectionMode: {
       type: String,
@@ -256,6 +251,11 @@
   })
 
 
+  const convertedDate = computed({ // convert from iso to Date
+    get: () => model.value ? new Date(model.value) : null,
+    set: val => model.value = val ? (props.showTime ? new Date(val).toISOString() : `${val.getFullYear()}-${(val.getMonth()+1).toString().padStart(2, '0')}-${val.getDate().toString().padStart(2, '0')}`) : null
+  })
+
 </script>
 
 <style scoped>

package/front/src/components/form/provideAutoInputConfiguration.js

@@ -24,6 +24,7 @@ types.Array = inputs.list = inputConfig(() => import('./ArrayInput.vue'), {
 })
 
 types.Date = inputs.datetime = inputConfig(() => import('./Calendar.vue'), { attributes: { showTime: true } })
+inputs.date = inputConfig(() => import('./Calendar.vue'), { attributes: { showTime: false } })
 
 inputs.select = inputConfig(() => import('primevue/dropdown'), {
   attributes: (config) => {

package/front/src/logic/actionData.js

@@ -5,7 +5,7 @@ import { synchronized, defaultData } from '@live-change/vue3-components'
 
 import { propertiesValidationErrors } from './validation.js'
 
-import { cyrb128 } from './utils.js'
+import { cyrb128, deepUnref } from './utils.js'
 import deepmerge from 'deepmerge'
 
 export default async function actionData(options) {
@@ -97,7 +97,7 @@ export default async function actionData(options) {
   let commandPromise = null
   const submitting = ref(false)
   async function submitData(data){
-    const requestData = JSON.parse(JSON.stringify({ ...data, ...parameters }))
+    const requestData = JSON.parse(JSON.stringify({ ...data, ...deepUnref(parameters) }))
     if(commandPromise) await commandPromise // wait for previous save
     submitting.value = true
     commandPromise = (async () => {

package/front/src/logic/editorData.js

@@ -1,13 +1,13 @@
 import { useToast } from 'primevue/usetoast'
 import { usePath, live, useApi } from '@live-change/vue3-ssr'
-import { ref, computed, inject, watch, getCurrentInstance } from 'vue'
+import { ref, computed, inject, watch, getCurrentInstance, unref } from 'vue'
 import { synchronized, defaultData } from '@live-change/vue3-components'
 
 import deepmerge from 'deepmerge';
 
 import { propertiesValidationErrors } from './validation.js'
 
-import { cyrb128 } from './utils.js'
+import { cyrb128, deepUnref } from './utils.js'
 
 export default function editorData(options) {
   if(!options) throw new Error('options must be provided')
@@ -141,7 +141,7 @@ export default function editorData(options) {
         ...(updateDataProperty ? { [updateDataProperty]: data } : data),
         ...savedIdentifiers,        
         ...identifiers,
-        ...parameters,
+        ...deepUnref(parameters),
       }    
       if(savePromise) await savePromise // wait for previous save
       saving.value = true

package/front/src/logic/utils.js

@@ -18,3 +18,28 @@ export function cyrb128(str) {
   const data8 = new Uint8Array(data.buffer, data.byteOffset, data.byteLength)
   return btoa(String.fromCharCode(...data8))
 }
+
+import {
+  unref,
+  isRef,
+  isReactive,
+  isProxy,
+} from 'vue'
+
+export function deepUnref(sourceObj) {
+  const objectIterator = (input) => {
+    if (Array.isArray(input)) {
+      return input.map((item) => objectIterator(item));
+    } if (isRef(input) || isReactive(input) || isProxy(input)) {
+      return objectIterator(unref(input));
+    } if (input && typeof input === 'object') {
+      return Object.keys(input).reduce((acc, key) => {
+        acc[key] = objectIterator(input[key]);
+        return acc;
+      }, {});
+    }
+    return input;
+  };
+
+  return objectIterator(sourceObj);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-auto-form",
-  "version": "0.9.201",
+  "version": "0.9.203",
   "scripts": {
     "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -22,16 +22,16 @@
   "type": "module",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
-    "@live-change/cli": "^0.9.201",
-    "@live-change/dao": "^0.9.201",
-    "@live-change/dao-vue3": "^0.9.201",
-    "@live-change/dao-websocket": "^0.9.201",
-    "@live-change/framework": "^0.9.201",
-    "@live-change/image-frontend": "^0.9.201",
-    "@live-change/image-service": "^0.9.201",
-    "@live-change/session-service": "^0.9.201",
-    "@live-change/vue3-components": "^0.9.201",
-    "@live-change/vue3-ssr": "^0.9.201",
+    "@live-change/cli": "^0.9.203",
+    "@live-change/dao": "^0.9.203",
+    "@live-change/dao-vue3": "^0.9.203",
+    "@live-change/dao-websocket": "^0.9.203",
+    "@live-change/framework": "^0.9.203",
+    "@live-change/image-frontend": "^0.9.203",
+    "@live-change/image-service": "^0.9.203",
+    "@live-change/session-service": "^0.9.203",
+    "@live-change/vue3-components": "^0.9.203",
+    "@live-change/vue3-ssr": "^0.9.203",
     "@vueuse/core": "^12.3.0",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.5",
@@ -52,7 +52,7 @@
     "vue3-scroll-border": "0.1.7"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.9.201",
+    "@live-change/codeceptjs-helper": "^0.9.203",
     "codeceptjs": "^3.7.6",
     "generate-password": "1.7.1",
     "playwright": "1.49.1",
@@ -63,5 +63,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "ISC",
   "description": "",
-  "gitHead": "c9d7d6987de61d4f4cfa04e583b94150ade7c7bf"
+  "gitHead": "4d4ce413fe747da2c398eb4ad378e37cc81874b3"
 }