@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014184332

package/dist/hooks/useDate/useDate.d.ts

@@ -6,45 +6,27 @@ export type IsoDate = string;
 export type NumberDate = number;
 /** Date formats we are going to deal with. */
 export type CoreDate = IsoDate | MongoDate | NumberDate | Date;
-/** Variants of the calendar date format (see the date format spec). */
-export type CalendarDateVariant = 'full' | 'short' | 'abbr';
 /**
- * Custom React hook for date parsing, formatting, localization and conversion.
+ * Custom React hook for date parsing, formatting, and localization.
  *
- * It exposes one method per format of the Edifice date format spec
- * (see https://edifice-community.atlassian.net/wiki/spaces/ODE/pages/4601610241).
+ * Provides utility functions to:
+ * - Parse various date formats and timestamps into Dayjs objects, respecting the current language.
+ * - Format dates in user-friendly ways, including "time ago", "yesterday", and localized date strings.
+ * - Compute elapsed durations from a given date to now.
  *
- * All formatting methods accept a {@link CoreDate} and are localized through
- * the current language of the Edifice client. Wordings and format patterns
- * come from i18n keys (`date.*`), so no label is hardcoded.
+ * @returns An object containing:
+ * - `fromNow(date: CoreDate | NumberDate): string` — Returns a human-readable elapsed duration from the given date to now.
+ * - `formatDate(date: CoreDate, format?: 'short' | 'long' | 'abbr' | string): string` — Formats a date according to the specified format and current language.
+ * - `formatTimeAgo(date: CoreDate | NumberDate): string` — Returns a localized string representing how long ago the date was, with special handling for today, yesterday, and recent dates.
  *
- * Formats:
- * - Friendly: {@link useDate.formatRelativeDateTime}, {@link useDate.formatRelativeDate}
- * - Simple/textual: {@link useDate.formatLongDateTime}, {@link useDate.formatLongDate}
- * - Raw: {@link useDate.formatRawDate}, {@link useDate.formatRawDateTime}
- * - Calendar: {@link useDate.formatCalendarDate}
- * - Week: {@link useDate.formatWeek}
- *
- * Conversions: {@link useDate.toJsDate}, {@link useDate.toTimestamp},
- * {@link useDate.toIsoDate}, {@link useDate.toMongoDate}.
+ * @remarks
+ * - Uses the current language from the Edifice client context for localization.
  */
 export default function useDate(): {
-    formatRelativeDateTime: (date: CoreDate) => string;
-    formatRelativeDate: (date: CoreDate) => string;
-    formatLongDateTime: (date: CoreDate) => string;
-    formatLongDate: (date: CoreDate) => string;
-    formatRawDate: (date: CoreDate) => string;
-    formatRawDateTime: (date: CoreDate) => string;
-    formatCalendarDate: (date: CoreDate, variant?: CalendarDateVariant) => string;
-    formatWeek: (date: CoreDate) => string;
-    toJsDate: (date: CoreDate) => Date | undefined;
-    toTimestamp: (date: CoreDate) => number | undefined;
-    toIsoDate: (date: CoreDate) => IsoDate | undefined;
-    toMongoDate: (date: CoreDate) => MongoDate | undefined;
-    dateIsSame: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
-    dateIsSameOrAfter: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
-    dateIsToday: (date: CoreDate) => boolean;
     fromNow: (date: CoreDate) => string;
     formatDate: (date: CoreDate, format?: string) => string;
     formatTimeAgo: (date: CoreDate) => string;
+    dateIsSame: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
+    dateIsSameOrAfter: (date: CoreDate, date2: CoreDate, unit?: OpUnitType) => boolean;
+    dateIsToday: (date: CoreDate) => boolean;
 };

package/dist/hooks/useDate/useDate.js

@@ -1 +1,87 @@
-import{useEdificeClient}from"../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import{useCallback}from"react";import{useTranslation}from"react-i18next";import dayjs from"dayjs";import customParseFormat from"dayjs/plugin/customParseFormat.js";import isSameOrAfter from"dayjs/plugin/isSameOrAfter.js";import isToday from"dayjs/plugin/isToday.js";import localizedFormat from"dayjs/plugin/localizedFormat.js";import relativeTime from"dayjs/plugin/relativeTime.js";import"dayjs/locale/de.js";import"dayjs/locale/es.js";import"dayjs/locale/fr.js";import"dayjs/locale/it.js";import"dayjs/locale/pt.js";dayjs.extend(relativeTime),dayjs.extend(customParseFormat),dayjs.extend(localizedFormat),dayjs.extend(isSameOrAfter),dayjs.extend(isToday);function formatRelativeToNow(date,now){let diffInSeconds=date.diff(now,`second`),isFuture=diffInSeconds>0,seconds=Math.abs(diffInSeconds),key,count;seconds<60?(key=`s`,count=seconds):seconds<3600?(count=Math.floor(seconds/60),key=count<2?`m`:`mm`):(count=Math.floor(seconds/3600),key=count<2?`h`:`hh`);let strings=(dayjs.Ls[date.locale()]??dayjs.Ls.en).relativeTime,unit=strings[key],label=typeof unit==`function`?unit(count,!1,key,isFuture):(unit??``).replace(`%d`,String(count)),suffix=strings[isFuture?`future`:`past`];return typeof suffix==`function`?suffix(label):(suffix??`%s`).replace(`%s`,label)}var FRIENDLY_RELATIVE_MAX_HOURS=3;function useDate(){let{currentLanguage}=useEdificeClient(),{t}=useTranslation(),parseDate=useCallback((date,lang)=>{if(date.length<11)return dayjs(date,[`YYYY-MM-DD`],lang??currentLanguage);if(date.split(``).findIndex(char=>`0`>char||char>`9`)<0)return dayjs(Number.parseInt(date)).locale(currentLanguage);{let day=dayjs(date).locale(currentLanguage);return day.isValid()||(day=dayjs(date,[`YYYY-MM-DD HH:mm:ss.SSS`]).locale(currentLanguage)),day}},[currentLanguage]),toComputedDate=useCallback(date=>{let computedDate=dayjs();try{return date===void 0?void 0:(typeof date==`string`?computedDate=parseDate(date):date instanceof Date||typeof date==`number`?computedDate=dayjs(date).locale(currentLanguage):typeof date.$date==`number`?computedDate=dayjs(new Date(date.$date)).locale(currentLanguage):typeof date.$date==`string`&&(computedDate=parseDate(date.$date)),computedDate)}catch(error){console.error(error)}return computedDate},[currentLanguage,parseDate]),formatFriendly=useCallback((date,keyPrefix)=>{let computedDate=toComputedDate(date);if(!computedDate?.isValid())return``;let now=dayjs();if(computedDate.isToday()||Math.abs(now.diff(computedDate,`hour`))<=FRIENDLY_RELATIVE_MAX_HOURS)return formatRelativeToNow(computedDate,now);let patternKey;return patternKey=computedDate.isSame(now.subtract(1,`day`),`day`)?`yesterday`:computedDate.isSame(now.add(1,`day`),`day`)?`tomorrow`:Math.abs(now.diff(computedDate,`day`))<7?`weekday`:computedDate.isSame(now,`year`)?`currentYear`:`otherYear`,computedDate.format(t(`date.friendly.${keyPrefix}.${patternKey}`))},[toComputedDate,t]),formatRelativeDateTime=useCallback(date=>formatFriendly(date,`datetime`),[formatFriendly]),formatRelativeDate=useCallback(date=>formatFriendly(date,`date`),[formatFriendly]),formatLongDateTime=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.format(t(`date.long.datetime`)):``},[toComputedDate,t]),formatLongDate=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.format(t(`date.long.date`)):``},[toComputedDate,t]),formatRawDate=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.format(t(`date.raw.date`)):``},[toComputedDate,t]),formatRawDateTime=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.format(t(`date.raw.datetime`)):``},[toComputedDate,t]),formatCalendarDate=useCallback((date,variant=`full`)=>{let computedDate=toComputedDate(date);if(!computedDate?.isValid())return``;let now=dayjs();if(computedDate.isToday())return t(`date.calendar.today`);if(computedDate.isSame(now.subtract(1,`day`),`day`))return t(`date.calendar.yesterday`);if(computedDate.isSame(now.add(1,`day`),`day`))return t(`date.calendar.tomorrow`);let period=computedDate.isSame(now,`year`)?`currentYear`:`otherYear`;return computedDate.format(t(`date.calendar.${variant}.${period}`))},[toComputedDate,t]),formatWeek=useCallback(date=>{let computedDate=toComputedDate(date);if(!computedDate?.isValid())return``;let now=dayjs().locale(currentLanguage),targetWeekStart=computedDate.startOf(`week`),weekDiff=targetWeekStart.diff(now.startOf(`week`),`week`);if(weekDiff===0)return t(`date.week.current`);let weekEnd=targetWeekStart.endOf(`week`);return weekDiff===-1||weekDiff===1?t(weekDiff===-1?`date.week.last`:`date.week.next`,{start:targetWeekStart.format(t(`date.week.boundary.short`)),end:weekEnd.format(t(`date.week.boundary.short`))}):t(targetWeekStart.isSame(now,`year`)?`date.week.other.currentYear`:`date.week.other.otherYear`,{start:targetWeekStart.format(t(`date.week.boundary.day`)),end:weekEnd.format(t(`date.week.boundary.dayMonth`)),year:targetWeekStart.format(`YYYY`)})},[currentLanguage,toComputedDate,t]),toJsDate=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.toDate():void 0},[toComputedDate]),toTimestamp=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.valueOf():void 0},[toComputedDate]),toIsoDate=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.toISOString():void 0},[toComputedDate]),toMongoDate=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?{$date:computedDate.valueOf()}:void 0},[toComputedDate]),fromNow=useCallback(date=>{let computedDate=toComputedDate(date);return computedDate?.isValid()?computedDate.fromNow():``},[toComputedDate]),formatTimeAgo=useCallback(date=>{let computedDate=toComputedDate(date);if(!computedDate?.isValid())return``;let now=dayjs();return computedDate.isSame(now,`date`)?computedDate.fromNow():computedDate.isSame(now.subtract(1,`day`),`date`)?t(`date.format.yesterday`):now.diff(computedDate,`days`)<=7?computedDate.format(t(`date.format.currentWeek`)):computedDate.isSame(now,`year`)?computedDate.format(t(`date.format.currentYear`)):computedDate.format(t(`date.format.previousYear`))},[toComputedDate,t]),formatDate=useCallback((date,format=`short`)=>{let computedDate=toComputedDate(date),dayjsFormat=``;switch(format){case`short`:dayjsFormat=`L`;break;case`long`:dayjsFormat=`LL`;break;case`abbr`:dayjsFormat=`ll`;break;default:dayjsFormat=format}return computedDate?.isValid()?computedDate.locale(currentLanguage).format(dayjsFormat):``},[currentLanguage,toComputedDate]);return{formatRelativeDateTime,formatRelativeDate,formatLongDateTime,formatLongDate,formatRawDate,formatRawDateTime,formatCalendarDate,formatWeek,toJsDate,toTimestamp,toIsoDate,toMongoDate,dateIsSame:useCallback((date,date2,unit=`day`)=>{let computedDate=toComputedDate(date),computedDate2=toComputedDate(date2);return computedDate?.isSame(computedDate2,unit)??!1},[toComputedDate]),dateIsSameOrAfter:useCallback((date,date2,unit=`day`)=>{let computedDate=toComputedDate(date),computedDate2=toComputedDate(date2);return computedDate?.isSameOrAfter(computedDate2,unit)??!1},[toComputedDate]),dateIsToday:useCallback(date=>toComputedDate(date)?.isToday()??!1,[toComputedDate]),fromNow,formatDate,formatTimeAgo}}export{useDate as default};
+import { useCallback } from "react";
+import dayjs from "dayjs";
+import isSameOrAfter from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isSameOrAfter.js";
+import isToday from "../../node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isToday.js";
+import customParseFormat from "dayjs/plugin/customParseFormat.js";
+import localizedFormat from "dayjs/plugin/localizedFormat.js";
+import relativeTime from "dayjs/plugin/relativeTime.js";
+import "dayjs/locale/de.js";
+import "dayjs/locale/es.js";
+import "dayjs/locale/fr.js";
+import "dayjs/locale/it.js";
+import "dayjs/locale/pt.js";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+dayjs.extend(relativeTime);
+dayjs.extend(customParseFormat);
+dayjs.extend(localizedFormat);
+dayjs.extend(isSameOrAfter);
+dayjs.extend(isToday);
+function useDate() {
+  const {
+    currentLanguage
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(), parseDate = useCallback((date, lang) => {
+    if (date.length < 11) return dayjs(date, ["YYYY-MM-DD"], lang);
+    if (date.split("").findIndex((char) => "0" > char || char > "9") < 0)
+      return dayjs(Number.parseInt(date)).locale(currentLanguage);
+    {
+      let day = dayjs(date).locale(currentLanguage);
+      return day.isValid() || (day = dayjs(date, ["YYYY-MM-DD HH:mm:ss.SSS"]).locale(currentLanguage)), day;
+    }
+  }, [currentLanguage]), toComputedDate = useCallback((date) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? void 0 : (typeof date == "string" ? computedDate = parseDate(date) : date instanceof Date ? computedDate = dayjs(date).locale(currentLanguage) : typeof date == "number" ? computedDate = dayjs(date).locale(currentLanguage) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)).locale(currentLanguage) : typeof date.$date == "string" && (computedDate = parseDate(date.$date)), computedDate);
+    } catch (error) {
+      console.error(error);
+    }
+    return computedDate;
+  }, [currentLanguage, parseDate]), formatTimeAgo = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    if (!(computedDate != null && computedDate.isValid())) return "";
+    const now = dayjs();
+    return computedDate.isSame(now, "date") ? computedDate.fromNow() : computedDate.isSame(now.subtract(1, "day"), "date") ? t("date.format.yesterday") : now.diff(computedDate, "days") <= 7 ? computedDate.format(t("date.format.currentWeek")) : computedDate.isSame(now, "year") ? computedDate.format(t("date.format.currentYear")) : computedDate.format(t("date.format.previousYear"));
+  }, [currentLanguage, parseDate]), fromNow = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    return computedDate != null && computedDate.isValid() ? computedDate.fromNow() : "";
+  }, [currentLanguage, parseDate]), formatDate = useCallback((date, format = "short") => {
+    const computedDate = toComputedDate(date);
+    let dayjsFormat = "";
+    switch (format) {
+      case "short":
+        dayjsFormat = "L";
+        break;
+      case "long":
+        dayjsFormat = "LL";
+        break;
+      case "abbr":
+        dayjsFormat = "ll";
+        break;
+      default:
+        dayjsFormat = format;
+    }
+    return computedDate != null && computedDate.isValid() ? computedDate.locale(currentLanguage).format(dayjsFormat) : "";
+  }, [currentLanguage, parseDate]), dateIsSame = useCallback((date, date2, unit = "day") => {
+    const computedDate = toComputedDate(date), computedDate2 = toComputedDate(date2);
+    return (computedDate == null ? void 0 : computedDate.isSame(computedDate2, unit)) ?? !1;
+  }, [currentLanguage, parseDate]), dateIsSameOrAfter = useCallback((date, date2, unit = "day") => {
+    const computedDate = toComputedDate(date), computedDate2 = toComputedDate(date2);
+    return (computedDate == null ? void 0 : computedDate.isSameOrAfter(computedDate2, unit)) ?? !1;
+  }, [currentLanguage, parseDate]), dateIsToday = useCallback((date) => {
+    const computedDate = toComputedDate(date);
+    return (computedDate == null ? void 0 : computedDate.isToday()) ?? !1;
+  }, [currentLanguage, parseDate]);
+  return {
+    fromNow,
+    formatDate,
+    formatTimeAgo,
+    dateIsSame,
+    dateIsSameOrAfter,
+    dateIsToday
+  };
+}
+export {
+  useDate as default
+};

package/dist/hooks/useDebounce/useDebounce.js

@@ -1 +1,15 @@
-import{useEffect,useState}from"react";function useDebounce(value,delay){let[debouncedValue,setDebouncedValue]=useState(value);return useEffect(()=>{let timer=setTimeout(()=>{setDebouncedValue(value)},delay||500);return()=>{clearTimeout(timer)}},[value,delay]),debouncedValue}export{useDebounce as default};
+import { useState, useEffect } from "react";
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  return useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay || 500);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]), debouncedValue;
+}
+export {
+  useDebounce as default
+};

package/dist/hooks/useDirectory/useDirectory.js

@@ -1 +1,17 @@
-import{odeServices}from"@edifice.io/client";var useDirectory=()=>{function getAvatarURL(userId,type){if(userId!==``)return odeServices.directory().getAvatarUrl(userId,type)}function getUserbookURL(userId,type){return odeServices.directory().getDirectoryUrl(userId,type)}return{getAvatarURL,getUserbookURL}};export{useDirectory as default};
+import { odeServices } from "@edifice.io/client";
+const useDirectory = () => {
+  function getAvatarURL(userId, type) {
+    if (userId !== "")
+      return odeServices.directory().getAvatarUrl(userId, type);
+  }
+  function getUserbookURL(userId, type) {
+    return odeServices.directory().getDirectoryUrl(userId, type);
+  }
+  return {
+    getAvatarURL,
+    getUserbookURL
+  };
+};
+export {
+  useDirectory as default
+};

package/dist/hooks/useDropdown/useDropdown.js

@@ -1 +1,170 @@
-import{mergeRefs}from"../../utilities/refs/ref.js";import{useCallback,useEffect,useId,useRef,useState}from"react";import{autoUpdate,flip,offset,safePolygon,size,useFloating,useHover}from"@floating-ui/react";var useDropdown=(placement,extraTriggerKeyDownHandler,isTriggerHovered=!1,focusOnVisible=!0,openOnSpace=!0,focusOnMouseEnter=!0)=>{let id=useId(),[visible,setVisible]=useState(!1),[activeIndex,setActiveIndex]=useState(-1),[isFocused,setIsFocused]=useState(null),{refs,floatingStyles,context}=useFloating({placement,open:visible,onOpenChange:setVisible,whileElementsMounted:autoUpdate,middleware:[offset(0),size({apply({rects,elements}){elements.floating.style.minWidth=`${rects.reference.width}px`}}),flip({padding:0})]});useHover(context,{enabled:isTriggerHovered,delay:{open:200},handleClose:safePolygon()});let menuRef=useRef(null),triggerRef=useRef(null),itemRefs=useRef({});useEffect(()=>{visible&&menuRef.current&&focusOnVisible?(menuRef.current.focus(),setActiveIndex(0)):(setActiveIndex(-1),itemRefs.current={})},[visible]),useEffect(()=>{if(activeIndex!==-1){let filteredItems=Object.values(itemRefs.current).filter(item=>!!item);if(activeIndex<0||activeIndex>=filteredItems.length){setActiveIndex(-1),setIsFocused(null);return}let currentItem=filteredItems[activeIndex];currentItem&&(setIsFocused(currentItem.getAttribute(`id`)),currentItem.focus())}},[activeIndex]);let visibleItemCount=()=>Object.values(itemRefs.current).filter(Boolean).length,nextItem=()=>{let count=visibleItemCount();setActiveIndex(prevIndex=>(prevIndex+1)%count)},previousItem=()=>{let count=visibleItemCount();setActiveIndex(prevIndex=>(prevIndex-1+count)%count)},firstItem=()=>{setActiveIndex(0)},lastItem=()=>{setActiveIndex(visibleItemCount()-1)},openDropdown=useCallback(()=>{setVisible(!0)},[]),closeDropdown=useCallback(()=>{triggerRef.current&&(triggerRef.current.focus({preventScroll:!0}),setVisible(!1))},[]),stopEvents=(flag,event)=>{flag&&(event.stopPropagation(),event.preventDefault())},onTriggerKeyDown=useCallback(event=>{let flag=!1;switch(event.code){case` `:case`Space`:if(!openOnSpace)break;openDropdown(),flag=!0;break;case`Enter`:case`ArrowDown`:case`Down`:openDropdown(),flag=!0;break;case`Esc`:case`Escape`:closeDropdown(),flag=!0;break;case`Up`:case`ArrowUp`:openDropdown(),flag=!0;break;default:break}extraTriggerKeyDownHandler?.(event),stopEvents(flag,event)},[closeDropdown,openDropdown]),onMenuItemMouseEnter=event=>{focusOnMouseEnter&&setActiveIndex(Object.values(itemRefs.current).filter(item=>!!item).findIndex(item=>item.id===event.currentTarget.getAttribute(`id`)))},onMenuItemKeyDown=useCallback((event,onSuccess)=>{let flag=!1;if(event.shiftKey)event.key===`Tab`&&(closeDropdown(),flag=!0);else{switch(event.code){case`Escape`:closeDropdown();break;case` `:case`Enter`:activeIndex!==-1&&(Object.values(itemRefs.current)[activeIndex].getAttribute(`role`)===`menuitem`&&triggerRef.current&&(triggerRef.current.focus(),setVisible(!1)),onSuccess?.()),flag=!0;break;case`ArrowDown`:case`Down`:nextItem(),flag=!0;break;case`ArrowUp`:case`Up`:previousItem(),flag=!0;break;case`Home`:firstItem(),flag=!0;break;case`End`:lastItem(),flag=!0;break;default:break}stopEvents(flag,event)}},[activeIndex,closeDropdown]),onTriggerClick=useCallback(event=>{setVisible(visible!==!0),event.stopPropagation(),event.preventDefault()},[visible]);return{isFocused,visible,itemRefs,triggerRef,menuRef,triggerProps:{ref:mergeRefs(triggerRef,refs.setReference),id:`dropdown-toggle-${id}`,"aria-haspopup":`menu`,"aria-controls":`dropdown-${id}`,"aria-expanded":!!visible,className:`${visible?`selected`:``}`,onClick:onTriggerClick,onKeyDown:onTriggerKeyDown,"aria-activedescendant":isFocused},menuProps:{ref:mergeRefs(menuRef,refs.setFloating),className:`dropdown-menu`,"aria-labelledby":`dropdown-toggle-${id}`,style:{...floatingStyles}},itemProps:{onMenuItemMouseEnter,onMenuItemClick:closeDropdown,onMenuItemKeyDown},openDropdown,closeDropdown,setVisible}};export{useDropdown as default};
+import { useId, useState, useRef, useEffect, useCallback } from "react";
+import { useFloating, autoUpdate, offset, size, flip, useHover, safePolygon } from "@floating-ui/react";
+import { mergeRefs } from "../../utilities/refs/ref.js";
+const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1, focusOnVisible = !0, openOnSpace = !0, focusOnMouseEnter = !0) => {
+  const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {
+    refs,
+    floatingStyles,
+    context
+  } = useFloating({
+    placement,
+    open: visible,
+    onOpenChange: setVisible,
+    whileElementsMounted: autoUpdate,
+    middleware: [offset(0), size({
+      apply({
+        rects,
+        elements
+      }) {
+        elements.floating.style.minWidth = `${rects.reference.width}px`;
+      }
+    }), flip({
+      padding: 0
+    })]
+  });
+  useHover(context, {
+    enabled: isTriggerHovered,
+    // Configure the delay for opening and closing separately.
+    delay: {
+      open: 200
+    },
+    handleClose: safePolygon()
+  });
+  const menuRef = useRef(null), triggerRef = useRef(null), itemRefs = useRef({});
+  useEffect(() => {
+    visible && menuRef.current && focusOnVisible ? (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
+  }, [visible]), useEffect(() => {
+    if (activeIndex !== -1) {
+      const filteredItems = Object.values(itemRefs.current).filter((item) => !!item);
+      if (activeIndex < 0 || activeIndex >= filteredItems.length) {
+        setActiveIndex(-1), setIsFocused(null);
+        return;
+      }
+      const currentItem = filteredItems[activeIndex];
+      if (currentItem) {
+        const id2 = currentItem.getAttribute("id");
+        setIsFocused(id2), currentItem.focus();
+      }
+    }
+  }, [activeIndex]);
+  const visibleItemCount = () => Object.values(itemRefs.current).filter(Boolean).length, nextItem = () => {
+    const count = visibleItemCount();
+    setActiveIndex((prevIndex) => (prevIndex + 1) % count);
+  }, previousItem = () => {
+    const count = visibleItemCount();
+    setActiveIndex((prevIndex) => (prevIndex - 1 + count) % count);
+  }, firstItem = () => {
+    setActiveIndex(0);
+  }, lastItem = () => {
+    setActiveIndex(visibleItemCount() - 1);
+  }, openDropdown = useCallback(() => {
+    setVisible(!0);
+  }, []), closeDropdown = useCallback(() => {
+    triggerRef.current && (triggerRef.current.focus({
+      preventScroll: !0
+    }), setVisible(!1));
+  }, []), stopEvents = (flag, event) => {
+    flag && (event.stopPropagation(), event.preventDefault());
+  }, onTriggerKeyDown = useCallback((event) => {
+    let flag = !1;
+    switch (event.code) {
+      case " ":
+      case "Space":
+        if (!openOnSpace)
+          break;
+        openDropdown(), flag = !0;
+        break;
+      case "Enter":
+      case "ArrowDown":
+      case "Down":
+        openDropdown(), flag = !0;
+        break;
+      case "Esc":
+      case "Escape":
+        closeDropdown(), flag = !0;
+        break;
+      case "Up":
+      case "ArrowUp":
+        openDropdown(), flag = !0;
+        break;
+    }
+    extraTriggerKeyDownHandler == null || extraTriggerKeyDownHandler(event), stopEvents(flag, event);
+  }, [closeDropdown, openDropdown]), onMenuItemMouseEnter = (event) => {
+    if (focusOnMouseEnter) {
+      const index = Object.values(itemRefs.current).filter((item) => !!item).findIndex((item) => item.id === event.currentTarget.getAttribute("id"));
+      setActiveIndex(index);
+    }
+  }, onMenuItemKeyDown = useCallback((event, onSuccess) => {
+    let flag = !1;
+    if (event.shiftKey)
+      event.key === "Tab" && (closeDropdown(), flag = !0);
+    else {
+      switch (event.code) {
+        case "Escape":
+          closeDropdown();
+          break;
+        case " ":
+        case "Enter":
+          activeIndex !== -1 && (Object.values(itemRefs.current)[activeIndex].getAttribute("role") === "menuitem" && triggerRef.current && (triggerRef.current.focus(), setVisible(!1)), onSuccess == null || onSuccess()), flag = !0;
+          break;
+        case "ArrowDown":
+        case "Down":
+          nextItem(), flag = !0;
+          break;
+        case "ArrowUp":
+        case "Up":
+          previousItem(), flag = !0;
+          break;
+        case "Home":
+          firstItem(), flag = !0;
+          break;
+        case "End":
+          lastItem(), flag = !0;
+          break;
+      }
+      stopEvents(flag, event);
+    }
+  }, [activeIndex, closeDropdown]), onTriggerClick = useCallback((event) => {
+    setVisible(visible !== !0), event.stopPropagation(), event.preventDefault();
+  }, [visible]);
+  return {
+    isFocused,
+    visible,
+    itemRefs,
+    triggerRef,
+    menuRef,
+    /* TriggerProps to spread to any Trigger component */
+    triggerProps: {
+      ref: mergeRefs(triggerRef, refs.setReference),
+      id: `dropdown-toggle-${id}`,
+      "aria-haspopup": "menu",
+      "aria-controls": `dropdown-${id}`,
+      "aria-expanded": !!visible,
+      className: `${visible ? "selected" : ""}`,
+      onClick: onTriggerClick,
+      onKeyDown: onTriggerKeyDown,
+      "aria-activedescendant": isFocused
+    },
+    /* MenuProps to spread to any Menu Component */
+    menuProps: {
+      ref: mergeRefs(menuRef, refs.setFloating),
+      className: "dropdown-menu",
+      "aria-labelledby": `dropdown-toggle-${id}`,
+      style: {
+        ...floatingStyles
+      }
+    },
+    /* ItemProps to spread to any item Component */
+    itemProps: {
+      onMenuItemMouseEnter,
+      onMenuItemClick: closeDropdown,
+      onMenuItemKeyDown
+    },
+    openDropdown,
+    closeDropdown,
+    setVisible
+  };
+};
+export {
+  useDropdown as default
+};

package/dist/hooks/useDropzone/useDropzone.js

@@ -1 +1,98 @@
-import{HEIC_MIME_TYPES}from"../../utilities/mime-types/mime-types-utils.js";import{useRef,useState}from"react";var useDropzone=props=>{let[dragging,setDragging]=useState(!1),[files,setFiles]=useState([]),inputRef=useRef(null),addFile=file=>{addFiles([file])},deleteFile=file=>{setFiles(prevFiles=>prevFiles.filter(prevFile=>prevFile.name!==file.name))},replaceFileAt=(index,file)=>{setFiles(prevFiles=>{if(0<=index&&index<prevFiles.length){let firstPart=prevFiles.slice(0,index),lastPart=index===prevFiles.length-1?[]:prevFiles.slice(index+1);return[...firstPart,file,...lastPart]}return prevFiles})},applyInputFiltersOn=files=>{let filteredFiles=files;if(inputRef.current?.accept){let filters=inputRef.current.accept.split(`,`).map(filter=>filter.trim().toLowerCase()),extensions=filters.filter(filter=>filter.startsWith(`.`)),mimes=filters.filter(filter=>!filter.startsWith(`.`)).map(mime=>mime.replace(`*`,``));filteredFiles=[],files.forEach(file=>{let fileName=file.name.toLowerCase();(extensions.some(extension=>fileName.endsWith(extension))||mimes.some(mime=>file.type.includes(mime)))&&filteredFiles.push(file)})}return filteredFiles},addFiles=async files=>{let filesToAdd=(await convertHEICImages(files)).sort((a,b)=>a.lastModified-b.lastModified).map(file=>new File([file],file.name.replace(/[!:,;="']/g,``),{type:file.type,lastModified:file.lastModified}));props?.forceFilters&&(filesToAdd=applyInputFiltersOn(filesToAdd)),filesToAdd&&filesToAdd.length&&setFiles(prevFiles=>[...prevFiles,...filesToAdd])},convertHEICImages=async files=>{if(files===null||files.length===0)return[];let heicToLib;return files.some(file=>HEIC_MIME_TYPES.includes(file.type))&&(heicToLib=await import(`heic-to`)),Promise.all(files.map(async file=>{if(heicToLib&&heicToLib.isHeic(file))try{let converted=await heicToLib.heicTo({blob:file,toType:`image/jpeg`});return new File([converted],file.name.replace(/\.(heic|heif)$/i,`.jpeg`),{type:`image/jpeg`,lastModified:file.lastModified})}catch(error){return console.error(`Failed to convert HEIC image: ${file.name}`,error),file}return file}))},cleanFiles=()=>{setFiles([])},handleOnChange=event=>{let files=event.target.files;files&&addFiles([...files])},handleDragging=event=>{event.preventDefault(),event.stopPropagation(),setDragging(!0)},handleDragLeave=event=>{event.preventDefault(),event.stopPropagation(),setDragging(!1)};return{inputRef,files,dragging,handleDragging,handleDragLeave,handleDrop:async event=>{handleDragLeave(event);let files=event.dataTransfer?.files;files&&(await addFiles([...files]),inputRef?.current&&(inputRef.current.files=files))},replaceFileAt,deleteFile,addFile,addFiles,cleanFiles,handleOnChange}};export{useDropzone as default};
+import { useState, useRef } from "react";
+import { HEIC_MIME_TYPES } from "../../utilities/mime-types/mime-types-utils.js";
+const useDropzone = (props) => {
+  const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
+    addFiles([file]);
+  }, deleteFile = (file) => {
+    setFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== file.name));
+  }, replaceFileAt = (index, file) => {
+    setFiles((prevFiles) => {
+      if (0 <= index && index < prevFiles.length) {
+        const firstPart = prevFiles.slice(0, index), lastPart = index === prevFiles.length - 1 ? [] : prevFiles.slice(index + 1);
+        return [...firstPart, file, ...lastPart];
+      }
+      return prevFiles;
+    });
+  }, applyInputFiltersOn = (files2) => {
+    var _a;
+    let filteredFiles = files2;
+    if ((_a = inputRef.current) != null && _a.accept) {
+      const filters = inputRef.current.accept.split(",").map((filter) => filter.trim().toLowerCase()), extensions = filters.filter((filter) => filter.startsWith(".")), mimes = filters.filter((filter) => !filter.startsWith(".")).map((mime) => mime.replace("*", ""));
+      filteredFiles = [], files2.forEach((file) => {
+        const fileName = file.name.toLowerCase();
+        (extensions.some((extension) => fileName.endsWith(extension)) || mimes.some((mime) => file.type.includes(mime))) && filteredFiles.push(file);
+      });
+    }
+    return filteredFiles;
+  }, addFiles = async (files2) => {
+    let filesToAdd = (await convertHEICImages(files2)).sort((a, b) => b.lastModified - a.lastModified).map((file) => (
+      // #WB-3377: Remove special characters from the file name. (it can cause issues with vertx which replace it or remove it)
+      new File([file], file.name.replace(/[!:,;="']/g, ""), {
+        type: file.type
+      })
+    ));
+    filesToAdd.reverse(), props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
+  }, convertHEICImages = async (files2) => {
+    if (files2 === null || files2.length === 0)
+      return [];
+    let heicToLib;
+    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heicToLib = await import("heic-to")), Promise.all(files2.map(async (file) => {
+      if (heicToLib && heicToLib.isHeic(file))
+        try {
+          const converted = await heicToLib.heicTo({
+            blob: file,
+            toType: "image/jpeg"
+          });
+          return new File([converted], file.name.replace(/\.(heic|heif)$/i, ".jpeg"), {
+            type: "image/jpeg"
+          });
+        } catch (error) {
+          return console.error(`Failed to convert HEIC image: ${file.name}`, error), file;
+        }
+      return file;
+    }));
+  }, cleanFiles = () => {
+    setFiles([]);
+  }, handleOnChange = (event) => {
+    const files2 = event.target.files;
+    files2 && addFiles([...files2]);
+  }, handleDragging = (event) => {
+    event.preventDefault(), event.stopPropagation(), setDragging(!0);
+  }, handleDragLeave = (event) => {
+    event.preventDefault(), event.stopPropagation(), setDragging(!1);
+  };
+  return {
+    /** Reference to an `input[type=file]` HTMLElement, null at first. */
+    inputRef,
+    /** Read-only list of File·s  managed by this hook. */
+    files,
+    /** Truthy when a drag event is triggered. */
+    dragging,
+    /** Callback to attach to your drop zone (any HTMLElement). */
+    handleDragging,
+    /** Callback to attach to your drop zone (any HTMLElement). */
+    handleDragLeave,
+    /** Callback to attach to your drop zone (any HTMLElement). */
+    handleDrop: async (event) => {
+      var _a;
+      handleDragLeave(event);
+      const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
+      files2 && (await addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
+    },
+    /** Replace a file in the `files` list. */
+    replaceFileAt,
+    /** Remove a file from the `files` list. */
+    deleteFile,
+    /** Add a file to the `files` list. */
+    addFile,
+    /** Add many files to the `files` list. */
+    addFiles,
+    /** Empty the `files` list. */
+    cleanFiles,
+    /** Callback to attach to your `input[type=file]` HTMLElement. */
+    handleOnChange
+  };
+};
+export {
+  useDropzone as default
+};

package/dist/hooks/useEdificeIcons/useEdificeIcons.js

@@ -1 +1,101 @@
-var PLACEHOLDER_ICON=`placeholder`;function useEdificeIcons(){let iconOfWidget={"last-infos-widget":`ic-widget-actualites`,birthday:`ic-star`,"calendar-widget":`ic-widget-calendar`,"carnet-de-bord":`ic-widget-carnet-de-bord`,"record-me":`ic-widget-microphone`,mood:`ic-star`,"my-apps":`ic-widget-apps`,notes:`ic-widget-notes`,"rss-widget":`ic-widget-rss`,"bookmark-widget":`ic-widget-signets`,qwant:`ic-widget-qwant`,"qwant-junior":`ic-widget-qwant`,"agenda-widget":`ic-widget-agenda`,"cursus-widget":`ic-widget-aide-devoirs`,"maxicours-widget":`ic-widget-maxicours`,"school-widget":`ic-widget-schoolbook`,"universalis-widget":`ic-widget-universalis`,"briefme-widget":`ic-widget-briefme`};function getIconCode(app){let appCode=``;switch(appCode=typeof app==`string`?app:app?.icon===void 0?PLACEHOLDER_ICON:app?.icon.trim().toLowerCase(),appCode&&appCode.length>0?appCode.endsWith(`-large`)&&(appCode=appCode.replace(`-large`,``)):typeof app==`object`&&(appCode=app?.displayName===void 0?``:app?.displayName.trim().toLowerCase()),appCode){case`admin.title`:appCode=`admin`;break;case`banques des savoirs`:appCode=`banquesavoir`;break;case`collaborativewall`:appCode=`collaborative-wall`;break;case`communautés`:appCode=`community`;break;case`directory.user`:appCode=`userbook`;break;case`emploi du temps`:appCode=`edt`;break;case`formulaire`:appCode=`forms`;break;case`messagerie`:appCode=`conversation`;break;case`news`:appCode=`actualites`;break;case`homeworks`:case`cahier de texte`:appCode=`cahier-de-texte`;break;case`diary`:case`cahier de texte 2d`:appCode=`cahier-textes`;break;case`scrap-book`:appCode=`scrapbook`;break;default:break}return appCode}function isIconUrl(icon){return icon&&(icon.startsWith(`/`)||icon.startsWith(`http://`)||icon.startsWith(`https://`))}function getIconClass(app){let appCode=getIconCode(app)||PLACEHOLDER_ICON;return`color-app-${appCode} color-app app-${appCode}`}function getBackgroundIconClass(app){let appCode=getIconCode(app)||PLACEHOLDER_ICON;return`bg-app-${appCode} bg-app app-${appCode}`}function getBackgroundLightIconClass(app){let appCode=getIconCode(app)||PLACEHOLDER_ICON;return`bg-light-${appCode} bg-app-light app-${appCode}`}function getBorderIconClass(app){let appCode=getIconCode(app)||PLACEHOLDER_ICON;return`border-app-${appCode} border-app app-${appCode}`}function getWidgetIconClass(widget){return iconOfWidget[widget.platformConf.name]}return{getIconClass,getBackgroundIconClass,getBackgroundLightIconClass,getBorderIconClass,getIconCode,getWidgetIconClass,isIconUrl}}export{useEdificeIcons as default};
+const PLACEHOLDER_ICON = "placeholder";
+function useEdificeIcons() {
+  const iconOfWidget = {
+    "last-infos-widget": "ic-widget-actualites",
+    birthday: "ic-star",
+    "calendar-widget": "ic-widget-calendar",
+    "carnet-de-bord": "ic-widget-carnet-de-bord",
+    "record-me": "ic-widget-microphone",
+    mood: "ic-star",
+    "my-apps": "ic-widget-apps",
+    notes: "ic-widget-notes",
+    "rss-widget": "ic-widget-rss",
+    "bookmark-widget": "ic-widget-signets",
+    qwant: "ic-widget-qwant",
+    "qwant-junior": "ic-widget-qwant",
+    "agenda-widget": "ic-widget-agenda",
+    "cursus-widget": "ic-widget-aide-devoirs",
+    "maxicours-widget": "ic-widget-maxicours",
+    "school-widget": "ic-widget-schoolbook",
+    "universalis-widget": "ic-widget-universalis",
+    "briefme-widget": "ic-widget-briefme"
+  };
+  function getIconCode(app) {
+    let appCode = "";
+    switch (typeof app == "string" ? appCode = app : appCode = (app == null ? void 0 : app.icon) !== void 0 ? app == null ? void 0 : app.icon.trim().toLowerCase() : PLACEHOLDER_ICON, appCode && appCode.length > 0 ? appCode.endsWith("-large") && (appCode = appCode.replace("-large", "")) : typeof app == "object" && (appCode = (app == null ? void 0 : app.displayName) !== void 0 ? app == null ? void 0 : app.displayName.trim().toLowerCase() : ""), appCode) {
+      case "admin.title":
+        appCode = "admin";
+        break;
+      case "banques des savoirs":
+        appCode = "banquesavoir";
+        break;
+      case "collaborativewall":
+        appCode = "collaborative-wall";
+        break;
+      case "communautés":
+        appCode = "community";
+        break;
+      case "directory.user":
+        appCode = "userbook";
+        break;
+      case "emploi du temps":
+        appCode = "edt";
+        break;
+      case "formulaire":
+        appCode = "forms";
+        break;
+      case "messagerie":
+        appCode = "conversation";
+        break;
+      case "news":
+        appCode = "actualites";
+        break;
+      case "homeworks":
+      case "cahier de texte":
+        appCode = "cahier-de-texte";
+        break;
+      case "diary":
+      case "cahier de texte 2d":
+        appCode = "cahier-textes";
+        break;
+      case "scrap-book":
+        appCode = "scrapbook";
+        break;
+    }
+    return appCode;
+  }
+  function isIconUrl(icon) {
+    return icon && (icon.startsWith("/") || icon.startsWith("http://") || icon.startsWith("https://"));
+  }
+  function getIconClass(app) {
+    const appCode = getIconCode(app) || PLACEHOLDER_ICON;
+    return `color-app-${appCode} color-app app-${appCode}`;
+  }
+  function getBackgroundIconClass(app) {
+    const appCode = getIconCode(app) || PLACEHOLDER_ICON;
+    return `bg-app-${appCode} bg-app app-${appCode}`;
+  }
+  function getBackgroundLightIconClass(app) {
+    const appCode = getIconCode(app) || PLACEHOLDER_ICON;
+    return `bg-light-${appCode} bg-app-light app-${appCode}`;
+  }
+  function getBorderIconClass(app) {
+    const appCode = getIconCode(app) || PLACEHOLDER_ICON;
+    return `border-app-${appCode} border-app app-${appCode}`;
+  }
+  function getWidgetIconClass(widget) {
+    return iconOfWidget[widget.platformConf.name];
+  }
+  return {
+    getIconClass,
+    getBackgroundIconClass,
+    getBackgroundLightIconClass,
+    getBorderIconClass,
+    getIconCode,
+    getWidgetIconClass,
+    isIconUrl
+  };
+}
+export {
+  useEdificeIcons as default
+};

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

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

package/dist/hooks/useGoogleDriveSearch/useGoogleDriveSearch.d.ts

@@ -0,0 +1,14 @@
+import { GoogleDriveDocument, ID } from '@edifice.io/client';
+import { TreeItem } from '../../components/Tree/types';
+export type GoogleDriveFolderNode = TreeItem & {
+    files?: GoogleDriveDocument[];
+};
+export default function useGoogleDriveSearch(rootId: string, rootName: string, userId?: string): {
+    root: GoogleDriveFolderNode;
+    needsAuth: boolean;
+    isCheckingAuth: boolean;
+    isAuthError: boolean;
+    refetchAuthStatus: () => void;
+    loadContent: (folderId?: ID) => void;
+    loadError: unknown;
+};