vue-lib-exo-corrected 1.0.1-beta.0 → 1.0.1-beta.2

package/README.md

@@ -10,3 +10,34 @@ Our project follows a strict component architecture based on Atomic Design princ
 For detailed information about our component architecture and guidelines, please refer to the [Component Architecture Guide](./src/components/README.md).
 
 By following these instructions, you can efficiently set up and run the project in both production and development environments. Feel free to explore the scripts for more details on what each command does.
+
+---
+
+## Build et développement avec un projet hôte (ex. Nuxt)
+
+Quand cette lib est utilisée par une app (Nuxt, Vite, etc.) en **mode développement**, on peut l’éditer et voir les changements sans republier. Voici ce qui est configuré pour que ça fonctionne.
+
+### Commandes
+
+| Commande | Rôle |
+|----------|------|
+| `yarn build` | Build **une fois** : génère `dist/` (JS, CSS) + les `.d.ts` via `vite-plugin-dts`, puis `postprocess-dts`. À lancer après un clone ou quand `dist/` est vide/obsolète. |
+| `yarn build:watch` | Build **en continu** : surveille `src/`, rebuild à chaque modification. À lancer **en parallèle** de l’app hôte (ex. `yarn dev:lib` dans Nuxt) quand on travaille sur la lib. |
+
+En mode `build:watch`, le plugin **vite-plugin-dts** est désactivé : il provoque des erreurs (TS5069, TS5104, ENOENT) en watch. Les `.d.ts` du dernier `yarn build` restent valides pour l’IDE et le projet hôte.
+
+### Récap des réglages dans `vite.config.ts`
+
+| Réglage | Rôle |
+|---------|------|
+| `BUILD_WATCH=1` (dans le script `build:watch`) | Indique qu’on est en watch. Utilisé pour désactiver `vite-plugin-dts` et éviter les erreurs en mode continu. |
+| `plugins: [...(isWatch ? [] : [dts()])]` | En watch : on n’exécute pas `dts()`. En build normal : on génère les déclarations. |
+| `build.emptyOutDir: false` | On ne vide pas `dist/` avant chaque build. En watch, ça évite la fenêtre où les fichiers sont supprimés puis pas encore réécrits : le projet hôte qui importe `dist/` ne tombe pas en 404 pendant le rebuild. |
+
+### Workflow typique avec un hôte Nuxt (LIB_DEV_MODE)
+
+1. **Lib** : `yarn build` une fois, puis `yarn build:watch` en continu.
+2. **Nuxt** : `yarn dev:lib` (ou `LIB_DEV_MODE=true nuxi dev`).
+3. Modifier un composant dans la lib → `build:watch` met à jour `dist/` → selon la config de l’hôte, rechargement automatique ou F5.
+
+Pour le détail côté Nuxt (alias, `fs.allow`, CSS, etc.), voir la doc **LIB_DEV_MODE** du projet hôte (ex. NuxtStarterKit).

package/dist/components/Atoms/Dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,117 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<any>;
+        required: true;
+    };
+    items: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    itemTitle: {
+        type: __PropType<string | ((_item: any) => string)>;
+        required: false;
+        default: string;
+    };
+    itemValue: {
+        type: __PropType<string | ((_item: any) => any)>;
+        required: false;
+        default: string;
+    };
+    label: {
+        type: __PropType<string>;
+        required: false;
+    };
+    multiple: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    chips: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    closableChips: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    density: {
+        type: __PropType<"default" | "comfortable" | "compact">;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string>;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<any>;
+        required: true;
+    };
+    items: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    itemTitle: {
+        type: __PropType<string | ((_item: any) => string)>;
+        required: false;
+        default: string;
+    };
+    itemValue: {
+        type: __PropType<string | ((_item: any) => any)>;
+        required: false;
+        default: string;
+    };
+    label: {
+        type: __PropType<string>;
+        required: false;
+    };
+    multiple: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    chips: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    closableChips: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    density: {
+        type: __PropType<"default" | "comfortable" | "compact">;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string>;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    itemTitle: string | ((_item: any) => string);
+    itemValue: string | ((_item: any) => any);
+    multiple: boolean;
+    chips: boolean;
+    closableChips: boolean;
+    density: "default" | "comfortable" | "compact";
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Atoms/Tag/Tag.vue.d.ts

@@ -0,0 +1,33 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+    };
+    color: {
+        type: __PropType<string>;
+        required: true;
+    };
+    chipStyle: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+    };
+    color: {
+        type: __PropType<string>;
+        required: true;
+    };
+    chipStyle: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    chipStyle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/ColorPicker/ColorPicker.vue.d.ts

@@ -0,0 +1,27 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string>;
+        required: false;
+    };
+    colors: {
+        type: __PropType<string[]>;
+        required: false;
+        default: () => string[];
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<string>;
+        required: false;
+    };
+    colors: {
+        type: __PropType<string[]>;
+        required: false;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    colors: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/ListNote/ListNote.vue.d.ts

@@ -5,9 +5,10 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             contentMd: string;
             createdAt: string;
-            status?: "active" | "completed" | undefined;
-            priority?: "medium" | "high" | "low" | undefined;
-            tags?: string[] | undefined;
+            tags?: string[] | {
+                title: string;
+                color: string;
+            }[];
         }[]>;
         required: true;
     };
@@ -17,9 +18,10 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             contentMd: string;
             createdAt: string;
-            status?: "active" | "completed" | undefined;
-            priority?: "medium" | "high" | "low" | undefined;
-            tags?: string[] | undefined;
+            tags?: string[] | {
+                title: string;
+                color: string;
+            }[];
         }[]>;
         required: true;
     };

package/dist/components/Molecules/ListUsers/ListUsers.vue.d.ts

@@ -5,9 +5,9 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             name: string;
             email: string;
-            role?: string | undefined;
-            isActive?: boolean | undefined;
-            avatar?: string | undefined;
+            role?: string;
+            isActive?: boolean;
+            avatar?: string;
         }[]>;
         required: true;
     };
@@ -17,9 +17,9 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             name: string;
             email: string;
-            role?: string | undefined;
-            isActive?: boolean | undefined;
-            avatar?: string | undefined;
+            role?: string;
+            isActive?: boolean;
+            avatar?: string;
         }[]>;
         required: true;
     };

package/dist/components/Molecules/LoginForm/LoginForm.vue.d.ts

@@ -0,0 +1,48 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    email: {
+        type: __PropType<string>;
+        required: true;
+    };
+    password: {
+        type: __PropType<string>;
+        required: true;
+    };
+    isLoading: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    error: {
+        type: __PropType<string>;
+        required: false;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:email" | "update:password" | "submit")[], "update:email" | "update:password" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    email: {
+        type: __PropType<string>;
+        required: true;
+    };
+    password: {
+        type: __PropType<string>;
+        required: true;
+    };
+    isLoading: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    error: {
+        type: __PropType<string>;
+        required: false;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:email"?: (...args: any[]) => any;
+    "onUpdate:password"?: (...args: any[]) => any;
+    onSubmit?: (...args: any[]) => any;
+}>, {
+    isLoading: boolean;
+    error: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/MarkdownText/MarkdownText.vue.d.ts

@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         required: true;
     };
     size: {
-        type: __PropType<MarkdownTextSize | undefined>;
+        type: __PropType<MarkdownTextSize>;
         required: false;
         default: string;
     };
@@ -16,11 +16,11 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         required: true;
     };
     size: {
-        type: __PropType<MarkdownTextSize | undefined>;
+        type: __PropType<MarkdownTextSize>;
         required: false;
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: MarkdownTextSize | undefined;
+    size: MarkdownTextSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/components/Molecules/ModalLayout/ModalLayout.vue.d.ts

@@ -0,0 +1,46 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+    title: {
+        type: __PropType<string>;
+        required: false;
+    };
+    maxWidth: {
+        type: __PropType<string | number>;
+        required: false;
+        default: number;
+    };
+    persistent: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+    title: {
+        type: __PropType<string>;
+        required: false;
+    };
+    maxWidth: {
+        type: __PropType<string | number>;
+        required: false;
+        default: number;
+    };
+    persistent: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    maxWidth: string | number;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/NoteCard/NoteCard.vue.d.ts

@@ -5,9 +5,10 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             contentMd: string;
             createdAt: string;
-            status?: "active" | "completed" | undefined;
-            priority?: "medium" | "high" | "low" | undefined;
-            tags?: string[] | undefined;
+            tags?: string[] | {
+                title: string;
+                color: string;
+            }[];
         }>;
         required: true;
     };
@@ -17,9 +18,10 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             contentMd: string;
             createdAt: string;
-            status?: "active" | "completed" | undefined;
-            priority?: "medium" | "high" | "low" | undefined;
-            tags?: string[] | undefined;
+            tags?: string[] | {
+                title: string;
+                color: string;
+            }[];
         }>;
         required: true;
     };

package/dist/components/Molecules/NoteCreation/NoteCreation.vue.d.ts

@@ -0,0 +1,16 @@
+import type { PropType as __PropType } from 'vue';
+import type { TagType } from "../../../types/TagType";
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<TagType[]>;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "create"[], "create", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<TagType[]>;
+        required: false;
+    };
+}>> & Readonly<{
+    onCreate?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/RegisterForm/RegisterForm.vue.d.ts

@@ -0,0 +1,66 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    nom: {
+        type: __PropType<string>;
+        required: true;
+    };
+    email: {
+        type: __PropType<string>;
+        required: true;
+    };
+    password: {
+        type: __PropType<string>;
+        required: true;
+    };
+    confirmPassword: {
+        type: __PropType<string>;
+        required: true;
+    };
+    isLoading: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    error: {
+        type: __PropType<string>;
+        required: false;
+        default: any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:email" | "update:password" | "submit" | "update:nom" | "update:confirmPassword")[], "update:email" | "update:password" | "submit" | "update:nom" | "update:confirmPassword", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    nom: {
+        type: __PropType<string>;
+        required: true;
+    };
+    email: {
+        type: __PropType<string>;
+        required: true;
+    };
+    password: {
+        type: __PropType<string>;
+        required: true;
+    };
+    confirmPassword: {
+        type: __PropType<string>;
+        required: true;
+    };
+    isLoading: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+    error: {
+        type: __PropType<string>;
+        required: false;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:email"?: (...args: any[]) => any;
+    "onUpdate:password"?: (...args: any[]) => any;
+    onSubmit?: (...args: any[]) => any;
+    "onUpdate:nom"?: (...args: any[]) => any;
+    "onUpdate:confirmPassword"?: (...args: any[]) => any;
+}>, {
+    isLoading: boolean;
+    error: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/SidebarTags/SidebarTags.vue.d.ts

@@ -0,0 +1,57 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<{
+            libelleName: string;
+            isSelected: boolean;
+            color?: string;
+        }[]>;
+        required: true;
+    };
+    title: {
+        type: __PropType<string>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    permanent: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    temporary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tag-click" | "tag-create")[], "update:modelValue" | "tag-click" | "tag-create", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<{
+            libelleName: string;
+            isSelected: boolean;
+            color?: string;
+        }[]>;
+        required: true;
+    };
+    title: {
+        type: __PropType<string>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    permanent: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    temporary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onTag-click"?: (...args: any[]) => any;
+    "onTag-create"?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/TagCreationModal/TagCreationModal.vue.d.ts

@@ -0,0 +1,16 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "create")[], "update:modelValue" | "create", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onCreate?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/TagDropdown/TagDropdown.vue.d.ts

@@ -0,0 +1,54 @@
+import type { PropType as __PropType } from 'vue';
+type TagType = {
+    id: string;
+    title: string;
+    color: string;
+};
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<TagType[]>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string[]>;
+        required: false;
+        default: () => any[];
+    };
+    label: {
+        type: __PropType<string>;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tags: {
+        type: __PropType<TagType[]>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string[]>;
+        required: false;
+        default: () => any[];
+    };
+    label: {
+        type: __PropType<string>;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean>;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    modelValue: string[];
+    label: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Molecules/UserCard/UserCard.vue.d.ts

@@ -5,9 +5,9 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             name: string;
             email: string;
-            role?: string | undefined;
-            isActive?: boolean | undefined;
-            avatar?: string | undefined;
+            role?: string;
+            isActive?: boolean;
+            avatar?: string;
         }>;
         required: true;
     };
@@ -17,9 +17,9 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
             id: string | number;
             name: string;
             email: string;
-            role?: string | undefined;
-            isActive?: boolean | undefined;
-            avatar?: string | undefined;
+            role?: string;
+            isActive?: boolean;
+            avatar?: string;
         }>;
         required: true;
     };

package/dist/components/Organisms/Header/Header.vue.d.ts

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