@live-change/frontend-auto-form 0.8.107 → 0.8.108

package/{ArrayInput.vue → components/ArrayInput.vue}

@@ -66,7 +66,7 @@
   import Button from "primevue/button";
   import AutoInput from "./AutoInput.vue"
 
-  import { inputs, types } from './config.js'
+  import { inputs, types } from '../config.js'
   import { computed, getCurrentInstance, toRefs } from 'vue'
 
   const props = defineProps({

package/{AutoField.vue → components/AutoField.vue}

@@ -2,8 +2,10 @@
   <component v-if="fieldComponent && visible" :is="fieldComponent" v-bind="attributes"
              @update:modelValue="value => emit('update:modelValue', value)" :i18n="i18n" />
   <div v-else-if="visible" class="field" :class="fieldClass" :style="fieldStyle">
-    <label :for="uid">{{ t( label ) }}</label>
-    <slot>
+    <slot name="label" v-bind="{ validationResult, uid }">
+      <label :for="uid">{{ t( label ) }}</label>
+    </slot>
+    <slot v-bind="{ validationResult, uid }">
       <auto-input :modelValue="modelValue" :definition="definition"
                   :class="props.inputClass" :style="props.inputStyle"
                   :attributes="props.inputAttributes"
@@ -14,11 +16,13 @@
                   :i18n="i18n" />
     </slot>
     <div>
-      <small v-if="validationResult" class="p-error mt-1">
-        {{ (typeof validationResult === 'object')
-             ? t( 'errors.' + validationResult.error, validationResult.validator )
-             : t( 'errors.' + validationResult ) }}
-      </small>
+      <slot name="error"  v-bind="{ validationResult, uid }" >
+        <small v-if="validationResult" class="p-error mt-1">
+          {{ (typeof validationResult === 'object')
+               ? t( 'errors.' + validationResult.error, validationResult.validator )
+               : t( 'errors.' + validationResult ) }}
+        </small>
+      </slot>
       <small v-if="maxLengthValidation || minLengthValidation" style="float: right" class="mt-1"
              :class="{
                'p-error': (maxLengthValidation && props.modelValue?.length
@@ -40,7 +44,7 @@
 
   import AutoInput from "./AutoInput.vue"
 
-  import { inputs, types } from './config.js'
+  import { inputs, types } from '../config.js'
   import { computed, getCurrentInstance, inject, toRefs, onMounted, ref } from 'vue'
 
   const isMounted = ref(false)
@@ -86,6 +90,10 @@
     i18n: {
       type: String,
       default: ''
+    },
+    ignoreFieldComponent: {
+      type: Boolean,
+      default: false
     }
   })
 
@@ -180,7 +188,7 @@
     propName: props.propName,
   }))
 
-  const fieldComponent = computed(() => inputConfig.value?.fieldComponent)
+  const fieldComponent = computed(() => props.ignoreFieldComponent ? null : inputConfig.value?.fieldComponent)
 
 
 </script>

package/{AutoInput.vue → components/AutoInput.vue}

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-  import { inputs, types } from './config.js'
+  import { inputs, types } from '../config.js'
   import { computed, inject, toRefs } from 'vue'
   import deepmerge from 'deepmerge';
 

package/{GroupField.vue → components/GroupField.vue}

@@ -13,7 +13,7 @@
 
 <script setup>
   import AutoInput from "./AutoInput.vue"
-  import { inputs, types } from "./config";
+  import { inputs, types } from "../config.js";
   import { computed, inject, toRefs, getCurrentInstance } from 'vue'
 
   import { useI18n } from 'vue-i18n'

package/config.js

@@ -25,15 +25,15 @@ const number = input(() => import('primevue/inputnumber'))
 inputs.integer = number
 types.Number = inputs.decimal = number.with({ attributes: { mode: 'decimal' } })
 
-types.Object = inputs.object = input(() => import('./AutoEditor.vue'), {
-  fieldComponent: defineAsyncComponent(() => import('./GroupField.vue'))
+types.Object = inputs.object = input(() => import('./components/AutoEditor.vue'), {
+  fieldComponent: defineAsyncComponent(() => import('./components/GroupField.vue'))
 })
 
-types.Array = inputs.list = input(() => import('./ArrayInput.vue'), {
-  fieldComponent: defineAsyncComponent(() => import('./GroupField.vue'))
+types.Array = inputs.list = input(() => import('./components/ArrayInput.vue'), {
+  fieldComponent: defineAsyncComponent(() => import('./components/GroupField.vue'))
 })
 
-types.Date = inputs.datetime = input(() => import('./Calendar.vue'), { attributes: { showTime: true } })
+types.Date = inputs.datetime = input(() => import('./components/Calendar.vue'), { attributes: { showTime: true } })
 
 inputs.select = input(() => import('primevue/dropdown'), {
   attributes: (config) => {

package/index.js

@@ -1,6 +1,6 @@
-import AutoInput from './AutoInput.vue'
-import AutoField from './AutoField.vue'
-import AutoEditor from './AutoEditor.vue'
+import AutoInput from './components/AutoInput.vue'
+import AutoField from './components/AutoField.vue'
+import AutoEditor from './components/AutoEditor.vue'
 
 export { AutoInput, AutoField, AutoEditor }
 

package/locales/en.json

@@ -4,7 +4,7 @@
     "empty": "This field is required.",
     "tooShort": "Too short, minimum {length} characters.",
     "tooLong": "Too long, maximum {length} characters.",
-    "wrongUrl": "Invalid URL. Acceptable url formats: http://example.com or www.example.com"
+    "wrongUrl": "Invalid URL. Acceptable url formats: https://example.com or www.example.com"
   },
   "info": {
     "minLength": "Minimum length - {minLength} characters.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/frontend-auto-form",
-  "version": "0.8.107",
+  "version": "0.8.108",
   "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.5.2",
-    "@live-change/cli": "^0.8.107",
-    "@live-change/dao": "^0.8.107",
-    "@live-change/dao-vue3": "^0.8.107",
-    "@live-change/dao-websocket": "^0.8.107",
-    "@live-change/framework": "^0.8.107",
-    "@live-change/image-frontend": "^0.8.107",
-    "@live-change/image-service": "^0.8.107",
-    "@live-change/session-service": "^0.8.107",
-    "@live-change/vue3-components": "^0.8.107",
-    "@live-change/vue3-ssr": "^0.8.107",
+    "@live-change/cli": "^0.8.108",
+    "@live-change/dao": "^0.8.108",
+    "@live-change/dao-vue3": "^0.8.108",
+    "@live-change/dao-websocket": "^0.8.108",
+    "@live-change/framework": "^0.8.108",
+    "@live-change/image-frontend": "^0.8.108",
+    "@live-change/image-service": "^0.8.108",
+    "@live-change/session-service": "^0.8.108",
+    "@live-change/vue3-components": "^0.8.108",
+    "@live-change/vue3-ssr": "^0.8.108",
     "@vueuse/core": "^10.11.0",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.4",
@@ -52,7 +52,7 @@
     "vue3-scroll-border": "0.1.6"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.8.107",
+    "@live-change/codeceptjs-helper": "^0.8.108",
     "codeceptjs": "^3.6.5",
     "generate-password": "1.7.1",
     "playwright": "^1.41.2",
@@ -63,5 +63,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "ISC",
   "description": "",
-  "gitHead": "da00b9062a0238e1497c76009b0bd9e74ff7a376"
+  "gitHead": "b272a01967e326d10874fea13353ab8fa5c30fe8"
 }