@a-vision-software/vue-input-components 1.4.9 → 1.4.11

package/README.md

@@ -51,6 +51,18 @@ A flexible and customizable list component that supports sorting, filtering, and
 ```bash
 npm install @a-vision-software/vue-input-components
 ```
+### Declare global types
+Add the global types to your `tsconfig.app.json`
+
+```
+{
+  ...
+ "compilerOptions": {
+    ...
+    "types": ["@a-vision-software/vue-input-components/global"],
+  }
+}
+```
 
 ## Quick Start
 

package/dist/src/components/TextInput.vue.d.ts

@@ -1,95 +1,3 @@
-import { TextInputProps } from '../types/textinput';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextInputProps>, {
-    modelValue: string;
-    type: string;
-    placeholder: string;
-    label: string;
-    icon: undefined;
-    disabled: boolean;
-    readonly: boolean;
-    maxlength: undefined;
-    error: string;
-    min: undefined;
-    max: undefined;
-    labelPosition: string;
-    labelAlign: string;
-    labelWidth: string;
-    height: string;
-    maxHeight: string;
-    bgColor: string;
-    width: (props: any) => "100%" | "10rem";
-}>>, {
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
-    changed: () => void;
-    saved: () => void;
-    focus: () => void;
-    blur: () => void;
-    keydown: (event: KeyboardEvent) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextInputProps>, {
-    modelValue: string;
-    type: string;
-    placeholder: string;
-    label: string;
-    icon: undefined;
-    disabled: boolean;
-    readonly: boolean;
-    maxlength: undefined;
-    error: string;
-    min: undefined;
-    max: undefined;
-    labelPosition: string;
-    labelAlign: string;
-    labelWidth: string;
-    height: string;
-    maxHeight: string;
-    bgColor: string;
-    width: (props: any) => "100%" | "10rem";
-}>>> & Readonly<{
-    onBlur?: (() => any) | undefined;
-    onFocus?: (() => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChanged?: (() => any) | undefined;
-    onSaved?: (() => any) | undefined;
-}>, {
-    error: string;
-    disabled: boolean;
-    max: string | Date;
-    type: "number" | "textarea" | "text" | "date" | "email" | "password" | "tel" | "url";
-    icon: string;
-    label: string;
-    modelValue: string;
-    width: string;
-    labelPosition: "top" | "left";
-    labelAlign: "left" | "center" | "right";
-    labelWidth: string;
-    placeholder: string;
-    maxHeight: string;
-    readonly: boolean;
-    maxlength: number;
-    min: string | Date;
-    height: string;
-    bgColor: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/src/global.d.ts

@@ -0,0 +1,22 @@
+import { default as TextInput } from './components/TextInput.vue';
+import { default as FileUpload } from './components/FileUpload.vue';
+import { default as Navigation } from './components/Navigation.vue';
+import { default as Action } from './components/Action.vue';
+import { default as Dropdown } from './components/Dropdown.vue';
+import { default as Checkbox } from './components/Checkbox.vue';
+import { default as List } from './components/List.vue';
+import { default as Modal } from './components/Modal.vue';
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        TextInput: typeof TextInput;
+        FileUpload: typeof FileUpload;
+        Navigation: typeof Navigation;
+        Action: typeof Action;
+        Dropdown: typeof Dropdown;
+        Checkbox: typeof Checkbox;
+        List: typeof List;
+        Modal: typeof Modal;
+    }
+}
+export {};

package/dist/src/types/dropdown.d.ts

@@ -5,7 +5,7 @@ export interface DropdownOption {
 }
 export interface DropdownProps {
     options: DropdownOption[];
-    modelValue: string | string[];
+    modelValue: string | string[] | null;
     multiple?: boolean;
     placeholder?: string;
     filterable?: boolean;

package/dist/src/types/navigation.d.ts

@@ -1,6 +1,6 @@
 export interface NavigationItem {
     id: string;
-    label: string;
+    label?: string;
     url?: string;
     icon?: string;
     disabled?: boolean;

package/dist/src/types/textinput.d.ts

@@ -1,7 +1,5 @@
-export interface TextInputProps {
-    modelValue: string;
+export type TextInputProps = {
     required?: boolean;
-    type?: 'text' | 'textarea' | 'password' | 'email' | 'tel' | 'url' | 'date' | 'number';
     placeholder?: string;
     label?: string;
     labelPosition?: 'top' | 'left';
@@ -19,7 +17,13 @@ export interface TextInputProps {
     bgColor?: string;
     autosave?: (value: string) => Promise<void>;
     error?: string;
-}
+} & ({
+    modelValue: string;
+    type?: 'text' | 'textarea' | 'password' | 'email' | 'tel' | 'url' | 'date';
+} | {
+    modelValue: number;
+    type: 'number';
+});
 export interface TextInputEmits {
     (e: 'update:modelValue', value: string): void;
     (e: 'changed'): void;