@a-vision-software/vue-input-components 1.4.21 → 1.4.23

package/src/index.ts

@@ -1,12 +1,10 @@
-import TextInput from './components/TextInput.vue'
-import FileUpload from './components/FileUpload.vue'
-import Navigation from './components/Navigation.vue'
-import Action from './components/Action.vue'
-import Dropdown from './components/Dropdown.vue'
-import Checkbox from './components/Checkbox.vue'
-import List from './components/List.vue'
-import Modal from './components/Modal.vue'
-
-export { TextInput, FileUpload, Navigation, Action, Dropdown, Checkbox, List, Modal }
+export { default as TextInput } from './components/TextInput.vue'
+export { default as FileUpload } from './components/FileUpload.vue'
+export { default as Navigation } from './components/Navigation.vue'
+export { default as Action } from './components/Action.vue'
+export { default as Dropdown } from './components/Dropdown.vue'
+export { default as Checkbox } from './components/Checkbox.vue'
+export { default as List } from './components/List.vue'
+export { default as Modal } from './components/Modal.vue'
 
 export * from './types'

package/src/types/index.ts

@@ -1,6 +1,4 @@
-import type { NavigationProps, NavigationItem } from './navigation'
-
-export type { NavigationProps, NavigationItem }
+export type { NavigationProps, NavigationItem } from './navigation'
 
 export * from './textinput'
 export * from './fileupload'

package/src/types/list.ts

@@ -23,7 +23,7 @@ interface ListAction {
   onActionClick?: (item: any, action: any) => void
 }
 
-interface conditionalClassList {
+interface ConditionalClassList {
   [key: string]: (value: any) => boolean
 }
 
@@ -37,7 +37,7 @@ interface ListColumn {
   width?: string
   minWidth?: string
   maxWidth?: string
-  cellClasses?: conditionalClassList
+  cellClasses?: ConditionalClassList
   headerTooltip?: string
 }
 

package/src/types/textinput.ts

@@ -1,5 +1,4 @@
-export type TextInputProps =
-{
+export type TextInputProps = {
   required?: boolean
   placeholder?: string
   label?: string
@@ -18,11 +17,12 @@ export type TextInputProps =
   bgColor?: string
   currencyFormatter?: Intl.NumberFormat
   autosave?: (value: string) => Promise<void>
+  autosaveOnBlur?: boolean
   error?: string
 } & (
   | {
       modelValue: string
-      type: 'text' | 'textarea' | 'password' | 'email' | 'tel' | 'url' | 'date'
+      type: 'text' | 'textarea' | 'password' | 'email' | 'tel' | 'url' | 'date' | 'datetime'
     }
   | {
       modelValue: number

package/src/views/TextInputTestView.vue

@@ -46,6 +46,9 @@
           <TextInput v-model="birthDate" type="date" label="Date of Birth" icon="calendar" placeholder="DD/MM/YYYY"
             :min="minDate" :max="maxDate" :error="birthDateError" :autosave="handleBirthDateAutosave"
             label-position="top" label-align="left" />
+          <TextInput v-model="appointmentDateTime" type="datetime" label="Appointment" icon="clock"
+            placeholder="DD/MM/YYYY HH:mm" :error="appointmentDateTimeError" :autosave="handleAppointmentDateTimeAutosave"
+            label-position="top" label-align="left" />
           <TextInput v-model="comment" label="Comment" type="text" placeholder="Your comment" label-position="top"
             label-align="left" />
           <TextInput v-model="age" type="number" label="Age" placeholder="Enter your age" label-position="top"
@@ -69,6 +72,7 @@ const city = ref('')
 const postalCode = ref('')
 const country = ref('')
 const birthDate = ref('1967-08-22')
+const appointmentDateTime = ref('2025-12-03T14:30')
 const comment = ref('')
 const age = ref(0)
 const bio = ref('')
@@ -82,6 +86,7 @@ const cityError = ref('')
 const postalCodeError = ref('')
 const countryError = ref('')
 const birthDateError = ref('')
+const appointmentDateTimeError = ref('')
 const bioError = ref('')
 const feedbackError = ref('')
 
@@ -154,6 +159,12 @@ const handleBirthDateAutosave = async (value: string) => {
   birthDateError.value = ''
 }
 
+const handleAppointmentDateTimeAutosave = async (value: string) => {
+  console.log('Autosaving appointment datetime:', value)
+  await new Promise((resolve) => setTimeout(resolve, 1000))
+  appointmentDateTimeError.value = ''
+}
+
 const handleBioAutosave = async (value: string) => {
   console.log('Autosaving bio:', value)
   await new Promise((resolve) => setTimeout(resolve, 1000))