@edifice.io/react 2.6.9 → 2.6.10-develop-b2school.20261019104630

package/dist/index.js

@@ -46,79 +46,84 @@ import { default as default44 } from "./modules/multimedia/MediaLibrary/MediaLib
 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 default48 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
+import { default as default49 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default50 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default51 } from "./components/PageLayout/PageLayout.js";
+import { default as default52 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default53, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default54 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default55 } from "./components/Radio/Radio.js";
+import { default as default56 } from "./components/RadioCard/RadioCard.js";
+import { default as default57 } from "./components/RadioTile/RadioTile.js";
+import { default as default58 } from "./components/SearchBar/SearchBar.js";
+import { default as default59 } from "./components/Button/SearchButton.js";
+import { default as default60 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default61 } from "./components/Select/Select.js";
+import { default as default62 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default63 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default64 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default65 } from "./components/Tree/components/SortableTree.js";
+import { default as default66 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default67 } from "./components/Stepper/Stepper.js";
+import { default as default68 } from "./components/Switch/Switch.js";
+import { default as default69 } from "./components/Table/components/Table.js";
+import { default as default70 } from "./components/TextArea/TextArea.js";
+import { default as default71 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default72 } from "./components/Tooltip/Tooltip.js";
+import { default as default73 } from "./components/Tree/components/Tree.js";
+import { default as default74 } from "./components/TreeView/TreeView.js";
+import { default as default75 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default76 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default77 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default78 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default79 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default80 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default81 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default82 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default83 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default84 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default85 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default86 } from "./hooks/useCarbonioUnread/useCarbonioUnread.js";
+import { default as default87 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default88 } from "./hooks/useConversation/useConversation.js";
+import { default as default89 } from "./hooks/useDate/useDate.js";
+import { default as default90 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default91 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default92 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default93 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default94 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default95 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default96 } from "./hooks/useHover/useHover.js";
+import { default as default97 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default98 } from "./hooks/useImage/useImage.js";
+import { default as default99 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default100 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default101 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default102 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default103 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default104 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default105 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default106 } from "./hooks/useNextcloudSearch/useNextcloudSearch.js";
+import { default as default107 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default108 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default109 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default110 } from "./hooks/useTitle/useTitle.js";
+import { default as default111 } from "./hooks/useToast/useToast.js";
+import { default as default112 } from "./hooks/useToggle/useToggle.js";
+import { default as default113 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default114 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default115 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default116 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default117 } from "./hooks/useUpload/useUpload.js";
+import { default as default118 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default119 } from "./hooks/useUser/useUser.js";
+import { default as default120 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default121 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default122 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default123 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default124 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default125 } 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 +159,7 @@ 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 { default as default126 } 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 +168,7 @@ 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";
+import { default as default127 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -231,55 +236,58 @@ export {
   MockedProvider,
   default46 as Modal,
   default47 as ModalBeta,
-  default48 as OnboardingModal,
-  default49 as PageLayout,
+  default48 as Nextcloud,
+  default49 as NextcloudFileCard,
+  default50 as OnboardingModal,
+  default51 as PageLayout,
   PageLayoutContext,
   Pagination,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default50 as PreventPropagation,
-  default51 as PromotionCard,
-  default52 as PublishModal,
-  default53 as Radio,
-  default54 as RadioCard,
+  default52 as PreventPropagation,
+  default53 as PromotionCard,
+  default54 as PublishModal,
+  default55 as Radio,
+  default56 as RadioCard,
+  default57 as RadioTile,
   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,
+  default58 as SearchBar,
+  default59 as SearchButton,
+  default60 as SegmentedControl,
+  default61 as Select,
+  default62 as ShareBlog,
+  default63 as ShareModal,
+  default64 as ShareResources,
+  default65 as SortableTree,
+  default66 as StackedGroup,
+  default67 as Stepper,
+  default68 as Switch,
+  default69 as Table,
   Tabs,
-  default67 as TextArea,
-  default68 as TextSkeleton,
+  default70 as TextArea,
+  default71 as TextSkeleton,
   Toolbar,
-  default69 as Tooltip,
-  default70 as Tree,
+  default72 as Tooltip,
+  default73 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default71 as TreeView,
+  default74 as TreeView,
   Upload,
-  default72 as UploadCard,
-  default73 as UploadFiles,
+  default75 as UploadCard,
+  default76 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default74 as VideoEmbed,
-  default75 as VideoRecorder,
+  default77 as VideoEmbed,
+  default78 as VideoRecorder,
   VisibleType,
-  default76 as VisuallyHidden,
+  default79 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default77 as Workspace,
-  default78 as WorkspaceFolders,
+  default80 as Workspace,
+  default81 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -310,59 +318,61 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default121 as useBackground,
-  default79 as useBookmark,
-  default80 as useBreakpoint,
-  default81 as useBrowserInfo,
-  default82 as useCantoo,
+  default126 as useBackground,
+  default82 as useBookmark,
+  default83 as useBreakpoint,
+  default84 as useBrowserInfo,
+  default85 as useCantoo,
+  default86 as useCarbonioUnread,
   useCheckable,
-  default83 as useClickOutside,
-  default84 as useConversation,
-  default85 as useDate,
-  default86 as useDebounce,
-  default87 as useDirectory,
-  default88 as useDropdown,
-  default89 as useDropzone,
+  default87 as useClickOutside,
+  default88 as useConversation,
+  default89 as useDate,
+  default90 as useDebounce,
+  default91 as useDirectory,
+  default92 as useDropdown,
+  default93 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default90 as useEdificeIcons,
+  default94 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,
+  default95 as useHasWorkflow,
+  default96 as useHover,
+  default97 as useHttpErrorToast,
+  default98 as useImage,
+  default99 as useInfiniteScroll,
+  default100 as useIsAdmc,
+  default101 as useIsAdml,
+  default102 as useIsAdmlcOrAdmc,
+  default103 as useKeyPress,
+  default104 as useLibraryUrl,
+  default105 as useMediaLibrary,
+  default106 as useNextcloudSearch,
   useOverlay,
   usePageLayout,
-  default102 as usePublicConf,
+  default107 as usePublicConf,
   useScreeb,
-  default103 as useScrollToTop,
-  default104 as useShareMutation,
-  default105 as useTitle,
-  default106 as useToast,
-  default107 as useToggle,
-  default108 as useTrapFocus,
-  default109 as useTrashedResource,
+  default108 as useScrollToTop,
+  default109 as useShareMutation,
+  default110 as useTitle,
+  default111 as useToast,
+  default112 as useToggle,
+  default113 as useTrapFocus,
+  default114 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,
+  default115 as useUiOverride,
+  default116 as useUpdateMutation,
+  default117 as useUpload,
+  default118 as useUploadFiles,
+  default119 as useUser,
+  default127 as useUserPreferences,
+  default120 as useWorkspaceFile,
+  default121 as useWorkspaceFolders,
+  default122 as useWorkspaceFoldersTree,
+  default123 as useWorkspaceSearch,
+  default124 as useXitiTrackPageLoad,
+  default125 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/HelpZone/HelpZone.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState, useEffect } from "react";
 import clsx from "clsx";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
@@ -16,22 +16,20 @@ const HelpZone = ({
 }) => {
   const {
     t
-  } = useTranslation(), [portalRoot, setPortalRoot] = useState(null), [isCompact, setIsCompact] = useState(!1), questionButtonRef = useRef(null);
+  } = useTranslation(), [portalRoot, setPortalRoot] = useState(null), [isCompact, setIsCompact] = useState(!1);
   if (useEffect(() => (document.body.classList.add("help-zone-active"), setPortalRoot(document.getElementById("portal")), () => {
     document.body.classList.remove("help-zone-active");
   }), []), useEffect(() => {
     if (isCompact)
       return;
-    const goCompact = () => setIsCompact(!0), handleClick = (event) => {
-      questionButtonRef.current && event.target instanceof Node && questionButtonRef.current.contains(event.target) || goCompact();
-    };
+    const goCompact = () => setIsCompact(!0);
     return document.addEventListener("scroll", goCompact, {
       capture: !0,
       passive: !0
-    }), document.addEventListener("click", handleClick), () => {
+    }), () => {
       document.removeEventListener("scroll", goCompact, {
         capture: !0
-      }), document.removeEventListener("click", handleClick);
+      });
     };
   }, [isCompact]), !isReady || !portalRoot)
     return null;
@@ -44,7 +42,7 @@ const HelpZone = ({
       "help-zone-logo--full": !isCompact
     }), children: isCompact ? /* @__PURE__ */ jsx(SvgIconLogoEdificeSmall, { width: 18, height: 18 }) : /* @__PURE__ */ jsx(SvgIconLogoEdificeFull, { width: 81, height: 18 }) }) }) }),
     /* @__PURE__ */ jsx("span", { className: "help-zone-divider" }),
-    /* @__PURE__ */ jsx(ButtonBeta, { ref: questionButtonRef, className: "help-zone-question", "aria-label": t("help-zone.support.open"), color: "tertiary", variant: "ghost", onClick: handleOpenHelpZone, children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.support.open"), placement: "top", children: /* @__PURE__ */ jsx(SvgIconQuestion, { width: 24, height: 24, color: "white" }) }) })
+    /* @__PURE__ */ jsx(ButtonBeta, { className: "help-zone-question", "aria-label": t("help-zone.support.open"), color: "tertiary", variant: "ghost", onClick: handleOpenHelpZone, children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.support.open"), placement: "top", children: /* @__PURE__ */ jsx(SvgIconQuestion, { width: 24, height: 24, color: "white" }) }) })
   ] }), portalRoot);
 };
 export {

package/dist/modules/HelpZone/HelpZoneContainer.js

@@ -1,16 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import HelpZone from "./HelpZone.js";
 import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
-function getHeaderColor() {
-  return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
-}
 function HelpZoneContainer() {
-  const headerColor = getHeaderColor(), {
+  const {
     isReady,
     isOpen,
     open,
     close
-  } = useZendeskGuide(headerColor);
+  } = useZendeskGuide();
   return /* @__PURE__ */ jsx(HelpZone, { isReady, isOpen, onOpen: open, onClose: close });
 }
 export {

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

@@ -0,0 +1,10 @@
+import { CalendarEvent } from '@edifice.io/client';
+export interface AgendaProps {
+    events: CalendarEvent[];
+    onEventClick?: (event: CalendarEvent) => void;
+    onOpenAgendaClick?: () => void;
+}
+export declare const Agenda: {
+    ({ events, onEventClick, onOpenAgendaClick, }: AgendaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import illuEmptyAgenda from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-agenda.svg";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import { AgendaEventCard } from "./AgendaEventCard.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1), Agenda = ({
+  events,
+  onEventClick,
+  onOpenAgendaClick = () => window.open("/calendar", "_self")
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate,
+    dateIsSame
+  } = useDate(), dayGroups = useMemo(() => {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    return events.reduce((groups, event) => {
+      const lastGroup = groups[groups.length - 1];
+      return lastGroup && dateIsSame(lastGroup.date, event.startMoment, "day") ? (lastGroup.events.push(event), groups) : (groups.push({
+        key: event.id,
+        date: event.startMoment,
+        weekday: capitalize(formatDate(event.startMoment, "ddd")),
+        day: formatDate(event.startMoment, "D"),
+        month: dateIsSame(event.startMoment, now, "month") ? void 0 : formatDate(event.startMoment, "MMM"),
+        events: [event]
+      }), groups);
+    }, []);
+  }, [events, dateIsSame, formatDate]);
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.agenda.title"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconExternalLink, { width: "20", height: "20" }), onActionClick: onOpenAgendaClick, actionProps: {
+      "aria-label": t("homepage.agenda.openAgenda"),
+      "data-testid": "agenda-button-open"
+    } }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: dayGroups.length === 0 ? /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "8", className: "agenda-empty", children: [
+      /* @__PURE__ */ jsx("img", { src: illuEmptyAgenda, alt: "", width: 64, height: 64 }),
+      /* @__PURE__ */ jsx("span", { className: "agenda-empty-text", children: t("homepage.agenda.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", className: "agenda-content", children: dayGroups.map((group) => /* @__PURE__ */ jsxs(Flex, { gap: "4", className: "agenda-day-group", "data-testid": "agenda-day-group", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", className: "agenda-day-group-date", children: [
+        /* @__PURE__ */ jsx("span", { children: group.weekday }),
+        /* @__PURE__ */ jsx("span", { className: "agenda-day-group-date-number", children: group.day }),
+        group.month && /* @__PURE__ */ jsx("span", { children: group.month })
+      ] }),
+      /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", className: "agenda-day-group-events", children: group.events.map((event) => /* @__PURE__ */ jsx(AgendaEventCard, { event, onClick: () => onEventClick == null ? void 0 : onEventClick(event) }, event.id)) })
+    ] }, group.key)) }) })
+  ] });
+};
+export {
+  Agenda
+};

package/dist/modules/homepage/components/Agenda/AgendaContainer.d.ts

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

package/dist/modules/homepage/components/Agenda/AgendaContainer.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Agenda } from "./Agenda.js";
+import { useAgendaContainer } from "./hooks/useAgendaContainer.js";
+function AgendaContainer() {
+  const {
+    events
+  } = useAgendaContainer();
+  return /* @__PURE__ */ jsx(Agenda, { events, onEventClick: (event) => {
+    window.open(`/calendar#/view/${event.calendarId}/event/${event.id}`, "_self");
+  } });
+}
+export {
+  AgendaContainer
+};

package/dist/modules/homepage/components/Agenda/AgendaEventCard.d.ts

@@ -0,0 +1,10 @@
+import { CalendarEvent } from '@edifice.io/client';
+import { MouseEventHandler } from 'react';
+export interface AgendaEventCardProps {
+    event: CalendarEvent;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const AgendaEventCard: {
+    ({ event, onClick }: AgendaEventCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/modules/homepage/components/Agenda/AgendaEventCard.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconClock from "../../../icons/components/IconClock.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1), AgendaEventCard = ({
+  event,
+  onClick
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate,
+    dateIsSame
+  } = useDate(), formatTime = (date) => formatDate(date, "HH[h]mm"), timeLabel = event.allDay ? t("homepage.agenda.allDay") : dateIsSame(event.startMoment, event.endMoment, "day") ? `${formatTime(event.startMoment)} - ${formatTime(event.endMoment)}` : t("homepage.agenda.multiDayTime", {
+    startTime: formatTime(event.startMoment),
+    endDay: capitalize(formatDate(event.endMoment, "ddd D")),
+    endTime: formatTime(event.endMoment)
+  });
+  return /* @__PURE__ */ jsxs("button", { type: "button", className: "agenda-event-card", onClick, "data-testid": "agenda-event-card", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "agenda-event-card-time", children: [
+      /* @__PURE__ */ jsx(SvgIconClock, { width: "20", height: "20" }),
+      /* @__PURE__ */ jsx("span", { children: timeLabel })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "agenda-event-card-title", children: event.title })
+  ] });
+};
+export {
+  AgendaEventCard
+};

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.d.ts

@@ -0,0 +1,14 @@
+import { CalendarEvent } from '@edifice.io/client';
+/** Number of upcoming events shown by the widget. */
+export declare const MAX_VISIBLE_EVENTS = 3;
+export interface UseAgendaContainerReturn {
+    events: CalendarEvent[];
+    isLoading: boolean;
+    error: Error | null;
+}
+/**
+ * Loads the current user's calendars, then their events, and keeps only the
+ * next `MAX_VISIBLE_EVENTS` events that haven't fully elapsed yet — an event
+ * still in progress (end date in the future) counts as "upcoming" too.
+ */
+export declare const useAgendaContainer: () => UseAgendaContainerReturn;

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.js

@@ -0,0 +1,27 @@
+import dayjs from "dayjs";
+import { useMemo } from "react";
+import { useCalendars, useEvents } from "../services/queries/agenda.js";
+const MAX_VISIBLE_EVENTS = 3, useAgendaContainer = () => {
+  const {
+    data: calendars,
+    isLoading: isLoadingCalendars,
+    error: calendarsError
+  } = useCalendars(), calendarIds = useMemo(() => (calendars == null ? void 0 : calendars.map((calendar) => calendar.id)) ?? [], [calendars]), {
+    data: rawEvents,
+    isLoading: isLoadingEvents,
+    error: eventsError
+  } = useEvents(calendarIds, MAX_VISIBLE_EVENTS);
+  return {
+    events: useMemo(() => {
+      if (!rawEvents) return [];
+      const now = dayjs();
+      return rawEvents.filter((event) => dayjs(event.endMoment).isAfter(now)).sort((a, b) => dayjs(a.startMoment).diff(dayjs(b.startMoment))).slice(0, MAX_VISIBLE_EVENTS);
+    }, [rawEvents]),
+    isLoading: isLoadingCalendars || isLoadingEvents,
+    error: calendarsError ?? eventsError
+  };
+};
+export {
+  MAX_VISIBLE_EVENTS,
+  useAgendaContainer
+};

package/dist/modules/homepage/components/Agenda/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Agenda';
+export * from './AgendaContainer';
+export * from './AgendaEventCard';