kelt-ui-kit-react 2.1.6 → 2.1.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kelt-ui-kit-react",
   "type": "module",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "private": false,
   "repository": {
     "type": "git",

package/src/addressSearch/AddressSearch.tsx

@@ -9,6 +9,7 @@ import { Icon } from "../icon/Icon";
 import {
     GeocodedAddress,
     GeocodingProvider,
+    GeocodingSearchType,
 } from "../geocoding/geocoding.interface";
 import { geocodingService } from "../geocoding/GeocodingService";
 import "./addressSearch.css";
@@ -24,6 +25,11 @@ export interface AddressSearchProps {
     debounceTime?: number;
     limit?: number;
     provider?: GeocodingProvider;
+    searchType?: GeocodingSearchType;
+    // Valeur écrite dans le champ à la sélection (par défaut la ligne d'adresse)
+    formatValue?: (address: GeocodedAddress) => string;
+    emptyLabel?: string;
+    required?: boolean;
     allowManualEntry?: boolean;
     manualEntryLabel?: string;
     onChange?: (value: string) => void;
@@ -42,6 +48,10 @@ export const AddressSearch = ({
     debounceTime = 300,
     limit = 5,
     provider = geocodingService,
+    searchType,
+    formatValue = (address) => address.addressLine,
+    emptyLabel = "Aucune adresse trouvée.",
+    required = false,
     allowManualEntry = true,
     manualEntryLabel = "Je ne trouve pas mon adresse",
     onChange,
@@ -59,10 +69,17 @@ export const AddressSearch = ({
     const [activeIndex, setActiveIndex] = useState(-1);
     const containerRef = useRef<HTMLDivElement>(null);
     const requestRef = useRef<AbortController>();
-    const skipNextSearchRef = useRef(false);
+    // Pas de recherche sur la valeur initiale : la liste s'ouvrirait au chargement
+    const skipNextSearchRef = useRef(!!value?.trim());
+    const queryRef = useRef(query);
+    queryRef.current = query;
 
+    // Valeur changée de l'extérieur (ex. remplie par un autre champ) : on
+    // l'affiche sans lancer de recherche
     useEffect(() => {
-        if (value !== undefined) setQuery(value);
+        if (value === undefined || value === queryRef.current) return;
+        skipNextSearchRef.current = true;
+        setQuery(value);
     }, [value]);
 
     useEffect(() => {
@@ -103,6 +120,7 @@ export const AddressSearch = ({
                 const addresses = await provider.search(normalizedQuery, {
                     limit,
                     signal: controller.signal,
+                    type: searchType,
                 });
                 setResults(addresses);
                 setActiveIndex(-1);
@@ -122,20 +140,21 @@ export const AddressSearch = ({
             window.clearTimeout(timeout);
             requestRef.current?.abort();
         };
-    }, [debounceTime, disabled, limit, minimumQueryLength, provider, query]);
+    }, [debounceTime, disabled, limit, minimumQueryLength, provider, query, searchType]);
 
     const selectAddress = useCallback(
         (address: GeocodedAddress) => {
+            const nextValue = formatValue(address);
             requestRef.current?.abort();
             skipNextSearchRef.current = true;
-            setQuery(address.addressLine);
+            setQuery(nextValue);
             setResults([]);
             setIsOpen(false);
             setActiveIndex(-1);
-            onChange?.(address.addressLine);
+            onChange?.(nextValue);
             onSelect(address);
         },
-        [onChange, onSelect],
+        [formatValue, onChange, onSelect],
     );
 
     const selectManualAddress = useCallback(() => {
@@ -186,6 +205,7 @@ export const AddressSearch = ({
                     }
                     autoComplete="off"
                     disabled={disabled}
+                    required={required}
                     value={query}
                     placeholder={placeholder}
                     onChange={(event) => {
@@ -206,7 +226,7 @@ export const AddressSearch = ({
                                 La recherche d'adresse est indisponible.
                             </div>
                         ) : results.length === 0 && !loading ? (
-                            <div className="address-search-status">Aucune adresse trouvée.</div>
+                            <div className="address-search-status">{emptyLabel}</div>
                         ) : (
                             results.map((address, index) => (
                                 <button

package/src/dataTable/dataTable.interface.ts

@@ -62,6 +62,8 @@ export interface dataTableActionsInterface<T> {
   visible?: boolean;
   width?: string | number;
   minWidth?: string | number;
+  /** Aligns inline action content within its width; omitted preserves the action type's default. */
+  align?: "right" | "left" | "center";
   focusNextRow?: boolean;
   /** "inline" (défaut) : affichée dans la ligne ; "menu" : regroupée dans le menu « ⋮ » en fin de ligne */
   display?: "inline" | "menu";

package/src/dataTable/dataTableActions/DataTableAction.tsx

@@ -1,3 +1,4 @@
+import type { CSSProperties } from "react";
 import { Button } from "../../button/Button";
 import { Icon } from "../../icon/Icon";
 import { dataTableActionsInterface } from "../dataTable.interface";
@@ -23,6 +24,13 @@ export const DataTableAction = ({
     title = action.labelButton ? action.labelButton(row) : action.label;
   }
 
+  const style: CSSProperties = {
+    minWidth: action.minWidth,
+    width: action.width,
+    justifyContent: action.align === "right" ? "flex-end" : action.align === "left" ? "flex-start" : action.align,
+    textAlign: action.align,
+  };
+
   const handleClick = (e?: React.MouseEvent) => {
     e?.stopPropagation();
     if (action.disabled) return;
@@ -40,10 +48,7 @@ export const DataTableAction = ({
           key={`button-action-${action.id}-${index}`}
           onClick={handleClick}
           disabled={action.disabled}
-          style={{
-            minWidth: action.minWidth,
-            width: action.width,
-          }}
+          style={style}
           className={`data-table-action button--tertiary mr-2 w-100 ${
             action.classIcon ? action.classIcon : ""
           }`}
@@ -65,16 +70,13 @@ export const DataTableAction = ({
             }
           }}
           onClick={handleClick}
-          style={{
-            minWidth: action.minWidth,
-            width: action.width,
-          }}
+          style={style}
         >
           <Icon classIcon={action.classIcon ?? ""} key={action.id} />
         </div>
       )}
       {action.type === "link" && (
-        <button type="button" className="data-table-action-link" disabled={action.disabled} onClick={handleClick}>
+        <button type="button" className="data-table-action-link" style={style} disabled={action.disabled} onClick={handleClick}>
           {title}
         </button>
       )}

package/src/form/Form.tsx

@@ -345,6 +345,10 @@ export const DynamicForm = forwardRef(
                       debounceTime={v.addressSearch?.debounceTime}
                       limit={v.addressSearch?.limit}
                       provider={v.addressSearch?.provider}
+                      searchType={v.addressSearch?.searchType}
+                      formatValue={v.addressSearch?.formatValue}
+                      emptyLabel={v.addressSearch?.emptyLabel}
+                      required={required}
                       allowManualEntry
                       manualEntryLabel={v.addressSearch?.manualEntryLabel}
                       onChange={(value) =>

package/src/form/form.interface.tsx

@@ -3,6 +3,7 @@ import { GridBreakpoints } from "../grid/grid.interface";
 import {
   GeocodedAddress,
   GeocodingProvider,
+  GeocodingSearchType,
 } from "../geocoding/geocoding.interface";
 
 export type FormMode = "read" | "edit";
@@ -46,6 +47,9 @@ export interface FormInterface {
     debounceTime?: number;
     limit?: number;
     provider?: GeocodingProvider;
+    searchType?: GeocodingSearchType;
+    formatValue?: (address: GeocodedAddress) => string;
+    emptyLabel?: string;
     manualEntryLabel?: string;
     mapAddress?: (
       address: GeocodedAddress,

package/src/geocoding/CityGeocodingService.ts

@@ -0,0 +1,144 @@
+import {
+    GeocodedAddress,
+    GeocodingProvider,
+    GeocodingSearchOptions,
+} from "./geocoding.interface";
+
+const DEFAULT_CITY_URL = "https://geo.api.gouv.fr";
+const FIELDS = "nom,codesPostaux,centre";
+
+interface Commune {
+    code: string;
+    nom: string;
+    codesPostaux?: string[];
+    centre?: { coordinates?: [number, number] };
+}
+
+export interface CityGeocodingServiceOptions {
+    baseUrl?: string;
+    fetcher?: typeof fetch;
+}
+
+/**
+ * Recherche de communes au fil de la saisie (API Découpage administratif) :
+ * - chiffres : début de code postal ("292" propose 29200 Brest),
+ * - texte : début de nom de commune ("bre" propose Brest, Brech...).
+ * Une commune à plusieurs codes postaux donne un résultat par code postal.
+ */
+export class CityGeocodingService implements GeocodingProvider {
+    private readonly baseUrl: string;
+    private readonly fetcher: typeof fetch;
+    // Communes par département, chargées une seule fois
+    private readonly departements = new Map<string, Promise<Commune[]>>();
+
+    constructor(options: CityGeocodingServiceOptions = {}) {
+        this.baseUrl = options.baseUrl ?? DEFAULT_CITY_URL;
+        this.fetcher = options.fetcher ?? globalThis.fetch.bind(globalThis);
+    }
+
+    async search(
+        query: string,
+        options: GeocodingSearchOptions = {},
+    ): Promise<GeocodedAddress[]> {
+        const normalizedQuery = query.trim();
+        if (!normalizedQuery) return [];
+        const limit = options.limit ?? 5;
+
+        if (/^\d+$/.test(normalizedQuery)) {
+            const communes = await this.communesDuCodePostal(normalizedQuery);
+            // Recherche dépassée par une saisie plus récente
+            if (options.signal?.aborted) {
+                throw new DOMException("Aborted", "AbortError");
+            }
+            return communes
+                .flatMap((commune) =>
+                    (commune.codesPostaux ?? [])
+                        .filter((codePostal) => codePostal.startsWith(normalizedQuery))
+                        .map((codePostal) => this.toAddress(commune, codePostal)),
+                )
+                .sort(
+                    (a, b) =>
+                        a.postalCode.localeCompare(b.postalCode) ||
+                        a.city.localeCompare(b.city, "fr"),
+                )
+                .slice(0, limit);
+        }
+
+        const params = new URLSearchParams({
+            nom: normalizedQuery,
+            fields: FIELDS,
+            boost: "population",
+            limit: String(limit),
+        });
+        const communes = await this.get(`/communes?${params}`, options.signal);
+        return communes
+            .flatMap((commune) =>
+                (commune.codesPostaux ?? []).map((codePostal) =>
+                    this.toAddress(commune, codePostal),
+                ),
+            )
+            .slice(0, limit);
+    }
+
+    // Départements concernés par un début de code postal
+    private async communesDuCodePostal(codePostal: string): Promise<Commune[]> {
+        const prefixe = codePostal.slice(0, 2);
+        if (prefixe.length < 2 || prefixe === "98") return [];
+        // Corse : codes postaux 20xxx pour la Corse-du-Sud et la Haute-Corse
+        const departements =
+            prefixe === "20"
+                ? ["2A", "2B"]
+                : prefixe === "97"
+                  ? codePostal.length >= 3
+                      ? [codePostal.slice(0, 3)]
+                      : []
+                  : [prefixe];
+        const listes = await Promise.all(
+            departements.map((departement) => this.communesDuDepartement(departement)),
+        );
+        return listes.flat();
+    }
+
+    // Sans signal : la requête est partagée par toutes les recherches du département
+    private communesDuDepartement(departement: string): Promise<Commune[]> {
+        let communes = this.departements.get(departement);
+        if (!communes) {
+            communes = this.get(
+                `/departements/${departement}/communes?fields=${FIELDS}`,
+            ).catch((error) => {
+                this.departements.delete(departement);
+                throw error;
+            });
+            this.departements.set(departement, communes);
+        }
+        return communes;
+    }
+
+    private async get(path: string, signal?: AbortSignal): Promise<Commune[]> {
+        const response = await this.fetcher(`${this.baseUrl}${path}`, { signal });
+        // Département inconnu (ex. 96) : aucune commune
+        if (response.status === 404) return [];
+        if (!response.ok) {
+            throw new Error(`City search request failed (${response.status})`);
+        }
+        return (await response.json()) as Commune[];
+    }
+
+    private toAddress(commune: Commune, codePostal: string): GeocodedAddress {
+        const [longitude, latitude] = commune.centre?.coordinates ?? [0, 0];
+        return {
+            id: `${commune.code}-${codePostal}`,
+            label: `${codePostal} ${commune.nom}`,
+            addressLine: commune.nom,
+            postalCode: codePostal,
+            city: commune.nom,
+            cityCode: commune.code,
+            countryCode: "FR",
+            longitude,
+            latitude,
+            type: "municipality",
+        };
+    }
+}
+
+export const cityGeocodingService = new CityGeocodingService();

package/src/geocoding/GeocodingService.ts

@@ -53,6 +53,7 @@ export class GeocodingService implements GeocodingProvider {
             autocomplete: "1",
             index: "address",
         });
+        if (options.type) params.set("type", options.type);
         const response = await this.fetcher(`${this.baseUrl}?${params}`, {
             signal: options.signal,
         });

package/src/geocoding/geocoding.interface.ts

@@ -12,9 +12,17 @@ export interface GeocodedAddress {
     type?: string;
 }
 
+// "municipality" : communes seulement (recherche par code postal ou ville)
+export type GeocodingSearchType =
+    | "housenumber"
+    | "street"
+    | "locality"
+    | "municipality";
+
 export interface GeocodingSearchOptions {
     limit?: number;
     signal?: AbortSignal;
+    type?: GeocodingSearchType;
 }
 
 export interface GeocodingProvider {

package/src/index.ts

@@ -52,10 +52,15 @@ export {
   GeocodingService,
   geocodingService,
 } from "./geocoding/GeocodingService";
+export {
+  CityGeocodingService,
+  cityGeocodingService,
+} from "./geocoding/CityGeocodingService";
 export type {
   GeocodedAddress,
   GeocodingProvider,
   GeocodingSearchOptions,
+  GeocodingSearchType,
 } from "./geocoding/geocoding.interface";
 export { Header } from "./header/Header";
 export { Icon } from "./icon/Icon";

package/src/sidebar/Sidebar.tsx

@@ -155,6 +155,38 @@ export const Sidebar = ({
     [toggleSidebar],
   );
 
+  // iOS : un glissé vertical sans rien à scroller dans la sidebar fait rebondir
+  // la page derrière (fond blanc, contenu visible en haut). Écouteur natif non
+  // passif : celui de React est passif, son preventDefault n'a pas d'effet.
+  useEffect(() => {
+    const sidebar = sidebarRef.current;
+    if (!isOpen || !sidebar) return;
+
+    const onTouchMove = (event: TouchEvent) => {
+      const deltaY = event.touches[0].clientY - touchStartY.current;
+      let element = event.target as HTMLElement | null;
+      while (element && element !== sidebar.parentElement) {
+        const { overflowY } = window.getComputedStyle(element);
+        const scrollable =
+          (overflowY === "auto" || overflowY === "scroll") &&
+          element.scrollHeight > element.clientHeight;
+        if (scrollable) {
+          const enHaut = element.scrollTop <= 0;
+          const enBas =
+            element.scrollTop + element.clientHeight >= element.scrollHeight;
+          // Laisse scroller tant qu'on n'est pas en butée dans le sens du geste
+          if ((deltaY > 0 && !enHaut) || (deltaY < 0 && !enBas)) return;
+          break;
+        }
+        element = element.parentElement;
+      }
+      if (event.cancelable) event.preventDefault();
+    };
+
+    sidebar.addEventListener("touchmove", onTouchMove, { passive: false });
+    return () => sidebar.removeEventListener("touchmove", onTouchMove);
+  }, [isOpen]);
+
   useEffect(() => {
     if (isOpen) {
       document.addEventListener("mousedown", handleClickOutside);

package/src/sidebar/sidebar.css

@@ -2,10 +2,13 @@
   touch-action: pan-y;
   /* laisse le scroll vertical natif, gère le X nous-même */
   will-change: transform;
+  /* le scroll ne se propage pas à la page derrière */
+  overscroll-behavior: contain;
 }
 
 .overlay {
   touch-action: none;
+  overscroll-behavior: contain;
 }
 
 .toggle-btn {
@@ -15,7 +18,12 @@
 
 .sidebar {
   width: 200px;
+  /* iOS (Safari, WKWebView) : 100vh dépasse la zone visible et cache le bas
+     de la sidebar sous la barre d'outils ; 100dvh suit la hauteur visible */
   height: 100vh;
+  height: 100dvh;
+  padding-bottom: env(safe-area-inset-bottom);
+  box-sizing: border-box;
   background-color: var(--primary-color);
   color: white;
   transition: width 0.3s;

package/tests/dataTable.test.mjs

@@ -26,10 +26,12 @@ const server = await createServer({
   server: { middlewareMode: true, watch: null, hmr: false },
 });
 let DataTableRow;
+let DataTableAction;
 let Tabs;
 let Select;
 try {
   ({ DataTableRow } = await server.ssrLoadModule("/src/dataTable/dataTableRow/DataTableRow.tsx"));
+  ({ DataTableAction } = await server.ssrLoadModule("/src/dataTable/dataTableActions/DataTableAction.tsx"));
   ({ Tabs } = await server.ssrLoadModule("/src/tabs/Tabs.tsx"));
   ({ Select } = await server.ssrLoadModule("/src/select/Select.tsx"));
 } finally {
@@ -50,6 +52,33 @@ test("action widths preserve Hub sums and Kelt explicit column widths", () => {
   assert.equal(utils.getActionsWidth([]), 200);
 });
 
+test("inline action content aligns within its width for every action type", () => {
+  for (const type of ["button", "icon", "link"]) {
+    for (const [align, justifyContent] of [["left", "flex-start"], ["center", "center"], ["right", "flex-end"]]) {
+      const html = renderToStaticMarkup(createElement(DataTableAction, {
+        action: { id: "delete", label: "Delete", type, classIcon: "bi-trash", width: 50, minWidth: 40, align, onClick() {} },
+        row: {},
+      }));
+      assert.match(html, /width:50px/);
+      assert.match(html, /min-width:40px/);
+      assert.ok(html.includes(`justify-content:${justifyContent}`));
+      assert.ok(html.includes(`text-align:${align}`));
+    }
+  }
+});
+
+test("omitting action alignment preserves default styles and visibility", () => {
+  for (const type of ["button", "icon", "link"]) {
+    const action = { id: "delete", label: "Delete", type, width: "50px", onClick() {} };
+    const html = renderToStaticMarkup(createElement(DataTableAction, { action, row: {} }));
+    assert.doesNotMatch(html, /justify-content|text-align/);
+    assert.match(html, /width:50px/);
+    assert.equal(renderToStaticMarkup(createElement(DataTableAction, {
+      action: { ...action, visible: false }, row: {},
+    })), "");
+  }
+});
+
 test("menu actions are grouped behind a single three-dots toggle", () => {
   assert.equal(utils.getActionsWidth([{ width: 48 }, { width: 100, display: "menu" }]), 48 + utils.ACTION_MENU_WIDTH);
   assert.equal(utils.getActionsWidth([{ display: "menu" }, { display: "menu" }]), utils.ACTION_MENU_WIDTH);

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.menu.tsx","./src/App.routes.tsx","./src/App.tsx","./src/index.ts","./src/main.tsx","./src/_core/hooks/HistoryProvider.tsx","./src/_core/hooks/ImageChecker.tsx","./src/_core/hooks/imageExist.tsx","./src/_core/hooks/isEAN13.tsx","./src/_core/hooks/objectToQueryParams.tsx","./src/_core/hooks/useCurrency.tsx","./src/_core/hooks/useDateutils.ts","./src/_core/hooks/useIsMobile.ts","./src/_core/hooks/useToken.tsx","./src/_core/hooks/useValidate.tsx","./src/_core/hooks/widgetSupport.tsx","./src/_core/type/generiqueType.tsx","./src/action/Action.view.tsx","./src/action/ButtonAction.tsx","./src/addressSearch/AddressSearch.tsx","./src/addressSearch/AddressSearch.view.tsx","./src/badge/Badge.tsx","./src/badge/Badge.view.tsx","./src/button/Button.tsx","./src/button/Button.view.tsx","./src/button/button.interface.tsx","./src/button/buttonActions/ButtonActions.tsx","./src/button/buttonFile/ButtonFile.tsx","./src/button/buttonFile/ButtonFile.view.tsx","./src/button/buttonFilters/ButtonFilters.tsx","./src/button/buttonImport/ButtonImport.tsx","./src/button/buttonImport/ButtonImport.view.tsx","./src/card/Card.tsx","./src/card/Card.view.tsx","./src/card/card.interface.tsx","./src/card/cardAction.interface.tsx","./src/card/cardAction/CardAction.tsx","./src/card/hook/useCardInteractions.tsx","./src/carousel/Carousel.tsx","./src/carousel/Carousel.view.tsx","./src/damier/Damier.tsx","./src/damier/Damier.view.tsx","./src/damier/damierCell/DamierCell.tsx","./src/damier/damierCell/damierCell.interface.tsx","./src/dataTable/DataTable.tsx","./src/dataTable/DataTable.view.tsx","./src/dataTable/dataTable.interface.ts","./src/dataTable/dataTable.utils.ts","./src/dataTable/useDataTableState.tsx","./src/dataTable/dataTableActions/DataTableAction.tsx","./src/dataTable/dataTableActions/DataTableActionMenu.tsx","./src/dataTable/dataTableColumn/DataTableColumn.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx","./src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx","./src/dataTable/dataTableFilters/DataTableFilters.tsx","./src/dataTable/dataTableLoading/DataTableLoading.tsx","./src/dataTable/dataTableRow/DataTableRow.tsx","./src/datePicker/DatePicker.tsx","./src/datePicker/DatePicker.view.tsx","./src/docs/ComponentDocs.tsx","./src/docs/catalog.ts","./src/docs/documentation.types.ts","./src/docs/virtual.d.ts","./src/expands/Expands.tsx","./src/expands/Expands.view.tsx","./src/expands/expand/expand.interface.tsx","./src/expands/expand/expand.tsx","./src/filAriane/FilAriane.tsx","./src/filAriane/FilAriane.view.tsx","./src/filAriane/filAriane.interface.tsx","./src/form/Form.tsx","./src/form/Form.view.tsx","./src/form/form.enum.ts","./src/form/form.interface.tsx","./src/form/input/Input.tsx","./src/form/inputNumber/InputNumber.tsx","./src/form/inputNumber/InputNumber.view.tsx","./src/form/inputPrice/InputPrice.tsx","./src/form/inputPrice/InputPrice.view.tsx","./src/form/textArea/TextArea.tsx","./src/form/textArea/TextArea.view.tsx","./src/geocoding/GeocodingService.ts","./src/geocoding/geocoding.interface.ts","./src/grid/Grid.tsx","./src/grid/Grid.view.tsx","./src/grid/grid.interface.tsx","./src/grid/col/Col.tsx","./src/grid/col/colStyled/ColStyled.tsx","./src/grid/container/Container.tsx","./src/grid/row/Row.tsx","./src/header/Header.tsx","./src/header/Header.view.tsx","./src/header/header.interface.tsx","./src/home/Home.tsx","./src/icon/Icon.tsx","./src/icon/Icons.view.tsx","./src/icon/icon.interface.tsx","./src/icon/iconSize.enum.ts","./src/loader/Loader.tsx","./src/loader/Loader.view.tsx","./src/menus/Menus.tsx","./src/menus/Menus.view.tsx","./src/menus/menu/Menu.tsx","./src/menus/menu/menu.interface.tsx","./src/message/Message.tsx","./src/message/Message.view.tsx","./src/modal/Modal.tsx","./src/modal/Modal.view.tsx","./src/notFound/NotFound.tsx","./src/overlayPanel/OverlayPanel.tsx","./src/overlayPanel/OverlayPanel.view.tsx","./src/overlayPanel/overlay.context.tsx","./src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx","./src/pdfViewer/PdfViewer.tsx","./src/pdfViewer/PdfViewer.view.tsx","./src/quantity/Quantity.tsx","./src/quantity/Quantity.view.tsx","./src/search/Search.tsx","./src/search/Search.view.tsx","./src/select/Select.tsx","./src/select/Select.view.tsx","./src/select/selectOption.interface.ts","./src/sidebar/Sidebar.tsx","./src/sidebar/Sidebar.view.tsx","./src/sidebarData/SidebarData.tsx","./src/sidebarData/SidebarData.view.tsx","./src/tabs/Tabs.tsx","./src/tabs/Tabs.view.tsx","./src/toaster/Toaster.tsx","./src/toaster/Toaster.view.tsx","./src/toaster/store/useToasterStore.tsx"],"version":"5.9.3"}
+{"root":["./src/App.menu.tsx","./src/App.routes.tsx","./src/App.tsx","./src/index.ts","./src/main.tsx","./src/_core/hooks/HistoryProvider.tsx","./src/_core/hooks/ImageChecker.tsx","./src/_core/hooks/imageExist.tsx","./src/_core/hooks/isEAN13.tsx","./src/_core/hooks/objectToQueryParams.tsx","./src/_core/hooks/useCurrency.tsx","./src/_core/hooks/useDateutils.ts","./src/_core/hooks/useIsMobile.ts","./src/_core/hooks/useToken.tsx","./src/_core/hooks/useValidate.tsx","./src/_core/hooks/widgetSupport.tsx","./src/_core/type/generiqueType.tsx","./src/action/Action.view.tsx","./src/action/ButtonAction.tsx","./src/addressSearch/AddressSearch.tsx","./src/addressSearch/AddressSearch.view.tsx","./src/badge/Badge.tsx","./src/badge/Badge.view.tsx","./src/button/Button.tsx","./src/button/Button.view.tsx","./src/button/button.interface.tsx","./src/button/buttonActions/ButtonActions.tsx","./src/button/buttonFile/ButtonFile.tsx","./src/button/buttonFile/ButtonFile.view.tsx","./src/button/buttonFilters/ButtonFilters.tsx","./src/button/buttonImport/ButtonImport.tsx","./src/button/buttonImport/ButtonImport.view.tsx","./src/card/Card.tsx","./src/card/Card.view.tsx","./src/card/card.interface.tsx","./src/card/cardAction.interface.tsx","./src/card/cardAction/CardAction.tsx","./src/card/hook/useCardInteractions.tsx","./src/carousel/Carousel.tsx","./src/carousel/Carousel.view.tsx","./src/damier/Damier.tsx","./src/damier/Damier.view.tsx","./src/damier/damierCell/DamierCell.tsx","./src/damier/damierCell/damierCell.interface.tsx","./src/dataTable/DataTable.tsx","./src/dataTable/DataTable.view.tsx","./src/dataTable/dataTable.interface.ts","./src/dataTable/dataTable.utils.ts","./src/dataTable/useDataTableState.tsx","./src/dataTable/dataTableActions/DataTableAction.tsx","./src/dataTable/dataTableActions/DataTableActionMenu.tsx","./src/dataTable/dataTableColumn/DataTableColumn.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/DataTableColumnFilter.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDate/DataTableColumnFilterDate.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterDateRange/dataTableColumnFilterDateRange.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterEnum/DataTableColumnFilterEnum.tsx","./src/dataTable/dataTableColumn/dataTableColumnFilter/dataTableColumnFilterString/DataTableColumnFilterString.tsx","./src/dataTable/dataTableColumn/dataTableColumnSort/DataTableColumnSort.tsx","./src/dataTable/dataTableFilters/DataTableFilters.tsx","./src/dataTable/dataTableLoading/DataTableLoading.tsx","./src/dataTable/dataTableRow/DataTableRow.tsx","./src/datePicker/DatePicker.tsx","./src/datePicker/DatePicker.view.tsx","./src/docs/ComponentDocs.tsx","./src/docs/catalog.ts","./src/docs/documentation.types.ts","./src/docs/virtual.d.ts","./src/expands/Expands.tsx","./src/expands/Expands.view.tsx","./src/expands/expand/expand.interface.tsx","./src/expands/expand/expand.tsx","./src/filAriane/FilAriane.tsx","./src/filAriane/FilAriane.view.tsx","./src/filAriane/filAriane.interface.tsx","./src/form/Form.tsx","./src/form/Form.view.tsx","./src/form/form.enum.ts","./src/form/form.interface.tsx","./src/form/input/Input.tsx","./src/form/inputNumber/InputNumber.tsx","./src/form/inputNumber/InputNumber.view.tsx","./src/form/inputPrice/InputPrice.tsx","./src/form/inputPrice/InputPrice.view.tsx","./src/form/textArea/TextArea.tsx","./src/form/textArea/TextArea.view.tsx","./src/geocoding/CityGeocodingService.ts","./src/geocoding/GeocodingService.ts","./src/geocoding/geocoding.interface.ts","./src/grid/Grid.tsx","./src/grid/Grid.view.tsx","./src/grid/grid.interface.tsx","./src/grid/col/Col.tsx","./src/grid/col/colStyled/ColStyled.tsx","./src/grid/container/Container.tsx","./src/grid/row/Row.tsx","./src/header/Header.tsx","./src/header/Header.view.tsx","./src/header/header.interface.tsx","./src/home/Home.tsx","./src/icon/Icon.tsx","./src/icon/Icons.view.tsx","./src/icon/icon.interface.tsx","./src/icon/iconSize.enum.ts","./src/loader/Loader.tsx","./src/loader/Loader.view.tsx","./src/menus/Menus.tsx","./src/menus/Menus.view.tsx","./src/menus/menu/Menu.tsx","./src/menus/menu/menu.interface.tsx","./src/message/Message.tsx","./src/message/Message.view.tsx","./src/modal/Modal.tsx","./src/modal/Modal.view.tsx","./src/notFound/NotFound.tsx","./src/overlayPanel/OverlayPanel.tsx","./src/overlayPanel/OverlayPanel.view.tsx","./src/overlayPanel/overlay.context.tsx","./src/overlayPanel/overlayPanelStyled/OverlayPanelStyled.tsx","./src/pdfViewer/PdfViewer.tsx","./src/pdfViewer/PdfViewer.view.tsx","./src/quantity/Quantity.tsx","./src/quantity/Quantity.view.tsx","./src/search/Search.tsx","./src/search/Search.view.tsx","./src/select/Select.tsx","./src/select/Select.view.tsx","./src/select/selectOption.interface.ts","./src/sidebar/Sidebar.tsx","./src/sidebar/Sidebar.view.tsx","./src/sidebarData/SidebarData.tsx","./src/sidebarData/SidebarData.view.tsx","./src/tabs/Tabs.tsx","./src/tabs/Tabs.view.tsx","./src/toaster/Toaster.tsx","./src/toaster/Toaster.view.tsx","./src/toaster/store/useToasterStore.tsx"],"version":"5.9.3"}

package/vite.config.ts

@@ -22,6 +22,13 @@ export default defineConfig(({ command, mode }) => ({
     },
     rollupOptions: {
       external: [/^react(\/.*)?$/, /^react-dom(\/.*)?$/, "react-router", "react-router-dom"],
+      // Rapport de durée des plugins : bruit à chaque build
+      checks: { pluginTimings: false },
+      onwarn(warning, warn) {
+        // 'use client' de react-calendar : directive Next.js, sans effet ici
+        if (warning.code === "MODULE_LEVEL_DIRECTIVE") return;
+        warn(warning);
+      },
     },
   },
 }));