@ghentcdh/ui 1.1.0 → 2.0.0

package/form/index.d.ts

@@ -1,11 +1,283 @@
 export { default as SelectComponent } from './select/SelectComponent.vue';
 export { default as ControlWrapper } from './core/ControlWrapper.vue';
+export * from './core/ControlWrapper.properties';
 export { default as Autocomplete } from './select/AutoComplete.vue';
 export { default as MultiSelect } from './select/MultiSelect.vue';
 export * from './core/styles';
 export * from './core/utils/style';
 export * from './core/properties';
-export { default as Markdown } from './text/Markdown.vue';
+/**
+ * The rich Markdown editor pulls in TipTap, which is an *optional* peer
+ * dependency. It is loaded lazily so consumers that never render Markdown do
+ * not need TipTap installed. If the import fails (TipTap absent), it degrades
+ * to a plain-textarea fallback instead of crashing.
+ */
+export declare const Markdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    actions: {
+        type: import('vue').PropType<import('./text/MarkdownComponent.properties').ToolbarAction[]>;
+        default: () => import('./text/MarkdownComponent.properties').ToolbarAction[];
+    };
+    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;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('./core/styles').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: import('vue').PropType<any>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    actions: {
+        type: import('vue').PropType<import('./text/MarkdownComponent.properties').ToolbarAction[]>;
+        default: () => import('./text/MarkdownComponent.properties').ToolbarAction[];
+    };
+    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;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('./core/styles').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    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('./text/MarkdownComponent.properties').ToolbarAction[];
+    styles: {
+        readonly group: {
+            readonly root: "group";
+            readonly label: "text-primary text-lg font-bold";
+            readonly item: "group-item";
+        };
+        readonly verticalLayout: {
+            readonly root: "flex flex-col gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly horizontalLayout: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly arrayList: {
+            readonly root: "fieldset";
+            readonly legend: "fieldset-legend text-xl capitalize";
+        };
+        readonly control: {
+            readonly root: "fieldset";
+            readonly wrapper: "fieldset";
+            readonly label: "fieldset-legend";
+            readonly error: "";
+            readonly input: "input";
+            readonly textarea: "textarea h-32";
+            readonly checkbox: "checkbox";
+            readonly select: "input pr-14";
+            readonly description: "form-control--description label text-xs text-gray-500";
+        };
+        readonly fixedArrayList: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+    };
+    hideLabel: boolean;
+    minHeight: string;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideErrors: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export { default as Checkbox } from './Checkbox.vue';
 export { default as Input } from './Input.vue';
 export { default as InputNumber } from './InputNumber.vue';

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

@@ -38,12 +38,16 @@ export declare const AutocompleteProperties: {
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: undefined;
     };
     isActive: {
         type: FunctionConstructor;
         default: (item: any) => boolean;
     };
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     labelKey: {
         type: StringConstructor;
         default: string;
@@ -56,20 +60,33 @@ export declare const AutocompleteProperties: {
         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;
@@ -121,7 +138,7 @@ export declare const AutocompleteProperties: {
                 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";
@@ -136,4 +153,12 @@ export declare const AutocompleteProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

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,10 +320,15 @@ 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;
+    value: any;
     labelKey: string;
     valueKey: string;
     styles: {
@@ -300,7 +355,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";
@@ -313,12 +368,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     hideLabel: boolean;
     freeText: boolean;
     enableCreate: boolean;
-    isLoading: boolean;
-    isTouched: boolean;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
     modelValue: string | Record<string, any>;
+    isLoading: boolean;
+    teleported: boolean;
+    clearable: boolean;
     fetchOptions: Function;
     debounceMs: number;
     maxResults: number;

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>;