@avenirs-esr/avenirs-dsav 0.1.27 → 0.1.29

package/dist/components/interaction/buttons/AvButton/AvButton.stories.d.ts

@@ -33,13 +33,13 @@ import { type AvButtonProps } from '@/components/interaction/buttons/AvButton/Av
  * <ul>
  *   <li>
  *     <span class="b2-regular">
- *       A label – mandatory, using the <code>label</code> prop, enables label display when <code>iconOnly</code> is <code>false</code>,
+ *       A label - mandatory, using the <code>label</code> prop, enables label display when <code>iconOnly</code> is <code>false</code>,
  *       also enables connection to <code>title</code> and <code>aria-label</code>;
  *     </span>
  *   </li>
  *   <li>
  *     <span class="b2-regular">
- *       An icon, which can be modified (see available icons) – optional.
+ *       An icon, which can be modified (see available icons) - optional.
  *     </span>
  *   </li>
  * </ul>

package/dist/components/interaction/files/AvFileUpload/AvFileUpload.vue.d.ts

@@ -66,7 +66,7 @@ export interface AvFileUploadProps {
      * delete button label
      *
      */
-    deleteButtonLabel: string;
+    deleteButtonLabel?: string;
     /**
      * Name of actual file.
      *
@@ -112,17 +112,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvFileUplo
     "onUpdate:validMessage"?: ((payload: string | null) => any) | undefined;
     "onUpdate:error"?: ((payload: string | null) => any) | undefined;
     onOnDropAcceptTypeError?: (() => any) | undefined;
-}>, {
-    error: string;
-    id: string;
-    modelValue: File | null;
-    disabled: boolean;
-    validMessage: string;
-    ariaLabel: string;
-    accept: string | string[];
-    maxWidth: string;
-    enableMultiple: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts

@@ -503,10 +503,13 @@ export declare const WithCustomItemSlotExample: {
                 BRIEFCASE_VARIANT_OUTLINE: string;
                 CALENDAR_MONTH_OUTLINE: string;
                 CHART_TIMELINE_VARIANT_SHIMMER: string;
+                CHAT_ALERT: string;
                 CHAT_BUBBLE_OUTLINE: string;
                 CHECK: string;
                 CHECK_CIRCLE: string;
                 CHECK_CIRCLE_OUTLINE: string;
+                CHECKBOX_BLANK_OUTLINE: string;
+                CHECKBOX_MARKED: string;
                 CHEVRON_DOUBLE_LEFT: string;
                 CHEVRON_DOUBLE_RIGHT: string;
                 CLOSE_CIRCLE_OUTLINE: string;

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts

@@ -0,0 +1,128 @@
+import type { StoryFn } from '@storybook/vue3';
+import { type AvMultiselectProps } from '@/components/interaction/selects/AvMultiselect/AvMultiselect.vue';
+/**
+ * <h2 class="n2">✨ Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvMultiselect</code> is a Vue component enabling a user to select one or many items from a given list.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The drop-down list provides a list of options for the user to choose from.
+ *     The user can filter this list and use a button to select/deselect all visible items.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">🏗️ Structure</h2>
+ *
+ * <p><span class="b2-regular">The <code>AvMultiselect</code> consists of:</span></p>
+ * <ul>
+ *   <li><span class="b2-regular">a <strong>label</strong> - Mandatory (<code>label</code> prop)</span></li>
+ *   <li><span class="b2-regular">a <strong>description</strong> - Optional (<code>hint</code> prop or <code>hint</code> slot)</span></li>
+ *   <li><span class="b2-regular">a <strong>list</strong> - Composed of a set of selectable options (mandatory, <code>options</code> prop)</span></li>
+ * </ul>
+ *
+ * <p><span class="b2-regular">Inside the list:</span></p>
+ * <ul>
+ *   <li><span class="b2-regular">a <strong>"Select all" / "Deselect all" button</strong> - Optional (<code>selectAll</code> and <code>selectAllLabel</code> props)</span></li>
+ *   <li><span class="b2-regular">an <strong>input field</strong> - Optional</span></li>
+ *   <li><span class="b2-regular">a <strong>form section (fieldset)</strong> containing:</span>
+ *     <ul>
+ *       <li><span class="b2-regular">a <strong>legend</strong> - Optional, can be hidden (<code>legend</code> prop or <code>legend</code> slot)</span></li>
+ *       <li><span class="b2-regular">a <strong>description of the group</strong> - Optional, can be hidden</span></li>
+ *       <li><span class="b2-regular">a <strong>list of options</strong> - Mandatory (<code>options</code> prop)</span></li>
+ *     </ul>
+ *   </li>
+ * </ul>
+ */
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<AvMultiselectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: import("@/components/interaction/selects/AvMultiselect/AvMultiselect.vue").AvMultiselectOption[]) => any;
+    }, string, import("vue").PublicProps, Readonly<AvMultiselectProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import("@/components/interaction/selects/AvMultiselect/AvMultiselect.vue").AvMultiselectOption[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: string;
+        };
+        dense: {
+            control: string;
+        };
+        selectId: {
+            control: string;
+        };
+        name: {
+            control: string;
+        };
+        hint: {
+            control: string;
+        };
+        modelValue: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            control: boolean;
+        };
+        label: {
+            control: string;
+        };
+        options: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            control: boolean;
+        };
+        successMessage: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+        defaultUnselectedText: {
+            control: string;
+            required: boolean;
+        };
+        selectAll: {
+            control: string;
+        };
+        search: {
+            control: string;
+        };
+    };
+    args: {
+        options: {
+            value: string;
+            label: string;
+        }[];
+        defaultUnselectedText: string;
+        required: boolean;
+        disabled: boolean;
+        selectId: string;
+        name: string;
+        hint: string;
+        modelValue: string[];
+        label: string;
+        successMessage: string;
+        errorMessage: string;
+        dense: boolean;
+        selectAll: boolean;
+        search: boolean;
+    };
+    parameters: {
+        docs: {
+            story: {
+                height: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: StoryFn<AvMultiselectProps>;
+export declare const Dense: StoryFn<AvMultiselectProps>;

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts

@@ -0,0 +1,86 @@
+/**
+ * AvMultiselect option props.
+ */
+export interface AvMultiselectOption {
+    /**
+     * Displayed label of the option
+     */
+    label: string;
+    /**
+     * Value of the option
+     */
+    value: string | number;
+}
+/**
+ * AvMultiselect component props.
+ */
+export interface AvMultiselectProps {
+    /**
+     * Indicated if the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Unique id for the select. Used for the accessibility.
+     */
+    selectId?: string;
+    /**
+     * Field name.
+     */
+    name?: string;
+    /**
+     * Hint for guidance.
+     */
+    hint?: string;
+    /**
+     * Selected option(s) value(s).
+     */
+    modelValue: AvMultiselectOption[];
+    /**
+     * Select text label.
+     */
+    label: string;
+    /**
+     * Selectable options.
+     */
+    options?: AvMultiselectOption[];
+    /**
+     * If set, display a success message.
+     */
+    successMessage?: string;
+    /**
+     * If set, display an error message.
+     */
+    errorMessage?: string;
+    /**
+     * Placeholder text.
+     */
+    defaultUnselectedText: string;
+    /**
+     * dense mode
+     */
+    dense?: boolean;
+    /**
+     * Displayed text when options are selected.
+     */
+    selectedText?: string;
+    /**
+     * Displays the select all items button
+     */
+    selectAll?: boolean;
+    /**
+     * Update the select all items button label
+     * @default
+     * ["Tout sélectionner", "Tout désélectionner"]
+     */
+    selectAllLabel?: [string, string];
+    /**
+     * Displays the search bar
+     */
+    search?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvMultiselectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: AvMultiselectOption[]) => any;
+}, string, import("vue").PublicProps, Readonly<AvMultiselectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: AvMultiselectOption[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/tests/utils.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentMountingOptions } from '@vue/test-utils';
+import { type ComponentMountingOptions, type VueWrapper } from '@vue/test-utils';
 import { type Component } from 'vue';
 /**
  * Function allowing developpers to use a common BDD format for tests
@@ -24,11 +24,7 @@ declare function mountComposable<T>(fn: () => T): {
  * @template T
  * @param {Component} component - Vue component to mount.
  * @param {ComponentMountingOptions<T>} [options] - Additional options for mounting the component.
- * @returns {Promise<ReturnType<typeof mount>>} The mounted component wrapper, after the next tick.
+ * @returns {Promise<VueWrapper<InstanceType<any>>>} the function  return any as type because ts type is too complicated.
  */
-declare function mountWithRouter<T>(component: Component, options?: ComponentMountingOptions<T>): Promise<import("@vue/test-utils").VueWrapper<import("vue-component-type-helpers").ComponentProps<T> & (T extends {
-    data?(...args: any): infer D;
-} ? D : {}) & import("vue-component-type-helpers").ComponentExposed<T>, import("vue").ComponentPublicInstance<import("vue-component-type-helpers").ComponentProps<T>, (T extends {
-    data?(...args: any): infer D;
-} ? D : {}) & import("vue-component-type-helpers").ComponentExposed<T> & Omit<import("vue-component-type-helpers").ComponentProps<T>, keyof import("vue-component-type-helpers").ComponentProps<T>>>>>;
+declare function mountWithRouter<T>(component: Component, options?: ComponentMountingOptions<T>): Promise<VueWrapper<InstanceType<any>>>;
 export { mountComposable, mountWithRouter, };

package/dist/tokens/icons.d.ts

@@ -15,10 +15,13 @@ export declare const MDI_ICONS: {
     BRIEFCASE_VARIANT_OUTLINE: string;
     CALENDAR_MONTH_OUTLINE: string;
     CHART_TIMELINE_VARIANT_SHIMMER: string;
+    CHAT_ALERT: string;
     CHAT_BUBBLE_OUTLINE: string;
     CHECK: string;
     CHECK_CIRCLE: string;
     CHECK_CIRCLE_OUTLINE: string;
+    CHECKBOX_BLANK_OUTLINE: string;
+    CHECKBOX_MARKED: string;
     CHEVRON_DOUBLE_LEFT: string;
     CHEVRON_DOUBLE_RIGHT: string;
     CLOSE_CIRCLE_OUTLINE: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "main": "dist/avenirs-dsav.umd.js",
   "module": "dist/avenirs-dsav.es.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,11 @@
   "scripts": {
     "clean:dist": "rimraf dist",
     "build-only": "vite build",
+    "build-only:watch": "vite build --watch",
     "build-only:development": "vite build -m development",
     "dev": "vite",
     "build": "run-p type-check type-gen \"build-only {@}\" --",
+    "build:watch": "run-p type-check type-gen:watch \"build-only:watch {@}\" --",
     "build:development": "run-p type-check type-gen \"build-only:development {@}\" --",
     "format": "eslint . --fix",
     "lint": "eslint .",
@@ -29,6 +31,7 @@
     "test:watch": "vitest",
     "type-check": "vue-tsc --build --force",
     "type-gen": "vue-tsc -p tsconfig.app.json",
+    "type-gen:watch": "vue-tsc -p tsconfig.app.json --watch",
     "prepare": "husky || true",
     "commitlint": "commitlint --edit",
     "lint-staged": "lint-staged",