@edifice.io/react 2.6.5-develop-pedago.20260922145203 → 2.6.5-develop-pedago.20260922145834

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

@@ -1,21 +1,24 @@
 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 Communities = ({
+const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communities = ({
   communitiesList = [],
   handleActionClick
 }) => {
   const {
     t
-  } = useTranslation();
+  } = 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, { gap: "16", children: communitiesList.length > 0 ? communitiesList.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications }, index)) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+    /* @__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

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

@@ -1,22 +1,30 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import Communities from "./Communities.js";
 import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
 import { useCommunities } from "./useCommunities.js";
 function CommunitiesContainer({
-  onCommunityClick,
-  onHeaderActionClick
+  onCommunityClick: handleCommunityClick = (community) => {
+    window.open(`/communities/id/${community.id}/home`, "_self");
+  },
+  onHeaderActionClick: handleHeaderActionClick
 }) {
   const {
     communities,
     isLoading,
     error
-  } = useCommunities(), mappedCommunities = useMemo(() => communities.map((community) => ({
+  } = 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: () => onCommunityClick == null ? void 0 : onCommunityClick(community)
-  })), [communities, onCommunityClick]);
-  return isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick: onHeaderActionClick });
+    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/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

@@ -6,13 +6,14 @@ const CommunityItem = ({
   title,
   communityImage,
   nbNotifications,
-  onActionClick
+  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: "25%"
+    width
   }, children: [
     hasNotifications && /* @__PURE__ */ jsx(Badge, { className: "communities-item-badge", variant: {
       level: "danger",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.5-develop-pedago.20260922145203",
+  "version": "2.6.5-develop-pedago.20260922145834",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/utilities": "2.6.5-develop-pedago.20260922145203",
-    "@edifice.io/tiptap-extensions": "2.6.5-develop-pedago.20260922145203",
-    "@edifice.io/bootstrap": "2.6.5-develop-pedago.20260922145203"
+    "@edifice.io/utilities": "2.6.5-develop-pedago.20260922145834",
+    "@edifice.io/tiptap-extensions": "2.6.5-develop-pedago.20260922145834",
+    "@edifice.io/bootstrap": "2.6.5-develop-pedago.20260922145834"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.5-develop-pedago.20260922145203",
-    "@edifice.io/config": "2.6.5-develop-pedago.20260922145203"
+    "@edifice.io/client": "2.6.5-develop-pedago.20260922145834",
+    "@edifice.io/config": "2.6.5-develop-pedago.20260922145834"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",