@edifice.io/react 2.6.5-develop-b2school.20260914145143 → 2.6.5-develop.20260915170334

package/dist/components/LinkPill/LinkPill.d.ts

@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-export type LinkPillIllustrationType = 'icon' | 'img';
-export type LinkPillIllustrationPosition = 'left' | 'right';
-export interface LinkPillProps {
-    /**
-     * URL opened in a new tab when the pill is clicked.
-     */
-    href: string;
-    /**
-     * Text displayed inside the pill (single line, ellipsis on overflow).
-     */
-    label: string;
-    /**
-     * Optional second line displayed below the label (single line, ellipsis
-     * on overflow). Does not affect the label's font size.
-     */
-    subtitle?: string;
-    /**
-     * Illustration node. Defaults to `<IconLink />` for the `icon` type.
-     * For the `img` type, the caller must provide an `<img>` element.
-     */
-    illustration?: ReactNode;
-    /**
-     * `icon` (default): illustration wrapped in a small rounded box.
-     * `img`: illustration rendered as a 36x36 rounded square (e.g. a favicon).
-     */
-    illustrationType?: LinkPillIllustrationType;
-    /**
-     * Side the illustration is displayed on.
-     */
-    illustrationPosition?: LinkPillIllustrationPosition;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
-}
-/**
- * LinkPill – design system component used to display a link to an
- * external resource as a small rounded pill.
- */
-declare const LinkPill: {
-    ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, }: LinkPillProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default LinkPill;

package/dist/components/LinkPill/LinkPill.js

@@ -1,27 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import clsx from "clsx";
-import SvgIconLink from "../../modules/icons/components/IconLink.js";
-const LinkPill = ({
-  href,
-  label,
-  subtitle,
-  illustration,
-  illustrationType = "icon",
-  illustrationPosition = "left",
-  className
-}) => {
-  const illustrationNode = illustrationType === "icon" ? /* @__PURE__ */ jsx("span", { className: "link-pill-icon", children: illustration ?? /* @__PURE__ */ jsx(SvgIconLink, {}) }) : /* @__PURE__ */ jsx("span", { className: "link-pill-image", children: illustration }), contentNode = /* @__PURE__ */ jsxs("span", { className: "link-pill-content", children: [
-    /* @__PURE__ */ jsx("span", { className: "link-pill-label", title: label, children: label }),
-    subtitle && /* @__PURE__ */ jsx("span", { className: "link-pill-subtitle", title: subtitle, children: subtitle })
-  ] });
-  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    illustrationNode,
-    contentNode
-  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    contentNode,
-    illustrationNode
-  ] }) });
-};
-export {
-  LinkPill as default
-};

package/dist/components/LinkPill/index.d.ts

@@ -1,2 +0,0 @@
-export { default as LinkPill } from './LinkPill';
-export * from './LinkPill';

package/dist/components/ModalBeta/ModalBeta.d.ts

@@ -1,47 +0,0 @@
-export type ModalBetaElement = HTMLDivElement;
-export type ModalBetaSize = 's' | 'm' | 'l' | 'xl';
-export interface ModalBetaProps {
-    /**
-     * Modal id (useful when multiple modal on the same page)
-     */
-    id: string;
-    /**
-     * Modal testid
-     */
-    ['data-testid']?: string;
-    /**
-     * Is Modal Open
-     */
-    isOpen: boolean;
-    /**
-     * Function to call when closing modal
-     */
-    onModalClose: () => void;
-    /**
-     * Size of the modal (width, padding and corner radius)
-     */
-    size?: ModalBetaSize;
-    /**
-     * ID of the HTML element to receive focus when modal is active.
-     */
-    focusId?: string;
-    /**
-     * Children
-     */
-    children: React.ReactNode;
-}
-declare const ModalBeta: import('react').ForwardRefExoticComponent<ModalBetaProps & import('react').RefAttributes<HTMLDivElement>> & {
-    Header: {
-        ({ onModalClose, children, subtitle, }: import('./ModalBetaHeader').ModalBetaHeaderProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ children, className }: import('./ModalBetaBody').ModalBetaBodyProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ children }: import('./ModalBetaFooter').ModalBetaFooterProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export default ModalBeta;

package/dist/components/ModalBeta/ModalBeta.js

@@ -1,62 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect } from "react";
-import { useTransition, animated } from "@react-spring/web";
-import clsx from "clsx";
-import ModalBetaBody from "./ModalBetaBody.js";
-import { ModalBetaContext } from "./ModalBetaContext.js";
-import ModalBetaFooter from "./ModalBetaFooter.js";
-import ModalBetaHeader from "./ModalBetaHeader.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
-import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  id,
-  isOpen,
-  onModalClose,
-  size = "m",
-  focusId,
-  children,
-  ...otherDivProps
-}, ref) => {
-  const ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose, void 0, void 0, isOpen), trapRef = useTrapFocus(isOpen), setDialogRef = useCallback((node) => {
-    modalRef.current = node, trapRef.current = node;
-  }, [modalRef, trapRef]);
-  useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
-    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
-      const elem = document.getElementById(focusId);
-      elem == null || elem.focus();
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [focusId, isOpen]);
-  const modalClasses = clsx("modal-beta", `modal-beta--${size}`), modalContextValue = {
-    ariaLabelId,
-    ariaDescriptionId,
-    focusId
-  }, transition = useTransition(isOpen, {
-    from: {
-      y: -20,
-      opacity: 0
-    },
-    enter: {
-      y: 0,
-      opacity: 1
-    },
-    leave: {
-      y: 20,
-      opacity: 0
-    }
-  });
-  return /* @__PURE__ */ jsx(ModalBetaContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, ...otherDivProps, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: setDialogRef, className: "modal-beta-dialog", children: /* @__PURE__ */ jsx("div", { className: "modal-beta-content", children }) }) }),
-    isOpen2 && /* @__PURE__ */ jsx("div", { className: "modal-beta-backdrop" })
-  ] })) });
-}), ModalBeta = Object.assign(Root, {
-  Header: ModalBetaHeader,
-  Body: ModalBetaBody,
-  Footer: ModalBetaFooter
-});
-export {
-  ModalBeta as default
-};

package/dist/components/ModalBeta/ModalBetaBody.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-export interface ModalBetaBodyProps {
-    /**
-     * Children
-     */
-    children: ReactNode;
-    /**
-     * Optional class for styling purpose
-     */
-    className?: string;
-}
-/**
- * ModalBeta Body
- */
-declare const ModalBetaBody: {
-    ({ children, className }: ModalBetaBodyProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ModalBetaBody;

package/dist/components/ModalBeta/ModalBetaBody.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useModalBetaContext } from "./ModalBetaContext.js";
-const ModalBetaBody = ({
-  children,
-  className
-}) => {
-  const {
-    ariaDescriptionId
-  } = useModalBetaContext();
-  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: clsx("modal-beta-body", className), children });
-};
-export {
-  ModalBetaBody as default
-};

package/dist/components/ModalBeta/ModalBetaContext.d.ts

@@ -1,7 +0,0 @@
-export interface ModalBetaContextProps {
-    ariaLabelId: string;
-    ariaDescriptionId: string;
-    focusId: string | undefined;
-}
-export declare const ModalBetaContext: import('react').Context<ModalBetaContextProps>;
-export declare const useModalBetaContext: () => ModalBetaContextProps;

package/dist/components/ModalBeta/ModalBetaContext.js

@@ -1,15 +0,0 @@
-import { createContext, useContext } from "react";
-const ModalBetaContext = /* @__PURE__ */ createContext({
-  ariaLabelId: "",
-  ariaDescriptionId: "",
-  focusId: ""
-}), useModalBetaContext = () => {
-  const context = useContext(ModalBetaContext);
-  if (!context)
-    throw new Error("Cannot be rendered outside the ModalBeta component");
-  return context;
-};
-export {
-  ModalBetaContext,
-  useModalBetaContext
-};

package/dist/components/ModalBeta/ModalBetaFooter.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-export interface ModalBetaFooterProps {
-    children: ReactNode;
-}
-/**
- * ModalBeta Footer — right-aligns its children, typically two ButtonBeta
- * (a ghost/tertiary action followed by the primary filled action).
- */
-declare const ModalBetaFooter: {
-    ({ children }: ModalBetaFooterProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ModalBetaFooter;

package/dist/components/ModalBeta/ModalBetaFooter.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const ModalBetaFooter = ({
-  children
-}) => /* @__PURE__ */ jsx("div", { className: "modal-beta-footer", children });
-export {
-  ModalBetaFooter as default
-};

package/dist/components/ModalBeta/ModalBetaHeader.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-export interface ModalBetaHeaderProps {
-    /**
-     * Method called on modal close
-     */
-    onModalClose: () => void;
-    /**
-     * Modal title
-     */
-    children: ReactNode;
-    /**
-     * Optional text displayed below the title
-     */
-    subtitle?: ReactNode;
-}
-/**
- * ModalBeta Header
- */
-declare const ModalBetaHeader: {
-    ({ onModalClose, children, subtitle, }: ModalBetaHeaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ModalBetaHeader;

package/dist/components/ModalBeta/ModalBetaHeader.js

@@ -1,31 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
-import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-import { useModalBetaContext } from "./ModalBetaContext.js";
-const ModalBetaHeader = ({
-  onModalClose,
-  children,
-  subtitle
-}) => {
-  const {
-    ariaLabelId,
-    focusId
-  } = useModalBetaContext(), closeButtonRef = useRef(null), {
-    t
-  } = useTranslation();
-  return useEffect(() => {
-    var _a;
-    focusId || (_a = closeButtonRef.current) == null || _a.focus();
-  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-beta-header", children: [
-    /* @__PURE__ */ jsxs("div", { className: "modal-beta-title-row", children: [
-      /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-beta-title", tabIndex: -1, children }),
-      /* @__PURE__ */ jsx(ButtonBeta, { ref: closeButtonRef, "aria-label": t("close"), title: t("close"), type: "button", variant: "ghost", color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), onClick: onModalClose })
-    ] }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: "modal-beta-subtitle", children: subtitle })
-  ] });
-};
-export {
-  ModalBetaHeader as default
-};

package/dist/components/ModalBeta/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ModalBeta } from './ModalBeta';
-export * from './ModalBeta';

package/dist/hooks/useUserPreferences/index.d.ts

@@ -1 +0,0 @@
-export { default, useUserPreferences } from './useUserPreferences';

package/dist/hooks/useUserPreferences/useUserPreferences.d.ts

@@ -1,9 +0,0 @@
-export declare const USER_PREFERENCES_QUERY_KEY: string[];
-export declare function useUserPreferences<T extends Record<string, any> = Record<string, any>>(): {
-    preferences: T | undefined;
-    isLoading: boolean;
-    isError: boolean;
-    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<T, Error>>;
-    savePreferences: (preferences: T) => Promise<T>;
-};
-export default useUserPreferences;

package/dist/hooks/useUserPreferences/useUserPreferences.js

@@ -1,39 +0,0 @@
-import { odeServices } from "@edifice.io/client";
-import { useQueryClient, useQuery, queryOptions, useMutation } from "@tanstack/react-query";
-const USER_PREFERENCES_QUERY_KEY = ["user", "preferences"];
-function useUserPreferences() {
-  const queryClient = useQueryClient(), {
-    data: preferences,
-    isLoading,
-    isError,
-    refetch
-  } = useQuery(queryOptions({
-    queryKey: USER_PREFERENCES_QUERY_KEY,
-    queryFn: () => odeServices.conf().getUserPreferences(),
-    staleTime: 15e3
-  })), mutation = useMutation({
-    mutationFn: (preferences2) => odeServices.conf().saveUserPreferences(preferences2),
-    onMutate: async (preferences2) => {
-      queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY, preferences2);
-    },
-    onError: () => {
-      queryClient.invalidateQueries({
-        queryKey: USER_PREFERENCES_QUERY_KEY
-      });
-    },
-    onSuccess: (preferences2) => {
-      queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY, preferences2);
-    }
-  });
-  return {
-    preferences,
-    isLoading,
-    isError,
-    refetch,
-    savePreferences: (preferences2) => mutation.mutateAsync(preferences2)
-  };
-}
-export {
-  USER_PREFERENCES_QUERY_KEY,
-  useUserPreferences
-};

package/dist/modules/homepage/components/UsefulLinks/LinkForm.d.ts

@@ -1,13 +0,0 @@
-import { UsefulLink, UsefulLinkPayload } from '@edifice.io/client';
-export interface LinkFormProps {
-    mode: 'add' | 'edit';
-    /** Link being edited. Ignored (and required to be undefined) in "add" mode. */
-    link?: UsefulLink;
-    isSubmitting: boolean;
-    /** Closes the form and goes back to the management modal, without saving. */
-    onCancel: () => void;
-    /** Closes the whole modal stack. */
-    onClose: () => void;
-    onSubmit: (payload: UsefulLinkPayload) => void;
-}
-export declare function LinkForm({ mode, link, isSubmitting, onCancel, onClose, onSubmit, }: LinkFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/LinkForm.js

@@ -1,67 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { useForm } from "react-hook-form";
-import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
-import FormControl from "../../../../components/Form/FormControl.js";
-import Label from "../../../../components/Label/Label.js";
-import Input from "../../../../components/Input/Input.js";
-import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
-const NAME_MAX_LENGTH = 80, URL_PLACEHOLDER = "https://example.fr", URL_PATTERN = /^https?:\/\/.+/i;
-function LinkForm({
-  mode,
-  link,
-  isSubmitting,
-  onCancel,
-  onClose,
-  onSubmit
-}) {
-  const {
-    t
-  } = useTranslation(), formId = "useful-link-form", {
-    register,
-    handleSubmit,
-    formState: {
-      errors,
-      isDirty,
-      isValid
-    }
-  } = useForm({
-    mode: "onChange",
-    defaultValues: {
-      name: (link == null ? void 0 : link.name) ?? "",
-      url: (link == null ? void 0 : link.url) ?? ""
-    }
-  }), title = mode === "add" ? t("homepage.usefulLinks.form.addTitle", "Ajouter un lien") : t("homepage.usefulLinks.form.editTitle", "Modifier un lien"), handleFormSubmit = (data) => {
-    onSubmit({
-      name: data.name.trim(),
-      url: data.url.trim()
-    });
-  };
-  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-link-modal", isOpen: !0, size: "l", onModalClose: onClose, children: [
-    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: title }),
-    /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(handleFormSubmit), children: [
-      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-name", className: "mb-16", isRequired: !0, children: [
-        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.name", "Nom") }),
-        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", maxLength: NAME_MAX_LENGTH, showCounter: !0, clearable: !0, "data-testid": "usefullinks-input-name", placeholder: t("homepage.usefulLinks.form.name.placeholder", "Nom du lien utile"), ...register("name", {
-          required: !0,
-          maxLength: NAME_MAX_LENGTH
-        }) })
-      ] }),
-      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-url", isRequired: !0, status: errors.url ? "invalid" : void 0, children: [
-        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.url", "Lien") }),
-        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", "data-testid": "usefullinks-input-url", placeholder: t("homepage.usefulLinks.form.url.placeholder", URL_PLACEHOLDER), ...register("url", {
-          required: !0,
-          pattern: URL_PATTERN
-        }) }),
-        errors.url && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.usefulLinks.form.url.error", "L'adresse doit être une URL valide (ex. https://exemple.fr)") })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
-      /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", "data-testid": "usefullinks-button-cancel", onClick: onCancel, children: t("homepage.usefulLinks.form.cancel", "Annuler") }),
-      /* @__PURE__ */ jsx(ButtonBeta, { form: formId, type: "submit", isLoading: isSubmitting, disabled: !isValid || !isDirty || isSubmitting, "data-testid": "usefullinks-button-save", children: t("homepage.usefulLinks.form.save", "Enregistrer") })
-    ] })
-  ] });
-}
-export {
-  LinkForm
-};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinks.d.ts

@@ -1,6 +0,0 @@
-import { UsefulLink } from '@edifice.io/client';
-export interface UsefulLinksProps {
-    links: UsefulLink[];
-    onEditClick: () => void;
-}
-export declare function UsefulLinks({ links, onEditClick }: UsefulLinksProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/UsefulLinks.js

@@ -1,29 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
-import SvgIconEdit from "../../../icons/components/IconEdit.js";
-import HomeCard from "../HomeCard/HomeCard.js";
-import Image from "../../../../components/Image/Image.js";
-import Flex from "../../../../components/Flex/Flex.js";
-import LinkPill from "../../../../components/LinkPill/LinkPill.js";
-function UsefulLinks({
-  links,
-  onEditClick
-}) {
-  const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title", "Liens utiles"), actionLabel: t("homepage.usefulLinks.edit", "Éditer"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick }),
-    /* @__PURE__ */ jsx(HomeCard.Content, { children: links.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "useful-links-widget__empty", children: [
-      /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
-        width: 160,
-        height: 87
-      } }),
-      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty", "Gardez à portée de main les sites web que vous utilisez souvent !") })
-    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name }, link.id)) }) })
-  ] });
-}
-export {
-  UsefulLinks
-};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.d.ts

@@ -1 +0,0 @@
-export declare function UsefulLinksContainer(): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.js

@@ -1,40 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useUsefulLinksContainer } from "./hooks/useUsefulLinksContainer.js";
-import { LinkForm } from "./LinkForm.js";
-import { UsefulLinks } from "./UsefulLinks.js";
-import { UsefulLinksModal } from "./UsefulLinksModal.js";
-function UsefulLinksContainer() {
-  const [view, setView] = useState({
-    name: "closed"
-  }), {
-    links,
-    canAddLink,
-    createLink,
-    isCreating,
-    updateLink,
-    isUpdating,
-    deleteLink
-  } = useUsefulLinksContainer(), closeAll = () => setView({
-    name: "closed"
-  }), backToManage = () => setView({
-    name: "manage"
-  }), handleSubmit = async (payload) => {
-    view.name === "edit" ? await updateLink(view.link.id, payload) : await createLink(payload), backToManage();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(UsefulLinks, { links, onEditClick: () => setView({
-      name: "manage"
-    }) }),
-    /* @__PURE__ */ jsx(UsefulLinksModal, { isOpen: view.name === "manage", links, canAddLink, onClose: closeAll, onAddClick: () => setView({
-      name: "add"
-    }), onEditLink: (link) => setView({
-      name: "edit",
-      link
-    }), onDeleteLink: deleteLink }),
-    (view.name === "add" || view.name === "edit") && /* @__PURE__ */ jsx(LinkForm, { mode: view.name, link: view.name === "edit" ? view.link : void 0, isSubmitting: view.name === "edit" ? isUpdating : isCreating, onCancel: backToManage, onClose: closeAll, onSubmit: handleSubmit })
-  ] });
-}
-export {
-  UsefulLinksContainer
-};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.d.ts

@@ -1,11 +0,0 @@
-import { UsefulLink } from '@edifice.io/client';
-export interface UsefulLinksModalProps {
-    isOpen: boolean;
-    links: UsefulLink[];
-    canAddLink: boolean;
-    onClose: () => void;
-    onAddClick: () => void;
-    onEditLink: (link: UsefulLink) => void;
-    onDeleteLink: (id: string) => void;
-}
-export declare function UsefulLinksModal({ isOpen, links, canAddLink, onClose, onAddClick, onEditLink, onDeleteLink, }: UsefulLinksModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.js

@@ -1,65 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
-import SvgIconClose from "../../../icons/components/IconClose.js";
-import SvgIconEdit from "../../../icons/components/IconEdit.js";
-import SvgIconPlus from "../../../icons/components/IconPlus.js";
-import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.js";
-import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
-import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
-import Flex from "../../../../components/Flex/Flex.js";
-import Image from "../../../../components/Image/Image.js";
-import Table from "../../../../components/Table/components/Table.js";
-function UsefulLinksModal({
-  isOpen,
-  links,
-  canAddLink,
-  onClose,
-  onAddClick,
-  onEditLink,
-  onDeleteLink
-}) {
-  const {
-    t
-  } = useTranslation(), {
-    md
-  } = useBreakpoint(), addLinkButton = /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "outline", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), onClick: onAddClick, disabled: !canAddLink, "data-testid": "usefullinks-button-add", children: t("homepage.usefulLinks.modal.add", "Ajouter un lien") });
-  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-links-modal", isOpen, size: "l", onModalClose: onClose, children: [
-    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: t("homepage.usefulLinks.modal.title", "Gérer les liens utiles") }),
-    /* @__PURE__ */ jsx(ModalBeta.Body, { children: links.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Flex, { justify: "end", className: "mb-16", children: addLinkButton }),
-      /* @__PURE__ */ jsxs("div", { className: "useful-links-modal__empty", children: [
-        /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
-          width: 200,
-          height: 109
-        } }),
-        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-title", children: t("homepage.usefulLinks.modal.empty.title", "Pas encore de liens ajoutés") }),
-        /* @__PURE__ */ jsx("p", { className: "useful-links-modal__empty-text", children: t("homepage.usefulLinks.modal.empty.text", "Gardez à portée de main les sites web que vous utilisez souvent !") })
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "useful-links-table", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.name", "Nom") }),
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.url", "Adresse URL") }),
-        /* @__PURE__ */ jsx(Table.Th, { className: "visually-hidden", children: t("homepage.usefulLinks.modal.table.actions", "Actions") })
-      ] }) }),
-      /* @__PURE__ */ jsxs(Table.Tbody, { children: [
-        /* @__PURE__ */ jsx(Table.Tr, { className: "useful-links-table__action-row", children: /* @__PURE__ */ jsx(Table.Td, { colSpan: md ? 3 : 2, children: /* @__PURE__ */ jsx(Flex, { justify: "end", children: addLinkButton }) }) }),
-        links.map((link) => /* @__PURE__ */ jsxs(Table.Tr, { "data-testid": `usefullinks-row-${link.id}`, children: [
-          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__name", children: link.name }),
-          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__url", children: link.url }),
-          /* @__PURE__ */ jsx(Table.Td, { className: "useful-links-table__actions", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", justify: "end", children: [
-            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), "aria-label": t("homepage.usefulLinks.modal.table.edit", "Modifier [[name]]", {
-              name: link.name
-            }), "data-testid": `usefullinks-button-edit-${link.id}`, onClick: () => onEditLink(link) }),
-            /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), "aria-label": t("homepage.usefulLinks.modal.table.delete", "Supprimer [[name]]", {
-              name: link.name
-            }), "data-testid": `usefullinks-button-delete-${link.id}`, onClick: () => onDeleteLink(link.id) })
-          ] }) })
-        ] }, link.id))
-      ] })
-    ] }) }) })
-  ] });
-}
-export {
-  UsefulLinksModal
-};