@ghentcdh/ui 1.1.1 → 3.0.0

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

@@ -9,31 +9,45 @@ export declare const SelectProperties: {
         type: StringConstructor;
         default: string;
     };
-    /** Key to use as the stored
-     value when options are objects */
+    /** Key to use as the stored value when options are objects */
     valueKey: {
         type: StringConstructor;
         default: string;
     };
-    /** add a new button next to the list*/
+    /** add a new button next to the list */
     enableCreate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Whether to show the clear button when a value is selected */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Alternative to v-model — accepts a string id or a full option object */
+    value: {
+        type: 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;
@@ -85,7 +99,7 @@ export declare const SelectProperties: {
                 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";
@@ -100,6 +114,14 @@ export declare const SelectProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const SelectWrapperEmits: string[];
 export declare const SelectWrapperProperties: {
@@ -120,31 +142,45 @@ export declare const SelectWrapperProperties: {
         type: StringConstructor;
         default: string;
     };
-    /** Key to use as the stored
-     value when options are objects */
+    /** Key to use as the stored value when options are objects */
     valueKey: {
         type: StringConstructor;
         default: string;
     };
-    /** add a new button next to the list*/
+    /** add a new button next to the list */
     enableCreate: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Whether to show the clear button when a value is selected */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Alternative to v-model — accepts a string id or a full option object */
+    value: {
+        type: 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;
@@ -196,7 +232,7 @@ export declare const SelectWrapperProperties: {
                 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";
@@ -211,12 +247,24 @@ export declare const SelectWrapperProperties: {
         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;
     };
 };

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

@@ -5,6 +5,7 @@ declare function __VLS_template(): {
     };
     refs: {
         selectWrapperRef: HTMLDivElement;
+        inputWrapperRef: HTMLDivElement;
         listResultsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             options: {
                 type: import('vue').PropType<Array<import('./ListResults.properties').OptionValue>>;
@@ -16,18 +17,23 @@ declare function __VLS_template(): {
             };
             query: {
                 type: StringConstructor;
-                default: null;
+                default: undefined;
             };
             isActive: {
                 type: FunctionConstructor;
                 default: (item: any) => boolean;
             };
+            teleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             handleKeydown: (e: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             isActive: Function;
             query: string;
             isLoading: boolean;
+            teleported: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             listRef: HTMLUListElement;
         }, HTMLUListElement, import('vue').ComponentProvideOptions, {
@@ -48,18 +54,23 @@ declare function __VLS_template(): {
             };
             query: {
                 type: StringConstructor;
-                default: null;
+                default: undefined;
             };
             isActive: {
                 type: FunctionConstructor;
                 default: (item: any) => boolean;
             };
+            teleported: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{}>, {
             handleKeydown: (e: KeyboardEvent) => void;
         }, {}, {}, {}, {
             isActive: Function;
             query: string;
             isLoading: boolean;
+            teleported: boolean;
         }> | null;
     };
     rootEl: HTMLDivElement;
@@ -90,20 +101,33 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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;
@@ -155,7 +179,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 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";
@@ -170,13 +194,25 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     isOpen: {
@@ -203,20 +239,33 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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;
@@ -268,7 +317,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 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,21 +332,43 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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;
     };
 }>> & Readonly<{}>, {
+    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";
@@ -322,7 +393,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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";
@@ -332,16 +403,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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, {
     selectWrapperRef: HTMLDivElement;
+    inputWrapperRef: HTMLDivElement;
     listResultsRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         options: {
             type: import('vue').PropType<Array<import('./ListResults.properties').OptionValue>>;
@@ -353,18 +425,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
         query: {
             type: StringConstructor;
-            default: null;
+            default: undefined;
         };
         isActive: {
             type: FunctionConstructor;
             default: (item: any) => boolean;
         };
+        teleported: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         handleKeydown: (e: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         isActive: Function;
         query: string;
         isLoading: boolean;
+        teleported: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         listRef: HTMLUListElement;
     }, HTMLUListElement, import('vue').ComponentProvideOptions, {
@@ -385,18 +462,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
         query: {
             type: StringConstructor;
-            default: null;
+            default: undefined;
         };
         isActive: {
             type: FunctionConstructor;
             default: (item: any) => boolean;
         };
+        teleported: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{}>, {
         handleKeydown: (e: KeyboardEvent) => void;
     }, {}, {}, {}, {
         isActive: Function;
         query: string;
         isLoading: boolean;
+        teleported: boolean;
     }> | null;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/form/text/Markdown.vue.d.ts

@@ -13,18 +13,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     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;
@@ -76,7 +81,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";
@@ -87,6 +92,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         };
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -107,18 +120,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     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;
@@ -170,7 +188,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";
@@ -181,15 +199,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
         };
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
     actions: import('./MarkdownComponent.properties').ToolbarAction[];
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -214,7 +251,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";
@@ -224,11 +261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
+    hideErrors: boolean;
     minHeight: string;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;

package/form/text/MarkdownComponent.properties.d.ts

@@ -24,18 +24,23 @@ export declare const MarkdownComponentProperties: {
     };
     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;
@@ -87,7 +92,7 @@ export declare const MarkdownComponentProperties: {
                 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";
@@ -98,4 +103,12 @@ export declare const MarkdownComponentProperties: {
             };
         };
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };