@ghentcdh/ui 1.0.2 → 1.0.4

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

@@ -0,0 +1,101 @@
+import { Editor } from '@tiptap/vue-3';
+import { PropType } from 'vue';
+export type ToolbarAction = {
+    /** Displayed inside the button (text or HTML, e.g. an icon) */
+    label: string;
+    /** The Tiptap mark/node name used for isActive() highlighting */
+    name: string;
+    /** Called with the editor instance when the button is clicked */
+    action: (editor: Editor | undefined) => void;
+};
+export declare const MarkdownEmits: string[];
+export declare const MarkdownComponentProperties: {
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    minHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    actions: {
+        type: PropType<ToolbarAction[]>;
+        default: () => ToolbarAction[];
+    };
+    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: PropType<import('..').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";
+            };
+        };
+    };
+};

package/icons/Icon.properties.d.ts

@@ -0,0 +1,11 @@
+import { PropType } from 'vue';
+import { IconProp } from './icon-list';
+import { Size } from '../const/size';
+export declare const IconProperties: {
+    icon: {
+        type: PropType<IconProp>;
+    };
+    size: {
+        type: PropType<Size>;
+    };
+};

package/icons/icon-list.d.ts

@@ -0,0 +1,26 @@
+import { Component } from 'vue';
+export declare enum IconEnum {
+    Edit = "Edit",
+    Delete = "Delete",
+    BarsArrowDown = "BarsArrowDown",
+    BarsArrowUp = "BarsArrowUp",
+    Funnel = "Funnel",
+    Close = "Close",
+    Plus = "Plus",
+    PaperClip = "PaperClip",
+    Hamburger = "Hamburger",
+    ChevronRight = "ChevronRight",
+    ChevronLeft = "ChevronLeft",
+    ChevronDown = "ChevronDown",
+    ChevronUp = "ChevronUp",
+    DblChevronLeft = "DblChevronLeft",
+    DblChevronRight = "DblChevronRight",
+    Language = "Language",
+    Check = "Check",
+    View = "View",
+    Text = "Text",
+    Link = "Link"
+}
+export declare const IconMap: Record<IconEnum, Component>;
+export type IconDef = keyof typeof IconMap;
+export type IconProp = IconDef | Component;

package/icons/icon.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    icon: {
+        type: import('vue').PropType<import('./icon-list').IconProp>;
+    };
+    size: {
+        type: import('vue').PropType<import('..').Size>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: import('vue').PropType<import('./icon-list').IconProp>;
+    };
+    size: {
+        type: import('vue').PropType<import('..').Size>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/icons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon-list';
+export * from './Icon.properties';
+export { default as Icon } from './icon.vue';

package/loading/index.d.ts

@@ -0,0 +1 @@
+export { default as Loading } from './loading.vue';

package/loading/loading.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    loading: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/menu/dropdown.vue.d.ts

@@ -0,0 +1,6 @@
+import { MenuWithItems } from './menu.type';
+type __VLS_Props = {
+    items: Array<MenuWithItems>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Menu } from './menu.vue';
+export * from './menu.type';
+export { default as SubMenu } from './sub-menu.vue';
+export { default as Dropdown } from './dropdown.vue';

package/menu/menu-item.vue.d.ts

@@ -0,0 +1,5 @@
+import { MenuWithItems } from './menu.type';
+declare const _default: import('vue').DefineComponent<MenuWithItems, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuWithItems> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/menu/menu.type.d.ts

@@ -0,0 +1,15 @@
+export type MenuAction = () => void | {
+    routerLink: string;
+    params?: Record<string, string>;
+};
+export type MenuWithItems = {
+    label: string;
+    items?: MenuWithItems[];
+    action?: MenuAction;
+    disabled?: boolean;
+};
+export type Breadcrumb = {
+    label: string;
+    routerLink?: string;
+    params?: Record<string, string>;
+};

package/menu/menu.vue.d.ts

@@ -0,0 +1,7 @@
+import { Breadcrumb, MenuWithItems } from './menu.type';
+type __VLS_Props = {
+    menu: Array<MenuWithItems>;
+    breadcrumbs?: Array<Breadcrumb>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/menu/sub-menu.vue.d.ts

@@ -0,0 +1,7 @@
+import { MenuWithItems } from './menu.type';
+type __VLS_Props = MenuWithItems & {
+    btnClass: string;
+    disableArrow?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/modal/confirmModal.vue.d.ts

@@ -0,0 +1,10 @@
+import { ConfirmModalProps, ConfirmResult } from './modal.model';
+declare const _default: import('vue').DefineComponent<ConfirmModalProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    closeModal: (args_0: ConfirmResult) => any;
+}, string, import('vue').PublicProps, Readonly<ConfirmModalProps> & Readonly<{
+    onCloseModal?: ((args_0: ConfirmResult) => any) | undefined;
+}>, {
+    confirmLabel: string;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDialogElement>;
+export default _default;

package/modal/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ConfirmModal } from './confirmModal.vue';
+export { default as Modal } from './modal.vue';
+export { default as ModalWrapper } from './modalWrapper.vue';
+export * from './modal.properties';
+export * from './modal.service';
+export * from './modal.model';

package/modal/modal.model.d.ts

@@ -0,0 +1,17 @@
+export type ModalWrapperModel<PROPS extends CloseProps<RESULT>, RESULT> = {
+    id: string;
+    component: any;
+    props: PROPS;
+};
+export type CloseProps<RESULT> = {
+    onClose: (result: RESULT) => void;
+};
+export type ConfirmResult = {
+    confirmed: boolean;
+};
+export type ConfirmModalProps = {
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};

package/modal/modal.properties.d.ts

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+import { Size } from '../const';
+export declare const ModalProperties: {
+    modalTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    buttonLabel: {
+        type: StringConstructor;
+    };
+    buttonSaveLabel: {
+        type: StringConstructor;
+    };
+    data: {
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    disableClose: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    width: {
+        type: PropType<Size>;
+        default: string;
+    };
+};
+export declare const ModalEmits: string[];

package/modal/modal.service.d.ts

@@ -0,0 +1,15 @@
+import { CloseProps, ConfirmModalProps, ConfirmResult, ModalWrapperModel } from './modal.model';
+type ModalUnknown = ModalWrapperModel<CloseProps<unknown>, unknown>;
+export declare class ModalService {
+    private static instance;
+    showModal: import('vue').Ref<number | boolean, number | boolean>;
+    modals: ModalUnknown[];
+    private openModal;
+    private closeModal;
+    static showConfirm<PROPS extends ConfirmModalProps & CloseProps<ConfirmResult>>(props: PROPS): void;
+    static openModal<PROPS extends CloseProps<RESULT>, RESULT>(modal: Omit<ModalWrapperModel<PROPS, RESULT>, 'id'>): void;
+    static getInstance(): ModalService;
+    static closeAll(): void;
+    private closeAll;
+}
+export {};

package/modal/modal.vue.d.ts

@@ -0,0 +1,82 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {
+        dialogRef: HTMLDialogElement;
+    };
+    rootEl: HTMLDialogElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modalTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    buttonLabel: {
+        type: StringConstructor;
+    };
+    buttonSaveLabel: {
+        type: StringConstructor;
+    };
+    data: {
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    disableClose: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    width: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: string;
+    };
+}>, {
+    closeModal: () => void;
+    openModal: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modalTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    buttonLabel: {
+        type: StringConstructor;
+    };
+    buttonSaveLabel: {
+        type: StringConstructor;
+    };
+    data: {
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    disableClose: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    width: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    data: undefined;
+    open: boolean;
+    disableClose: boolean;
+    width: import('../const/size').Size;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    dialogRef: HTMLDialogElement;
+}, HTMLDialogElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/modal/modalWrapper.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ghentcdh/ui",
   "author": "GhentCDH",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -22,7 +22,26 @@
     "*.css",
     "*.md",
     "assets/**",
-    "lib/**"
+    "alert/**",
+    "button/**",
+    "card/**",
+    "collapse/**",
+    "composables/**",
+    "const/**",
+    "directives/**",
+    "drawer/**",
+    "filter/**",
+    "form/**",
+    "icons/**",
+    "loading/**",
+    "menu/**",
+    "modal/**",
+    "shell/**",
+    "table/**",
+    "test-utils/**",
+    "toast/**",
+    "tree/**",
+    "utils/**"
   ],
   "sideEffects": false,
   "peerDependencies": {

package/shell/menu.type.d.ts

@@ -0,0 +1,11 @@
+export type MenuItem = {
+    label: string;
+    routerLink: string;
+    params?: Record<string, string>;
+};
+export type ShellMenu = MenuItem[];
+export type User = {
+    name: string;
+    email: string;
+    avatar: string;
+};

package/shell/shell.component.vue.d.ts

@@ -0,0 +1,31 @@
+import { ShellMenu, User } from './menu.type';
+type __VLS_Props = {
+    title: string;
+    menu: ShellMenu;
+    user: User | undefined;
+    version: string;
+    widthSidebar?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    logout: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+}>, {
+    widthSidebar: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/table/cells/boolean.cell.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/table/cells/text.cell.properties.d.ts

@@ -0,0 +1,13 @@
+export declare const TextCellProperties: {
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+};

package/table/cells/text.cell.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    column: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/table/header/sort.header.properties.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { ColumnDef } from '../../../../core/types/src/index.ts';
+export declare const SortHeaderProperties: {
+    column: {
+        type: PropType<ColumnDef>;
+        required: true;
+    };
+    sortColumn: {
+        type: StringConstructor;
+    };
+    sortDirection: {
+        type: PropType<"asc" | "desc">;
+    };
+};
+export declare const SortHeaderEmits: string[];

package/table/header/sort.header.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    column: {
+        type: import('vue').PropType<import('../../../../core/types/src/index.ts').ColumnDef>;
+        required: true;
+    };
+    sortColumn: {
+        type: StringConstructor;
+    };
+    sortDirection: {
+        type: import('vue').PropType<"asc" | "desc">;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    column: {
+        type: import('vue').PropType<import('../../../../core/types/src/index.ts').ColumnDef>;
+        required: true;
+    };
+    sortColumn: {
+        type: StringConstructor;
+    };
+    sortDirection: {
+        type: import('vue').PropType<"asc" | "desc">;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/table/index.d.ts

@@ -0,0 +1,9 @@
+export { default as PaginationComponent } from './pagination.component.vue';
+export { default as TableComponent } from './table.component.vue';
+/**
+ * @deprecated use TableComponent instead
+ */
+export { default as Table } from './table.component.vue';
+export { default as TextCell } from './cells/text.cell.vue';
+export { default as BooleanCell } from './cells/boolean.cell.vue';
+export * from './table.model';

package/table/pagination-button.component.properties.d.ts

@@ -0,0 +1,30 @@
+export type PageProps = {
+    currentPage: number;
+    page: number;
+    label: string;
+    neverActive?: boolean;
+    disabled?: boolean;
+};
+export declare const PaginationButtonProperties: {
+    currentPage: {
+        type: NumberConstructor;
+        required: true;
+    };
+    page: {
+        type: NumberConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    neverActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const PaginationButtonEmits: string[];