@autoafleveren/ui 1.4.9 → 1.4.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autoafleveren/ui",
-  "version": "1.4.9",
+  "version": "1.4.11",
   "type": "module",
   "files": [
     "dist/*",
@@ -70,7 +70,7 @@
   },
   "packageManager": "yarn@4.6.0",
   "dependencies": {
-    "@awesome.me/kit-6a64244790": "^1.0.247",
+    "@awesome.me/kit-6a64244790": "^1.0.248",
     "@floating-ui/vue": "^1.1.7",
     "@fortawesome/fontawesome-svg-core": "^7.0.0",
     "@fortawesome/vue-fontawesome": "^3.1.1",

package/src/modules/components/AppInput/AppInput.vue

@@ -184,6 +184,7 @@
         :tabindex="props.tabindex"
         :class="getInputDomClasses(type, disabled, readonly, loading, hasError, isOpen, plain, $slots, $attrs)"
         :data-error="hasError ? 'input' : undefined"
+        :native="native"
         @open="() => isOpen = true"
         @blur="onBlur"
         @focus="onFocus"

package/src/modules/components/AppInput/Input.vue

@@ -23,7 +23,7 @@
     set: (value: ModelValue): void => emit('update:modelValue', value),
   });
   const inputComponent = computed((): string | Component => {
-    return getInputComponent(props.type);
+    return getInputComponent(props.type, props.native);
   });
 
   function onInputTextarea(event: Event): void {

package/src/modules/components/AppInput/index.d.ts

@@ -25,6 +25,7 @@ export interface AppInputProps<ModelValue> {
   custom?: boolean;
   required?: boolean;
   hasError?: boolean;
+  native?: boolean;
   plain?: boolean;
   errorMessage?: string;
   label?: string;
@@ -37,7 +38,7 @@ export interface AppInputProps<ModelValue> {
   init?: Partial<IPropTypes & Record<string, unknown>>;
 }
 
-export type InputProps<ModelValue> = Pick<AppInputProps<ModelValue>, 'modelValue' | 'tabindex' | 'type' | 'custom'>;
+export type InputProps<ModelValue> = Pick<AppInputProps<ModelValue>, 'modelValue' | 'tabindex' | 'type' | 'custom' | 'native'>;
 
 export interface LocationModelValue {
   postcode?: string;

package/src/modules/components/AppInput/index.ts

@@ -20,6 +20,7 @@ export const appInputPropDefaults = {
   required: false,
   multiple: false,
   hasError: false,
+  native: false,
   label: undefined,
   plain: false,
   custom: false,
@@ -27,7 +28,11 @@ export const appInputPropDefaults = {
   modelModifiers: () => ({}),
 } as const;
 
-export function getInputComponent(inputType: InputType): string | Component {
+export function getInputComponent(inputType: InputType, native: boolean = false): string | Component {
+  if (native) {
+    return 'input';
+  }
+
   if (isDatePickerCheck(inputType)) {
     return VueDatePicker;
   }