@ghentcdh/ui 1.1.1 → 3.0.0

package/form/core/ControlWrapper.vue.d.ts

@@ -1,6 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'label-action'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -10,18 +11,23 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     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;
@@ -73,7 +79,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";
@@ -88,21 +94,34 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     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;
@@ -154,7 +173,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";
@@ -169,9 +188,28 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
     styles: {
         readonly group: {
             readonly root: "group";
@@ -196,7 +234,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";
@@ -206,11 +244,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             readonly item: "w-full";
         };
     };
-    hideLabel: boolean;
-    isTouched: boolean;
-    visible: boolean;
-    enabled: boolean;
-    isFocused: boolean;
+    hideErrors: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/form/core/properties.d.ts

@@ -1,20 +1,6 @@
 import { Editor } from '@tiptap/vue-3';
-import { MyStyles } from './styles';
-export type ControlProperties = {
-    id?: string;
-    placeholder?: string;
-    description?: string;
-    errors?: string;
-    label?: string;
-    visible?: boolean;
-    required?: boolean;
-    enabled?: boolean;
-    isFocused?: boolean;
-    isTouched?: boolean;
-    hideLabel?: boolean;
-    styles?: MyStyles;
-    width: string;
-};
+import { ControlWrapperProps } from './ControlWrapper.properties';
+export type ControlProperties = Required<ControlWrapperProps>;
 export type ToolbarAction = {
     /** Displayed inside the button (text or HTML, e.g. an icon) */
     label: string;

package/form/core/styles.d.ts

@@ -22,7 +22,7 @@ export declare const myStyles: {
         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";

package/form/core/utils/style.d.ts

@@ -1,6 +1,6 @@
 import { ControlProperties } from '../properties';
-type ErrorControlProperties = Pick<ControlProperties, 'errors' | 'isTouched'>;
-export declare const showErrors: ({ isTouched, errors }: ErrorControlProperties) => boolean;
+type StyleControlProperties = Pick<ControlProperties, 'errors' | 'isTouched' | 'size'>;
+export declare const showErrors: ({ isTouched, errors }: StyleControlProperties) => boolean;
 export declare const isDescriptionHidden: (visible: boolean, description: string | undefined, isFocused: boolean, showUnfocusedDescription: boolean) => boolean;
-export declare const buildInputStyle: (styles: string, properties: ErrorControlProperties) => any;
+export declare const buildInputStyle: (styles: string, properties: StyleControlProperties) => any;
 export {};

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[];
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideLabel: boolean;
+    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";
+        };
+    };
+    hideErrors: boolean;
+    minHeight: string;
+}, {}, {}, {}, 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;
+    };
 };