@ghentcdh/ui 1.1.1 → 3.0.0

package/form/select/AutoComplete.vue.d.ts

@@ -30,12 +30,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     labelKey: {
         type: StringConstructor;
         default: string;
@@ -48,20 +52,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -113,7 +130,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -128,6 +145,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clear: () => any;
     blur: (event: Event) => any;
@@ -165,12 +190,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     labelKey: {
         type: StringConstructor;
         default: string;
@@ -183,20 +212,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -248,7 +290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -263,6 +305,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onBlur?: ((event: Event) => any) | undefined;
@@ -270,12 +320,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     isActive: Function;
     query: string;
     width: string;
-    labelKey: string;
-    valueKey: string;
+    value: any;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -300,7 +360,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -310,18 +370,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
-    freeText: boolean;
-    enableCreate: boolean;
-    isLoading: boolean;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
+    hideErrors: boolean;
     modelValue: string | Record<string, any>;
+    isLoading: boolean;
+    teleported: boolean;
+    labelKey: string;
+    valueKey: string;
+    enableCreate: boolean;
+    clearable: boolean;
     fetchOptions: Function;
     debounceMs: number;
     maxResults: number;
+    freeText: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     inputRef: HTMLInputElement;
 }, HTMLDivElement>;

package/form/select/ListResults.properties.d.ts

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 export type OptionValue = {
     label: string;
     value: string;
+    disabled?: boolean;
 };
 export declare const ListResultsEmits: string[];
 export declare const ListProperties: {
@@ -15,10 +16,15 @@ export declare const ListProperties: {
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    /** When true the list is teleported to <body>; positioning is handled via inline style from the parent */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/form/select/ListResults.vue.d.ts

@@ -1,5 +1,5 @@
 import { OptionValue } from './ListResults.properties';
-export declare function highlight(text: string, query: string): string;
+export declare function highlight(isActive: boolean, text: string, query: string): string;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     options: {
         type: import('vue').PropType<Array<OptionValue>>;
@@ -11,12 +11,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     handleKeydown: (e: KeyboardEvent) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -30,16 +34,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     isActive: Function;
     query: string;
     isLoading: boolean;
+    teleported: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     listRef: HTMLUListElement;
 }, HTMLUListElement>;

package/form/select/MultiSelect.vue.d.ts

@@ -23,20 +23,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -88,7 +101,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -103,13 +116,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     modelValue: {
         type: import('vue').PropType<any[]>;
@@ -145,20 +170,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -210,7 +248,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -225,13 +263,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
+    };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     modelValue: {
         type: import('vue').PropType<any[]>;
@@ -243,12 +293,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     isActive: Function;
     query: string;
     width: string;
-    labelKey: string;
-    valueKey: string;
+    value: any;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -273,7 +333,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -283,13 +343,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
-    enableCreate: boolean;
+    hideErrors: boolean;
     isLoading: boolean;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
+    teleported: boolean;
     isOpen: boolean;
+    labelKey: string;
+    valueKey: string;
+    enableCreate: boolean;
+    clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/form/select/SelectComponent.vue.d.ts

@@ -15,20 +15,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -80,7 +93,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -95,6 +108,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -121,20 +142,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -186,7 +220,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -201,6 +235,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -211,10 +253,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
-    labelKey: string;
-    valueKey: string;
+    value: any;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -239,7 +291,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -249,11 +301,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
+    hideErrors: boolean;
+    labelKey: string;
+    valueKey: string;
     enableCreate: boolean;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
+    clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;