@edifice.io/react 2.6.6-develop-b2school.20260923094411 → 2.6.6-develop-pedago.20260923164322

package/dist/index.js

@@ -37,88 +37,86 @@ import { default as default35 } from "./modules/multimedia/ImageEditor/component
 import { default as default36 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default37 } from "./components/Input/Input.js";
 import { default as default38 } from "./components/Label/Label.js";
-import { default as default39 } from "./components/LinkPill/LinkPill.js";
-import { default as default40 } from "./components/Loading/Loading.js";
-import { default as default41 } from "./components/LoadingScreen/LoadingScreen.js";
-import { default as default42 } from "./components/Logo/Logo.js";
-import { default as default43 } from "./components/LogoBeta/LogoBeta.js";
-import { default as default44 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default45 } from "./components/MediaViewer/MediaViewer.js";
-import { default as default46 } from "./components/Modal/Modal.js";
-import { default as default47 } from "./components/ModalBeta/ModalBeta.js";
-import { default as default48 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default49 } from "./components/PageLayout/PageLayout.js";
-import { default as default50 } from "./components/PreventPropagation/PreventPropagation.js";
-import { default as default51, Root } from "./components/PromotionCard/PromotionCard.js";
-import { default as default52 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default53 } from "./components/Radio/Radio.js";
-import { default as default54 } from "./components/RadioCard/RadioCard.js";
-import { default as default55 } from "./components/SearchBar/SearchBar.js";
-import { default as default56 } from "./components/Button/SearchButton.js";
-import { default as default57 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default58 } from "./components/Select/Select.js";
-import { default as default59 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default60 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default61 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default62 } from "./components/Tree/components/SortableTree.js";
-import { default as default63 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default64 } from "./components/Stepper/Stepper.js";
-import { default as default65 } from "./components/Switch/Switch.js";
-import { default as default66 } from "./components/Table/components/Table.js";
-import { default as default67 } from "./components/TextArea/TextArea.js";
-import { default as default68 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default69 } from "./components/Tooltip/Tooltip.js";
-import { default as default70 } from "./components/Tree/components/Tree.js";
-import { default as default71 } from "./components/TreeView/TreeView.js";
-import { default as default72 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default73 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default74 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default75 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default76 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default77 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default78 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default79 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default80 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default81 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default82 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default83 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default84 } from "./hooks/useConversation/useConversation.js";
-import { default as default85 } from "./hooks/useDate/useDate.js";
-import { default as default86 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default87 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default88 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default89 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default90 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default91 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default92 } from "./hooks/useHover/useHover.js";
-import { default as default93 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default94 } from "./hooks/useImage/useImage.js";
-import { default as default95 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default96 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default97 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default98 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default99 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default100 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default101 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default102 } from "./hooks/usePublicConf/usePublicConf.js";
-import { default as default103 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default104 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default105 } from "./hooks/useTitle/useTitle.js";
-import { default as default106 } from "./hooks/useToast/useToast.js";
-import { default as default107 } from "./hooks/useToggle/useToggle.js";
-import { default as default108 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default109 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default110 } from "./hooks/useUiOverride/useUiOverride.js";
-import { default as default111 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default112 } from "./hooks/useUpload/useUpload.js";
-import { default as default113 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default114 } from "./hooks/useUser/useUser.js";
-import { default as default115 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default116 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default118 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default119 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default120 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default39 } from "./components/Loading/Loading.js";
+import { default as default40 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default41 } from "./components/Logo/Logo.js";
+import { default as default42 } from "./components/LogoBeta/LogoBeta.js";
+import { default as default43 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default44 } from "./components/MediaViewer/MediaViewer.js";
+import { default as default45 } from "./components/Modal/Modal.js";
+import { default as default46 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default47 } from "./components/PageLayout/PageLayout.js";
+import { default as default48 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default49, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default50 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default51 } from "./components/Radio/Radio.js";
+import { default as default52 } from "./components/RadioCard/RadioCard.js";
+import { default as default53 } from "./components/SearchBar/SearchBar.js";
+import { default as default54 } from "./components/Button/SearchButton.js";
+import { default as default55 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default56 } from "./components/Select/Select.js";
+import { default as default57 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default58 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default59 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default60 } from "./components/Tree/components/SortableTree.js";
+import { default as default61 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default62 } from "./components/Stepper/Stepper.js";
+import { default as default63 } from "./components/Switch/Switch.js";
+import { default as default64 } from "./components/Table/components/Table.js";
+import { default as default65 } from "./components/TextArea/TextArea.js";
+import { default as default66 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default67 } from "./components/Tooltip/Tooltip.js";
+import { default as default68 } from "./components/Tree/components/Tree.js";
+import { default as default69 } from "./components/TreeView/TreeView.js";
+import { default as default70 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default71 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default72 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default73 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default74 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default75 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default76 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default77 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default78 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default79 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default80 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default81 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default82 } from "./hooks/useConversation/useConversation.js";
+import { default as default83 } from "./hooks/useDate/useDate.js";
+import { default as default84 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default85 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default86 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default87 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default88 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default89 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default90 } from "./hooks/useHover/useHover.js";
+import { default as default91 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default92 } from "./hooks/useImage/useImage.js";
+import { default as default93 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default94 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default95 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default96 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default97 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default98 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default99 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default100 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default101 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default102 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default103 } from "./hooks/useTitle/useTitle.js";
+import { default as default104 } from "./hooks/useToast/useToast.js";
+import { default as default105 } from "./hooks/useToggle/useToggle.js";
+import { default as default106 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default107 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default108 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default109 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default110 } from "./hooks/useUpload/useUpload.js";
+import { default as default111 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default112 } from "./hooks/useUser/useUser.js";
+import { default as default113 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default114 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default115 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default116 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default117 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default118 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -154,7 +152,6 @@ import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
-import { default as default121 } from "./hooks/useBackground/useBackground.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
@@ -163,7 +160,6 @@ import { useOverlay } from "./components/PageLayout/hook/useOverlay.js";
 import { useScreeb } from "./hooks/useScreeb/useScreeb.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
-import { default as default122 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -219,67 +215,65 @@ export {
   InternalLinker,
   default38 as Label,
   Layout,
-  default39 as LinkPill,
   List,
-  default40 as Loading,
-  default41 as LoadingScreen,
-  default42 as Logo,
-  default43 as LogoBeta,
-  default44 as MediaLibrary,
-  default45 as MediaViewer,
+  default39 as Loading,
+  default40 as LoadingScreen,
+  default41 as Logo,
+  default42 as LogoBeta,
+  default43 as MediaLibrary,
+  default44 as MediaViewer,
   Menu,
   MockedProvider,
-  default46 as Modal,
-  default47 as ModalBeta,
-  default48 as OnboardingModal,
-  default49 as PageLayout,
+  default45 as Modal,
+  default46 as OnboardingModal,
+  default47 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default50 as PreventPropagation,
-  default51 as PromotionCard,
-  default52 as PublishModal,
-  default53 as Radio,
-  default54 as RadioCard,
+  default48 as PreventPropagation,
+  default49 as PromotionCard,
+  default50 as PublishModal,
+  default51 as Radio,
+  default52 as RadioCard,
   ResourceModal,
   Root,
-  default55 as SearchBar,
-  default56 as SearchButton,
-  default57 as SegmentedControl,
-  default58 as Select,
-  default59 as ShareBlog,
-  default60 as ShareModal,
-  default61 as ShareResources,
-  default62 as SortableTree,
-  default63 as StackedGroup,
-  default64 as Stepper,
-  default65 as Switch,
-  default66 as Table,
+  default53 as SearchBar,
+  default54 as SearchButton,
+  default55 as SegmentedControl,
+  default56 as Select,
+  default57 as ShareBlog,
+  default58 as ShareModal,
+  default59 as ShareResources,
+  default60 as SortableTree,
+  default61 as StackedGroup,
+  default62 as Stepper,
+  default63 as Switch,
+  default64 as Table,
   Tabs,
-  default67 as TextArea,
-  default68 as TextSkeleton,
+  default65 as TextArea,
+  default66 as TextSkeleton,
   Toolbar,
-  default69 as Tooltip,
-  default70 as Tree,
+  default67 as Tooltip,
+  default68 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default71 as TreeView,
+  default69 as TreeView,
   Upload,
-  default72 as UploadCard,
-  default73 as UploadFiles,
+  default70 as UploadCard,
+  default71 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default74 as VideoEmbed,
-  default75 as VideoRecorder,
+  default72 as VideoEmbed,
+  default73 as VideoRecorder,
   VisibleType,
-  default76 as VisuallyHidden,
+  default74 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default77 as Workspace,
-  default78 as WorkspaceFolders,
+  default75 as Workspace,
+  default76 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -310,59 +304,57 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default121 as useBackground,
-  default79 as useBookmark,
-  default80 as useBreakpoint,
-  default81 as useBrowserInfo,
-  default82 as useCantoo,
+  default77 as useBookmark,
+  default78 as useBreakpoint,
+  default79 as useBrowserInfo,
+  default80 as useCantoo,
   useCheckable,
-  default83 as useClickOutside,
-  default84 as useConversation,
-  default85 as useDate,
-  default86 as useDebounce,
-  default87 as useDirectory,
-  default88 as useDropdown,
-  default89 as useDropzone,
+  default81 as useClickOutside,
+  default82 as useConversation,
+  default83 as useDate,
+  default84 as useDebounce,
+  default85 as useDirectory,
+  default86 as useDropdown,
+  default87 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default90 as useEdificeIcons,
+  default88 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  default91 as useHasWorkflow,
-  default92 as useHover,
-  default93 as useHttpErrorToast,
-  default94 as useImage,
-  default95 as useInfiniteScroll,
-  default96 as useIsAdmc,
-  default97 as useIsAdml,
-  default98 as useIsAdmlcOrAdmc,
-  default99 as useKeyPress,
-  default100 as useLibraryUrl,
-  default101 as useMediaLibrary,
+  default89 as useHasWorkflow,
+  default90 as useHover,
+  default91 as useHttpErrorToast,
+  default92 as useImage,
+  default93 as useInfiniteScroll,
+  default94 as useIsAdmc,
+  default95 as useIsAdml,
+  default96 as useIsAdmlcOrAdmc,
+  default97 as useKeyPress,
+  default98 as useLibraryUrl,
+  default99 as useMediaLibrary,
   useOverlay,
   usePageLayout,
-  default102 as usePublicConf,
+  default100 as usePublicConf,
   useScreeb,
-  default103 as useScrollToTop,
-  default104 as useShareMutation,
-  default105 as useTitle,
-  default106 as useToast,
-  default107 as useToggle,
-  default108 as useTrapFocus,
-  default109 as useTrashedResource,
+  default101 as useScrollToTop,
+  default102 as useShareMutation,
+  default103 as useTitle,
+  default104 as useToast,
+  default105 as useToggle,
+  default106 as useTrapFocus,
+  default107 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default110 as useUiOverride,
-  default111 as useUpdateMutation,
-  default112 as useUpload,
-  default113 as useUploadFiles,
-  default114 as useUser,
-  default122 as useUserPreferences,
-  default115 as useWorkspaceFile,
-  default116 as useWorkspaceFolders,
-  default117 as useWorkspaceFoldersTree,
-  default118 as useWorkspaceSearch,
-  default119 as useXitiTrackPageLoad,
-  default120 as useZendeskGuide,
+  default108 as useUiOverride,
+  default109 as useUpdateMutation,
+  default110 as useUpload,
+  default111 as useUploadFiles,
+  default112 as useUser,
+  default113 as useWorkspaceFile,
+  default114 as useWorkspaceFolders,
+  default115 as useWorkspaceFoldersTree,
+  default116 as useWorkspaceSearch,
+  default117 as useXitiTrackPageLoad,
+  default118 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js

@@ -30,9 +30,9 @@ const EditorToolbarTypography = ({
     label: t("tiptap.toolbar.typo.mono"),
     className: "ff-script"
   }, {
-    value: "Ecriture A",
-    label: t("tiptap.toolbar.typo.cursive"),
-    className: "ff-cursive"
+    value: "Marelle",
+    label: t("tiptap.toolbar.typo.marelle"),
+    className: "ff-marelle"
   }, {
     value: "OpenDyslexic",
     label: t("tiptap.toolbar.typo.dyslexic"),

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

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuCommunities from "@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";
+import { useMeasure } from "@uidotdev/usehooks";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
+import CommunityItem from "./CommunityItem.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Image from "../../../../components/Image/Image.js";
+const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communities = ({
+  communitiesList = [],
+  handleActionClick
+}) => {
+  const {
+    t
+  } = useTranslation(), [containerRef, {
+    width
+  }] = useMeasure(), maxItems = width !== null && width < NARROW_CONTAINER_WIDTH ? MAX_ITEMS_NARROW : MAX_ITEMS, visibleCommunities = communitiesList.slice(0, maxItems), itemWidth = `${100 / maxItems}%`;
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 ? t("homepage.communities.actionLabel.seeMore") : t("homepage.communities.actionLabel.create"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title") }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { ref: containerRef, gap: "16", children: visibleCommunities.length > 0 ? visibleCommunities.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: itemWidth }, index)) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuCommunities, alt: "", "aria-hidden": "true", style: {
+        width: 80,
+        height: 80
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "communities-empty-content", children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle", "Créez votre première communauté pour animer votre classe !") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description", "Vous pouvez centraliser et organiser les documents et les ressources pour vos élèves.") })
+      ] })
+    ] }) }) })
+  ] });
+};
+export {
+  Communities as default
+};

package/dist/modules/homepage/components/Communities/CommunitiesContainer.d.ts

@@ -1,9 +1,11 @@
 import { CommunitiesModel } from './useCommunities';
 export type CommunitiesContainerProps = {
+    /** Handle a click on a community. If undefined, the community's home page will be opened. */
     onCommunityClick?: (community: CommunitiesModel) => void;
-    onHeaderActionClick: () => void;
+    /** Handle a click on the header action button. If undefined, communities (or the community creation flow) will be opened. */
+    onHeaderActionClick?: () => void;
 };
-export declare function CommunitiesContainer({ onCommunityClick, onHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
+export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
 export declare namespace CommunitiesContainer {
     var displayName: string;
 }

package/dist/modules/homepage/components/Communities/CommunitiesContainer.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import Communities from "./Communities.js";
+import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
+import { useCommunities } from "./useCommunities.js";
+function CommunitiesContainer({
+  onCommunityClick: handleCommunityClick = (community) => {
+    window.open(`/communities/id/${community.id}/home`, "_self");
+  },
+  onHeaderActionClick: handleHeaderActionClick
+}) {
+  const {
+    communities,
+    isLoading,
+    error
+  } = useCommunities(), handleActionClick = useCallback(() => {
+    if (handleHeaderActionClick) {
+      handleHeaderActionClick();
+      return;
+    }
+    window.open(communities.length > 0 ? "/communities" : "/communities/create/step-type", "_self");
+  }, [handleHeaderActionClick, communities.length]), mappedCommunities = useMemo(() => communities.map((community) => ({
+    title: community.title,
+    communityImage: community.image ?? "",
+    onActionClick: () => handleCommunityClick(community)
+  })), [communities, handleCommunityClick]);
+  return isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick });
+}
+export {
+  CommunitiesContainer
+};

package/dist/modules/homepage/components/Communities/CommunitiesSkeleton.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
+const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
+  /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: "home-card-header", children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "col-5" }),
+    /* @__PURE__ */ jsx(ButtonSkeleton, { "aria-hidden": "true", size: "sm", className: "px-24", color: "tertiary" })
+  ] }),
+  /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", style: {
+    width: "25%"
+  }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: "communities-item-image placeholder rounded", style: {
+      display: "block",
+      aspectRatio: "1 / 1"
+    } }),
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", className: "mt-8", children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: primaryWidth,
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { style: {
+        width: secondaryTitleWidths[index],
+        alignSelf: "center"
+      }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) })
+    ] })
+  ] }, primaryWidth)) }) })
+] });
+export {
+  CommunitiesSkeleton as default
+};

package/dist/modules/homepage/components/Communities/CommunityItem.d.ts

@@ -3,9 +3,10 @@ export interface CommunityItemProps {
     communityImage: string;
     onActionClick: () => void;
     nbNotifications?: number;
+    width?: string;
 }
 declare const CommunityItem: {
-    ({ title, communityImage, nbNotifications, onActionClick, }: CommunityItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, communityImage, nbNotifications, onActionClick, width, }: CommunityItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CommunityItem;

package/dist/modules/homepage/components/Communities/CommunityItem.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Badge from "../../../../components/Badge/Badge.js";
+import Image from "../../../../components/Image/Image.js";
+const CommunityItem = ({
+  title,
+  communityImage,
+  nbNotifications,
+  onActionClick,
+  width = "25%"
+}) => {
+  const hasNotifications = (nbNotifications ?? 0) > 0;
+  return /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, onClick: onActionClick, className: clsx("communities-item", {
+    "communities-item-has-notifications": hasNotifications
+  }), style: {
+    width
+  }, children: [
+    hasNotifications && /* @__PURE__ */ jsx(Badge, { className: "communities-item-badge", variant: {
+      level: "danger",
+      type: "notification"
+    }, children: nbNotifications }),
+    /* @__PURE__ */ jsx(Image, { className: "communities-item-image", src: communityImage, alt: title }),
+    /* @__PURE__ */ jsx("p", { className: "communities-item-title text-truncate text-truncate-2", children: title })
+  ] });
+};
+export {
+  CommunityItem as default
+};

package/dist/modules/homepage/components/Communities/useCommunities.d.ts

@@ -1,10 +1,7 @@
 export interface CommunitiesModel {
     id: number | string;
     title: string;
-    communityImage?: string;
-    icon?: string;
-    nbNotifications?: number;
-    notifications?: number;
+    image?: string;
 }
 export declare function useCommunities(): {
     communities: CommunitiesModel[];

package/dist/modules/homepage/components/Communities/useCommunities.js

@@ -0,0 +1,25 @@
+import { odeServices } from "@edifice.io/client";
+import { useQuery, queryOptions } from "@tanstack/react-query";
+function useCommunities() {
+  const {
+    data,
+    isLoading,
+    error
+  } = useQuery(queryOptions({
+    queryKey: ["communities", "preview"],
+    queryFn: async () => {
+      const http = odeServices.http(), response = await http.get("/communities/api/communities?page=1&size=4");
+      if (http.isResponseError())
+        throw new Error(http.latestResponse.statusText);
+      return response.items;
+    }
+  }));
+  return {
+    communities: data ?? [],
+    isLoading,
+    error
+  };
+}
+export {
+  useCommunities
+};