@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/dist/components/TreeView/utilities/treeview.d.ts

@@ -0,0 +1,35 @@
+import { IFolder } from '@edifice.io/ts-client';
+import { TreeData } from '../../../types';
+export declare function findTreeNode(root: TreeData, predicate: (node: TreeData) => boolean): TreeData | undefined;
+export declare function findNodeById(data: TreeData | TreeData[], id: string): TreeData | undefined;
+export declare function addNode(node: TreeData, { parentId, newFolder }: {
+    parentId: string;
+    newFolder: IFolder;
+}): TreeData;
+export declare function arrayUnique<T>(array: T[]): T[];
+export declare function deleteNode(node: TreeData, { folders }: {
+    folders: string[];
+}): TreeData;
+export declare const findParentNode: (parentNode: TreeData, childId: string) => TreeData | undefined;
+export declare function getAncestors(data: TreeData, folderId: string): string[];
+export declare function hasChildren(folderId: string, data: TreeData): boolean;
+export declare function modifyNode(data: TreeData, callback: (node: TreeData, parent?: TreeData) => TreeData | undefined): TreeData;
+export declare function moveNode(node: TreeData, { destinationId, folders }: {
+    destinationId: string;
+    folders: string[];
+}): TreeData;
+export declare const wrapTreeNode: (node: TreeData, folders: IFolder[] | undefined, parentId: string) => TreeData;
+export declare function updateNode(node: TreeData, { folderId, newFolder }: {
+    folderId: string;
+    newFolder: IFolder;
+}): TreeData;
+export declare function findPathById(tree: TreeData | TreeData[], nodeId: string): string[];
+export declare class TreeNodeFolderWrapper implements TreeData {
+    readonly folder: IFolder;
+    constructor(folder: IFolder);
+    readonly id: string;
+    readonly name: string;
+    readonly childNumber: number;
+    section: boolean;
+    readonly children: TreeData[];
+}

package/dist/components/TreeView/utilities/treeview.js

@@ -0,0 +1,53 @@
+import "@edifice.io/ts-client";
+function findTreeNode(root, predicate) {
+  if (predicate(root)) return root;
+  if (Array.isArray(root.children))
+    for (const child of root.children) {
+      const found = findTreeNode(child, predicate);
+      if (found) return found;
+    }
+}
+function findNodeById(data, id) {
+  if (Array.isArray(data))
+    for (const node of data) {
+      const result = findNodeById(node, id);
+      if (result)
+        return result;
+    }
+  else {
+    if (data.id === id) return data;
+    if (data.children)
+      for (const child of data.children) {
+        const result = findNodeById(child, id);
+        if (result)
+          return result;
+      }
+  }
+}
+function findPathById(tree, nodeId) {
+  let path = [];
+  function traverse(node, currentPath) {
+    if (node.id === nodeId)
+      return path = currentPath.concat(node.id), !0;
+    if (node.children) {
+      for (const child of node.children)
+        if (traverse(child, currentPath.concat(node.id)))
+          return !0;
+    }
+    return !1;
+  }
+  function startTraverse(nodes) {
+    if (Array.isArray(nodes)) {
+      for (const node of nodes)
+        if (traverse(node, []))
+          break;
+    } else
+      traverse(nodes, []);
+  }
+  return startTraverse(tree), path;
+}
+export {
+  findNodeById,
+  findPathById,
+  findTreeNode
+};

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const VisuallyHidden = /* @__PURE__ */ forwardRef(({
   children
-}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children })), VisuallyHidden$1 = VisuallyHidden;
+}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children }));
 export {
-  VisuallyHidden$1 as default
+  VisuallyHidden as default
 };

package/dist/components/index.d.ts

@@ -3,7 +3,6 @@ export * from './Alert';
 export * from './AppHeader';
 export * from './AppIcon';
 export * from './Attachment';
-export * from './Audience';
 export * from './Avatar';
 export * from './Badge';
 export * from './Breadcrumb';
@@ -15,14 +14,14 @@ export * from './Combobox';
 export * from './Dropdown';
 export * from './Dropzone';
 export * from './EmptyScreen';
-export * from './FileCard';
 export * from './Form';
 export * from './Grid';
 export * from './Heading';
 export * from './Image';
-export * from './ImagePicker';
 export * from './Input';
 export * from './Label';
+export * from './Layout';
+export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
 export * from './Logo';
@@ -37,6 +36,6 @@ export * from './Tabs';
 export * from './TextArea';
 export * from './Toolbar';
 export * from './Tooltip';
+export * from './Tree';
 export * from './TreeView';
-export * from './UploadCard';
 export * from './VisuallyHidden';

package/dist/editor.js

@@ -0,0 +1,58 @@
+import { EditorContent, useEditor } from "@tiptap/react";
+import { default as default2 } from "./modules/editor/components/Editor/Editor.js";
+import { default as default3 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
+import { default as default4 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default6 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default9 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default10 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default11 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default12 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default13 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default14 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
+import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
+import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
+import { EditorContext, useEditorContext } from "./modules/editor/hooks/useEditorContext.js";
+import { useImageModal } from "./modules/editor/hooks/useImageModal.js";
+import { useImageSelection } from "./modules/editor/hooks/useImageSelection.js";
+import { useLinkToolbar } from "./modules/editor/hooks/useLinkToolbar.js";
+import { useMathsModal } from "./modules/editor/hooks/useMathsModal.js";
+import { useMediaLibraryEditor } from "./modules/editor/hooks/useMediaLibraryEditor.js";
+import { useResizeMedia } from "./modules/editor/hooks/useResizeMedia.js";
+import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognition.js";
+import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
+import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
+export {
+  default5 as AttachmentNodeView,
+  default10 as AttachmentRenderer,
+  default4 as AudioNodeView,
+  default9 as AudioRenderer,
+  default3 as BubbleMenuEditImage,
+  default2 as Editor,
+  EditorContent,
+  EditorContext,
+  EditorToolbar,
+  default6 as ImageNodeView,
+  default14 as LinkToolbar,
+  default7 as LinkerNodeView,
+  default11 as LinkerRenderer,
+  default12 as MediaRenderer,
+  default13 as TableToolbar,
+  default8 as VideoNodeView,
+  useActionOptions,
+  useCommentEditor,
+  useEditor,
+  useEditorContext,
+  useImageModal,
+  useImageSelection,
+  useLinkToolbar,
+  useMathsModal,
+  useMediaLibraryEditor,
+  useResizeMedia,
+  useSpeechRecognition,
+  useSpeechSynthetisis,
+  useTipTapEditor
+};

package/dist/hooks/index.d.ts

@@ -1,14 +1,40 @@
+export * from './useAvatar';
+export * from './useBookmark';
+export * from './useBreakpoint';
 export * from './useBrowserInfo';
+export * from './useCantoo';
+export * from './useCheckable';
 export * from './useClickOutside';
+export * from './useConf';
+export * from './useConversation';
+export * from './useDate';
 export * from './useDebounce';
+export * from './useDirectory';
 export * from './useDropdown';
 export * from './useDropzone';
-export * from './useDropzone';
-export * from './useToast';
+export * from './useEdificeIcons';
+export * from './useHasWorkflow';
+export * from './useHeader';
 export * from './useHover';
+export * from './useHttpErrorToast';
 export * from './useImage';
+export * from './useIsAdml';
 export * from './useKeyPress';
+export * from './useLibraryUrl';
+export * from './useMediaLibrary';
+export * from './usePaths';
+export * from './useResourceSearch';
 export * from './useScrollToTop';
+export * from './useSession';
 export * from './useTitle';
+export * from './useToast';
 export * from './useToggle';
 export * from './useTrapFocus';
+export * from './useTrashedResource';
+export * from './useUpload';
+export * from './useUploadFiles';
+export * from './useUser';
+export * from './useWorkspaceFile';
+export * from './useWorkspaceSearch';
+export * from './useXitiTrackPageLoad';
+export * from './useZendeskGuide';

package/dist/hooks/useAvatar/useAvatar.d.ts

@@ -0,0 +1,6 @@
+import { ID, UserProfile } from '@edifice.io/ts-client';
+export default function useAvatar(userId: ID, userProfile?: UserProfile[number]): {
+    badge: JSX.Element | null;
+    avatarURL: string;
+    userbookURL: string;
+};

package/dist/hooks/useAvatar/useAvatar.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { odeServices } from "@edifice.io/ts-client";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import Badge from "../../components/Badge/Badge.js";
+function useAvatar(userId, userProfile) {
+  const {
+    t
+  } = useTranslation(), badge = useMemo(() => {
+    const profile = (userProfile == null ? void 0 : userProfile.toLowerCase()) ?? "guest";
+    return ["teacher", "student", "relative", "personnel"].includes(profile) ? /* @__PURE__ */ jsx(Badge, { variant: {
+      type: "user",
+      profile
+    }, children: t(profile) }) : null;
+  }, [userProfile, t]);
+  function getAvatarURL(userId2) {
+    return odeServices.directory().getAvatarUrl(userId2, "user");
+  }
+  function getUserbookURL(userId2) {
+    return odeServices.directory().getDirectoryUrl(userId2, "user");
+  }
+  return {
+    badge,
+    avatarURL: getAvatarURL(userId),
+    userbookURL: getUserbookURL(userId)
+  };
+}
+export {
+  useAvatar as default
+};

package/dist/hooks/useBookmark/useBookmark.d.ts

@@ -0,0 +1,2 @@
+import { IWebApp } from '@edifice.io/ts-client';
+export default function useBookmark(): IWebApp[] | undefined;

package/dist/hooks/useBookmark/useBookmark.js

@@ -0,0 +1,14 @@
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+function useBookmark() {
+  var _a;
+  const {
+    sessionQuery
+  } = useEdificeClient(), set = /* @__PURE__ */ new Set();
+  return (_a = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a.bookmarkedApps.filter((el) => {
+    const duplicate = set.has(el.displayName);
+    return set.add(el.displayName), !duplicate;
+  });
+}
+export {
+  useBookmark as default
+};

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

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

package/dist/hooks/useBreakpoint/useBreakpoint.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Hook based on Bootstrap 5.x breakpoints
+ * Respect mobile-first breakpoints
+ * @returns $grid-breakpoints: (
+  xs: 0,
+  sm: 375px,
+  md: 768px,
+  lg: 1024px,
+  xl: 1280px,
+  xxl: 1400px,
+) !default;
+ */
+export default function useBreakpoint(): {
+    xs: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+    xl: boolean;
+    xxl: boolean;
+};

package/dist/hooks/useBreakpoint/useBreakpoint.js

@@ -0,0 +1,14 @@
+import { useMediaQuery } from "@uidotdev/usehooks";
+function useBreakpoint() {
+  return {
+    xs: useMediaQuery("only screen and (min-width: 0)"),
+    sm: useMediaQuery("only screen and (min-width: 375px)"),
+    md: useMediaQuery("only screen and (min-width: 768px)"),
+    lg: useMediaQuery("only screen and (min-width: 1024px)"),
+    xl: useMediaQuery("only screen and (min-width: 1280px)"),
+    xxl: useMediaQuery("only screen and (min-width: 1400px)")
+  };
+}
+export {
+  useBreakpoint as default
+};

package/dist/hooks/useCantoo/useCantoo.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { odeServices } from "@edifice.io/ts-client";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+function useCantoo() {
+  const hasWorkflow = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo");
+  return useEffect(() => {
+    hasWorkflow && !document.getElementById("cantoo-edifice-script") && (async () => {
+      const cantooResponse = await odeServices.http().get("/optionalFeature/cantoo");
+      if (cantooResponse && cantooResponse.scriptPath) {
+        const script = document.createElement("script");
+        script.id = "cantoo-edifice-script", script.src = cantooResponse.scriptPath, script.async = !0, document.body.appendChild(script);
+      }
+    })();
+  }, [hasWorkflow]), null;
+}
+export {
+  useCantoo as default
+};

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

@@ -0,0 +1 @@
+export * from './useCheckable';

package/dist/hooks/useCheckable/useCheckable.d.ts

@@ -0,0 +1,9 @@
+export declare const useCheckable: <T extends {
+    _id: string;
+}>(data: T[] | undefined) => {
+    selectedItems: string[];
+    allItemsSelected: boolean;
+    isIndeterminate: boolean;
+    handleOnSelectAllItems: (deselect: boolean) => void;
+    handleOnSelectItem: (itemId: string) => void;
+};

package/dist/hooks/useCheckable/useCheckable.js

@@ -0,0 +1,21 @@
+import { useState } from "react";
+const useCheckable = (data) => {
+  const [selectedItems, setSelectedItems] = useState([]), handleOnSelectItem = (itemId) => {
+    setSelectedItems((currentSelection) => {
+      const newSelection = [...currentSelection];
+      return newSelection.includes(itemId) ? newSelection.splice(newSelection.indexOf(itemId), 1) : newSelection.push(itemId), newSelection;
+    });
+  }, handleOnSelectAllItems = (deselect) => {
+    setSelectedItems(() => deselect ? [] : (data == null ? void 0 : data.map((item) => item._id)) ?? []);
+  }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length), isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
+  return {
+    selectedItems,
+    allItemsSelected,
+    isIndeterminate,
+    handleOnSelectAllItems,
+    handleOnSelectItem
+  };
+};
+export {
+  useCheckable
+};

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: Array<HTMLElement | null>): import('react').MutableRefObject<T | undefined>;

package/dist/hooks/useConf/useConf.d.ts

@@ -0,0 +1,4 @@
+import { App } from '@edifice.io/ts-client';
+export default function useConf({ appCode }: {
+    appCode: App;
+}): QueryObserverResult<TData, TError>;

package/dist/hooks/useConf/useConf.js

@@ -0,0 +1,13 @@
+import { odeServices } from "@edifice.io/ts-client";
+import { useQuery } from "@tanstack/react-query";
+function useConf({
+  appCode
+}) {
+  return useQuery({
+    queryKey: ["conf"],
+    queryFn: async () => await odeServices.conf().getConf(appCode)
+  });
+}
+export {
+  useConf as default
+};

package/dist/hooks/useConversation/useConversation.js

@@ -0,0 +1,43 @@
+import { useState, useEffect } from "react";
+import { odeServices } from "@edifice.io/ts-client";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+const useConversation = () => {
+  const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [messages, setMessages] = useState(0), [msgLink, setMsgLink] = useState(""), queryParams = {
+    unread: !0,
+    _: (/* @__PURE__ */ new Date()).getTime()
+  }, refreshMails = async () => {
+    const url = zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
+    try {
+      const {
+        count
+      } = await odeServices.http().get(url, {
+        queryParams
+      });
+      setMessages(count ?? 0);
+    } catch (error) {
+      console.error(error), setMessages(0);
+    }
+  }, goToMessagerie = async () => {
+    const defaultLink = "/zimbra/zimbra";
+    try {
+      const {
+        preference
+      } = await odeServices.http().get("/userbook/preference/zimbra"), isExpertMode = preference ? JSON.parse(preference).modeExpert : !1;
+      setMsgLink(isExpertMode && zimbraPreauth ? "/zimbra/preauth" : window.location.origin + defaultLink);
+    } catch (error) {
+      console.error(error), setMsgLink(window.location.origin + defaultLink);
+    }
+  };
+  return useEffect(() => {
+    refreshMails();
+  }, []), useEffect(() => {
+    goToMessagerie();
+  }, []), {
+    messages,
+    msgLink,
+    zimbraWorkflow
+  };
+};
+export {
+  useConversation as default
+};

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

@@ -0,0 +1,14 @@
+export type MongoDate = {
+    $date: number | string;
+};
+export type IsoDate = string;
+export type NumberDate = number;
+/** Date formats we are going to deal with. */
+export type CoreDate = IsoDate | MongoDate | NumberDate;
+/**
+ * Hook to compute user-friendly dates from various format.
+ */
+export default function useDate(): {
+    fromNow: (date: CoreDate | NumberDate) => string;
+    formatDate: (date: CoreDate, format?: string) => string;
+};

package/dist/hooks/useDate/useDate.js

@@ -0,0 +1,65 @@
+import { useCallback } from "react";
+import dayjs from "dayjs";
+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 { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+dayjs.extend(relativeTime);
+dayjs.extend(customParseFormat);
+dayjs.extend(localizedFormat);
+function useDate() {
+  const {
+    currentLanguage
+  } = useEdificeClient(), 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]), fromNow = useCallback((date) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(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.isValid() ? computedDate.fromNow() : "");
+    } catch {
+      return "";
+    }
+  }, [currentLanguage, parseDate]), formatDate = useCallback((date, format = "short") => {
+    let computedDate = dayjs();
+    try {
+      if (typeof date > "u")
+        return "";
+      typeof date == "string" ? computedDate = parseDate(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));
+      let 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) : "";
+    } catch {
+      return "";
+    }
+  }, [currentLanguage, parseDate]);
+  return {
+    fromNow,
+    formatDate
+  };
+}
+export {
+  useDate as default
+};

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

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

package/dist/hooks/useDirectory/useDirectory.d.ts

@@ -0,0 +1,6 @@
+import { ID } from '@edifice.io/ts-client';
+declare const useDirectory: () => {
+    getAvatarURL: (userId: ID, type: "user" | "group") => string;
+    getUserbookURL: (userId: ID, type: "user" | "group") => string;
+};
+export default useDirectory;

package/dist/hooks/useDirectory/useDirectory.js

@@ -0,0 +1,16 @@
+import { odeServices } from "@edifice.io/ts-client";
+const useDirectory = () => {
+  function getAvatarURL(userId, type) {
+    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.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, Dispatch, SetStateAction } from 'react';
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
 import { Placement } from '@floating-ui/react';
 export declare enum KEYS {
     Enter = "Enter",
@@ -28,5 +28,5 @@ export interface UseDropdownProps {
     itemProps: Record<string, any>;
     setVisible: Dispatch<SetStateAction<boolean>>;
 }
-declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: ((event: React.KeyboardEvent<HTMLButtonElement>) => void) | undefined, isTriggerHovered?: boolean) => UseDropdownProps;
+declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean) => UseDropdownProps;
 export default useDropdown;

package/dist/hooks/useDropdown/useDropdown.js

@@ -1,6 +1,6 @@
 import { useId, useState, useRef, useEffect, useCallback } from "react";
 import { useFloating, autoUpdate, offset, size, flip, useHover, safePolygon } from "@floating-ui/react";
-import { mergeRefs } from "../../utils/ref.js";
+import { mergeRefs } from "../../utilities/refs/ref.js";
 const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !1) => {
   const id = useId(), [visible, setVisible] = useState(!1), [activeIndex, setActiveIndex] = useState(-1), [isFocused, setIsFocused] = useState(null), {
     refs,
@@ -152,7 +152,7 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     },
     setVisible
   };
-}, useDropdown$1 = useDropdown;
+};
 export {
-  useDropdown$1 as default
+  useDropdown as default
 };

package/dist/hooks/useDropzone/useDropzone.d.ts

@@ -13,11 +13,11 @@ declare const useDropzone: (props?: {
     /** Truthy when a drag event is triggered. */
     dragging: boolean;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragging: <T extends HTMLElement>(event: import('react').DragEvent<T>) => void;
+    handleDragging: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragLeave: <T_1 extends HTMLElement>(event: import('react').DragEvent<T_1>) => void;
+    handleDragLeave: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: <T_2 extends HTMLElement>(event: import('react').DragEvent<T_2>) => void;
+    handleDrop: <T extends HTMLElement>(event: React.DragEvent<T>) => void;
     /** Replace a file in the `files` list. */
     replaceFileAt: (index: number, file: File) => void;
     /** Remove a file from the `files` list. */

package/dist/hooks/useDropzone/useDropzone.js

@@ -24,11 +24,13 @@ const useDropzone = (props) => {
     }
     return filteredFiles;
   }, addFiles = (files2) => {
-    if (props != null && props.forceFilters) {
-      const filesToAdd = applyInputFiltersOn(files2);
-      filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd]);
-    } else
-      setFiles((prevFiles) => [...prevFiles, ...files2]);
+    let filesToAdd = files2.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
+      })
+    ));
+    props != null && props.forceFilters ? (filesToAdd = applyInputFiltersOn(filesToAdd), filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd])) : setFiles((prevFiles) => [...prevFiles, ...files2]);
   }, cleanFiles = () => {
     setFiles([]);
   }, handleOnChange = (event) => {
@@ -70,7 +72,7 @@ const useDropzone = (props) => {
     /** Callback to attach to your `input[type=file]` HTMLElement. */
     handleOnChange
   };
-}, useDropzone$1 = useDropzone;
+};
 export {
-  useDropzone$1 as default
+  useDropzone as default
 };

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

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