@ghentcdh/ui 1.0.1 → 1.0.3

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

@@ -0,0 +1,328 @@
+import { OptionValue } from './ListResults.properties';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    fetchOptions: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxResults: {
+        type: NumberConstructor;
+        default: number;
+    };
+    freeText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: import('vue').PropType<Array<OptionValue>>;
+        required: false;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    query: {
+        type: StringConstructor;
+        default: null;
+    };
+    isActive: {
+        type: FunctionConstructor;
+        default: (item: any) => boolean;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    errors: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    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: "input 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";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    blur: (event: Event) => any;
+    change: (value: any) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    fetchOptions: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxResults: {
+        type: NumberConstructor;
+        default: number;
+    };
+    freeText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: import('vue').PropType<Array<OptionValue>>;
+        required: false;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    query: {
+        type: StringConstructor;
+        default: null;
+    };
+    isActive: {
+        type: FunctionConstructor;
+        default: (item: any) => boolean;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    errors: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    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: "input 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";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    required: boolean;
+    isActive: Function;
+    query: string;
+    width: string;
+    labelKey: string;
+    valueKey: string;
+    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: "input 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;
+    freeText: boolean;
+    enableCreate: boolean;
+    isLoading: boolean;
+    isTouched: boolean;
+    visible: boolean;
+    enabled: boolean;
+    isFocused: boolean;
+    modelValue: string | Record<string, any>;
+    fetchOptions: Function;
+    debounceMs: number;
+    maxResults: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+export type OptionValue = {
+    label: string;
+    value: string;
+};
+export declare const ListResultsEmits: string[];
+export declare const ListProperties: {
+    options: {
+        type: PropType<Array<OptionValue>>;
+        required: false;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    query: {
+        type: StringConstructor;
+        default: null;
+    };
+    isActive: {
+        type: FunctionConstructor;
+        default: (item: any) => boolean;
+    };
+};

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

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

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

@@ -0,0 +1,295 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: FunctionConstructor;
+        default: (item: any) => boolean;
+    };
+    options: {
+        type: import('vue').PropType<Array<any>>;
+        required: true;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    errors: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    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: "input 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";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    query: {
+        type: StringConstructor;
+        default: null;
+    };
+    modelValue: {
+        type: import('vue').PropType<any[]>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    blur: (event: Event) => any;
+    change: (value: any) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isActive: {
+        type: FunctionConstructor;
+        default: (item: any) => boolean;
+    };
+    options: {
+        type: import('vue').PropType<Array<any>>;
+        required: true;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    enableCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    errors: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    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: "input 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";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    query: {
+        type: StringConstructor;
+        default: null;
+    };
+    modelValue: {
+        type: import('vue').PropType<any[]>;
+    };
+}>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+}>, {
+    required: boolean;
+    isActive: Function;
+    query: string;
+    width: string;
+    labelKey: string;
+    valueKey: string;
+    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: "input 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;
+    enableCreate: boolean;
+    isLoading: boolean;
+    isTouched: boolean;
+    visible: boolean;
+    enabled: boolean;
+    isFocused: boolean;
+    isOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;