@edifice.io/react 1.7.4-develop-pedago.20241211160712

package/dist/hooks/useHeader/useHeader.js

@@ -0,0 +1,46 @@
+import { useState, useId, useCallback, useMemo } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import useHover from "../useHover/useHover.js";
+import useBookmark from "../useBookmark/useBookmark.js";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+function useHeader({
+  user,
+  avatar
+}) {
+  const {
+    appCode
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(), {
+    theme
+  } = useEdificeTheme(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
+    username: user == null ? void 0 : user.firstName
+  }), bookmarkedApps = useBookmark(), communityWorkflow = useHasWorkflow("net.atos.entng.community.controllers.CommunityController|view"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
+    setIsCollapsed(!isCollapsed);
+  }, [isCollapsed]), handleLogout = async () => {
+    await odeServices.session().logout(), window.location.href = (theme == null ? void 0 : theme.logoutCallback) ?? "/auth/login";
+  };
+  return useMemo(() => ({
+    title,
+    bookmarkedApps,
+    appsRef,
+    isAppsHovered,
+    popoverAppsId,
+    popoverSearchId,
+    userAvatar,
+    userName,
+    welcomeUser,
+    communityWorkflow,
+    conversationWorflow,
+    searchWorkflow,
+    isCollapsed,
+    toggleCollapsedNav,
+    handleLogout
+  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+}
+export {
+  useHeader as default
+};

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

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

package/dist/hooks/useHover/useHover.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export default function useHover<T>(): [MutableRefObject<T>, boolean];

package/dist/hooks/useHover/useHover.js

@@ -0,0 +1,22 @@
+import { useState, useRef, useEffect } from "react";
+function useHover() {
+  const [value, setValue] = useState(!1), ref = useRef(null), handleMouseOver = () => {
+    setValue(!0);
+  }, handleMouseOut = () => {
+    setValue(!1);
+  };
+  return useEffect(
+    () => {
+      const node = ref.current;
+      if (node)
+        return node.addEventListener("mouseover", handleMouseOver), node.addEventListener("mouseout", handleMouseOut), () => {
+          node.removeEventListener("mouseover", handleMouseOver), node.removeEventListener("mouseout", handleMouseOut);
+        };
+    },
+    [ref]
+    // Recall only if ref changes
+  ), [ref, value];
+}
+export {
+  useHover as default
+};

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

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

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.d.ts

@@ -0,0 +1,3 @@
+import { CustomToastOptions } from '../../hooks/useToast/useToast';
+declare const useHttpErrorToast: (options?: CustomToastOptions) => string | undefined;
+export default useHttpErrorToast;

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.js

@@ -0,0 +1,21 @@
+import React, { useRef, useEffect } from "react";
+import { odeServices, LAYER_NAME } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import useToast from "../useToast/useToast.js";
+const useHttpErrorToast = (options) => {
+  const message = useRef(), toast = useToast(), {
+    t
+  } = useTranslation();
+  return useEffect(() => {
+    const subscription = odeServices.notify().events().subscribe(LAYER_NAME.TRANSPORT, (event) => {
+      var _a, _b;
+      message.current = t(((_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.payload) == null ? void 0 : _b.error) || event.data.response.statusText), toast.error(/* @__PURE__ */ React.createElement("div", {
+        children: [message.current]
+      }), options);
+    });
+    return () => subscription.revoke();
+  }, [t, toast]), message.current;
+};
+export {
+  useHttpErrorToast as default
+};

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

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

package/dist/hooks/useImage/useImage.d.ts

@@ -0,0 +1,9 @@
+interface useImageProps {
+    src: string;
+    placeholder: string;
+}
+export default function useImage({ src, placeholder }: useImageProps): {
+    imgSrc: string;
+    onError: () => void;
+};
+export {};

package/dist/hooks/useImage/useImage.js

@@ -0,0 +1,18 @@
+import { useState, useCallback, useEffect } from "react";
+function useImage({
+  src,
+  placeholder
+}) {
+  const [imgSrc, setImgSrc] = useState(src || placeholder), onError = useCallback(() => {
+    setImgSrc(placeholder);
+  }, [placeholder]);
+  return useEffect(() => {
+    setImgSrc(src);
+  }, [src]), {
+    imgSrc,
+    onError
+  };
+}
+export {
+  useImage as default
+};

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

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

package/dist/hooks/useIsAdml/useIsAdml.d.ts

@@ -0,0 +1,3 @@
+export default function useIsAdml(): {
+    isAdml: boolean;
+};

package/dist/hooks/useIsAdml/useIsAdml.js

@@ -0,0 +1,18 @@
+import { useState, useEffect, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+function useIsAdml() {
+  const [isAdml, setIsAdml] = useState(!1);
+  useEffect(() => {
+    initIsAdml();
+  }, []);
+  const initIsAdml = useCallback(async () => {
+    const isAdmlRes = await odeServices.session().isAdml();
+    setIsAdml(isAdmlRes);
+  }, []);
+  return {
+    isAdml
+  };
+}
+export {
+  useIsAdml as default
+};

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

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

package/dist/hooks/useKeyPress/useKeyPress.d.ts

@@ -0,0 +1 @@
+export default function useKeyPress(callback: () => void, keyCodes: string[]): void;

package/dist/hooks/useKeyPress/useKeyPress.js

@@ -0,0 +1,14 @@
+import { useCallback, useEffect } from "react";
+function useKeyPress(callback, keyCodes) {
+  const handler = useCallback(({
+    code
+  }) => {
+    keyCodes.includes(code) && callback();
+  }, [callback, keyCodes]);
+  useEffect(() => (window.addEventListener("keydown", handler), () => {
+    window.removeEventListener("keydown", handler);
+  }), [handler]);
+}
+export {
+  useKeyPress as default
+};

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

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

package/dist/hooks/useLibraryUrl/useLibraryUrl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Search for Library app in userinfo apps and return Library URL as a string.
+ *
+ * @returns the Library URL as a string. Returns null if no library was found in user apps.
+ */
+declare const useLibraryUrl: () => string | null;
+export default useLibraryUrl;

package/dist/hooks/useLibraryUrl/useLibraryUrl.js

@@ -0,0 +1,21 @@
+import { libraryMaps } from "@edifice.io/utilities";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+const useLibraryUrl = () => {
+  var _a;
+  const {
+    user,
+    appCode
+  } = useEdificeClient(), appName = libraryMaps[appCode], libraryApp = user == null ? void 0 : user.apps.find((app) => app.isExternal && app.address.includes("library"));
+  if (!libraryApp)
+    return null;
+  const libraryUrlSplit = (_a = libraryApp.address) == null ? void 0 : _a.split("?");
+  if (!libraryUrlSplit || libraryUrlSplit.length < 2)
+    return null;
+  let libraryHost = libraryUrlSplit[0];
+  libraryHost.endsWith("/") || (libraryHost = `${libraryHost}/`);
+  const platformURLParam = libraryUrlSplit == null ? void 0 : libraryUrlSplit[1], searchParams = `application%5B0%5D=${appName}&page=1&sort_field=views&sort_order=desc`;
+  return `${libraryHost}search/?${platformURLParam}&${searchParams}`;
+};
+export {
+  useLibraryUrl as default
+};

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

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

package/dist/hooks/useMediaLibrary/useMediaLibrary.d.ts

@@ -0,0 +1,12 @@
+import { WorkspaceElement } from '@edifice.io/client';
+import { TabsItemProps } from '../../components';
+import { MediaLibraryRef, MediaLibraryResult } from '../../modules/multimedia';
+declare const useMediaLibrary: () => {
+    ref: import('react').RefObject<MediaLibraryRef>;
+    libraryMedia: any;
+    setLibraryMedia: import('react').Dispatch<any>;
+    onCancel: (uploads?: WorkspaceElement[]) => Promise<void>;
+    onSuccess: (result: MediaLibraryResult) => void;
+    onTabChange: (_tab: TabsItemProps, uploads?: WorkspaceElement[]) => Promise<void>;
+};
+export default useMediaLibrary;

package/dist/hooks/useMediaLibrary/useMediaLibrary.js

@@ -0,0 +1,58 @@
+import { useRef, useState } from "react";
+import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
+const useMediaLibrary = () => {
+  const mediaLibraryRef = useRef(null), [libraryMedia, setLibraryMedia] = useState(), {
+    remove
+  } = useWorkspaceFile();
+  return {
+    ref: mediaLibraryRef,
+    libraryMedia,
+    setLibraryMedia,
+    onCancel: async (uploads) => {
+      var _a, _b;
+      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads), (_b = mediaLibraryRef.current) == null || _b.hide();
+    },
+    onSuccess: (result) => {
+      var _a, _b, _c, _d;
+      let updatedMedia;
+      switch ((_a = mediaLibraryRef.current) == null ? void 0 : _a.type) {
+        case "video": {
+          if (typeof result == "object")
+            updatedMedia = result[0];
+          else {
+            const element = new DOMParser().parseFromString(result, "text/html").body.firstChild, href = element == null ? void 0 : element.getAttribute("src");
+            (_b = mediaLibraryRef.current) == null || _b.hide(), updatedMedia = href;
+          }
+          break;
+        }
+        case "embedder": {
+          const element = new DOMParser().parseFromString(result, "text/html").body.firstChild, href = element == null ? void 0 : element.getAttribute("src");
+          (_c = mediaLibraryRef.current) == null || _c.hide(), updatedMedia = href;
+          break;
+        }
+        case "audio": {
+          result.length === void 0 ? updatedMedia = result : updatedMedia = result[0];
+          break;
+        }
+        case "hyperlink": {
+          updatedMedia = result;
+          break;
+        }
+        case "image": {
+          updatedMedia = `/workspace/document/${result[0]._id}`;
+          break;
+        }
+        default:
+          updatedMedia = result[0];
+      }
+      (_d = mediaLibraryRef.current) == null || _d.hide(), setLibraryMedia(updatedMedia);
+    },
+    onTabChange: async (_tab, uploads) => {
+      var _a;
+      (_a = mediaLibraryRef.current) != null && _a.type && uploads && uploads.length > 0 && await remove(uploads);
+    }
+  };
+};
+export {
+  useMediaLibrary as default
+};

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

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

package/dist/hooks/usePreferences/usePreferences.d.ts

@@ -0,0 +1,4 @@
+export default function usePreferences(name: string): {
+    getPreference: () => Promise<any>;
+    savePreference: (value: any) => Promise<void>;
+};

package/dist/hooks/usePreferences/usePreferences.js

@@ -0,0 +1,10 @@
+import { odeServices } from "@edifice.io/client";
+function usePreferences(name) {
+  return {
+    getPreference: async () => await odeServices.conf().getPreference(name),
+    savePreference: async (value) => await odeServices.conf().savePreference(name, JSON.stringify(value))
+  };
+}
+export {
+  usePreferences as default
+};

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

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

package/dist/hooks/useResource/useResource.d.ts

@@ -0,0 +1,3 @@
+import { IResource } from '@edifice.io/client';
+declare const useResource: (application: string, id: string) => IResource;
+export default useResource;

package/dist/hooks/useResource/useResource.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+const useResource = (application, id) => {
+  const [resource, setResource] = useState(null);
+  return useEffect(() => {
+    if (id === "") {
+      console.warn("resourceId must be an assetId and not an empty string");
+      return;
+    }
+    (async () => {
+      try {
+        const response = await odeServices.resource(application).searchResource({
+          application,
+          id
+        });
+        setResource(response);
+      } catch (error) {
+        console.error(error);
+      }
+    })();
+  }, []), resource;
+};
+export {
+  useResource as default
+};

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

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

package/dist/hooks/useResourceSearch/useResourceSearch.d.ts

@@ -0,0 +1,18 @@
+import { App, GetContextParameters, ILinkedResource } from '@edifice.io/client';
+/**
+ * A hook to search for resources produced by applications.
+ *
+ * @param appCode Currently running application.
+ * @returns An object with 2 fields :
+ *
+ * `resourceApplications: Array<App>`
+ * Resources-producing applications the user can use.
+ *
+ * `loadResources: (filters:GetContextParameters) => Promise<ILinkedResource[]>`
+ * A search method with filters.
+ *
+ */
+export declare const useResourceSearch: (appCode: App) => {
+    resourceApplications: Array<App>;
+    loadResources: (filters: GetContextParameters) => Promise<ILinkedResource[]>;
+};

package/dist/hooks/useResourceSearch/useResourceSearch.js

@@ -0,0 +1,19 @@
+import { useState, useEffect, useCallback } from "react";
+import { SnipletsService, odeServices } from "@edifice.io/client";
+const useResourceSearch = (appCode) => {
+  const [resourceApplications, setResourceApplications] = useState([]);
+  useEffect(() => {
+    (async () => (await SnipletsService.initialize(odeServices, appCode), await SnipletsService.registerBehaviours(appCode), setResourceApplications(SnipletsService.resourceProducingApps)))();
+  }, []);
+  const loadResources = useCallback(async (filters) => {
+    const [resourceType] = filters.types;
+    return await odeServices.behaviour(appCode, resourceType).loadResources(filters);
+  }, [appCode]);
+  return {
+    resourceApplications,
+    loadResources
+  };
+};
+export {
+  useResourceSearch
+};

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

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

package/dist/hooks/useScrollToTop/useScrollToTop.d.ts

@@ -0,0 +1 @@
+export default function useScrollToTop(): () => void;

package/dist/hooks/useScrollToTop/useScrollToTop.js

@@ -0,0 +1,9 @@
+function useScrollToTop() {
+  const refToTop = document.querySelector("html");
+  return () => {
+    refToTop && refToTop.scrollIntoView();
+  };
+}
+export {
+  useScrollToTop as default
+};

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

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

package/dist/hooks/useSession/useSession.d.ts

@@ -0,0 +1 @@
+export default function useSession(): QueryObserverResult<TData, TError>;

package/dist/hooks/useSession/useSession.js

@@ -0,0 +1,11 @@
+import { odeServices } from "@edifice.io/client";
+import { useQuery } from "@tanstack/react-query";
+function useSession() {
+  return useQuery({
+    queryKey: ["session"],
+    queryFn: async () => await odeServices.session().getSession()
+  });
+}
+export {
+  useSession as default
+};

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

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

package/dist/hooks/useThumbnail/useThumbnail.d.ts

@@ -0,0 +1,14 @@
+import { IntersectionOptions } from 'react-intersection-observer';
+type LazyLoadOptions = {
+    ref?: React.RefObject<HTMLElement>;
+    intersectionOptions?: IntersectionOptions;
+};
+/**
+ * Preload a `src` URL and return true if it is available.
+ * @param src the URL to preload
+ * @param options if defined, lazy-load the `src` URL when ref is defined and visible,
+ *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)
+ * @return `true` if `src` is available, or false otherwise, or `null` while not tested.
+ */
+export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
+export {};

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -0,0 +1,29 @@
+import { useState, useEffect } from "react";
+import { useInView } from "react-intersection-observer";
+function useThumbnail(src, options) {
+  const [status, setStatus] = useState(null), {
+    ref: inViewRef,
+    inView
+  } = useInView({
+    triggerOnce: !0,
+    ...options == null ? void 0 : options.intersectionOptions
+  });
+  return useEffect(() => {
+    var _a;
+    (_a = options == null ? void 0 : options.ref) != null && _a.current && (inViewRef == null || inViewRef(options.ref.current));
+  }, [options == null ? void 0 : options.ref, inViewRef]), useEffect(() => {
+    if ((options == null ? void 0 : options.ref) === void 0 || inView) {
+      const img = new Image();
+      return img.src = src, img.onload = () => {
+        setStatus(!0);
+      }, img.onerror = () => {
+        setStatus(!1);
+      }, () => {
+        img.onload = null, img.onerror = null, setStatus(null);
+      };
+    }
+  }, [inView]), status;
+}
+export {
+  useThumbnail as default
+};

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

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

package/dist/hooks/useTitle/useTitle.d.ts

@@ -0,0 +1 @@
+export default function useTitle(): string;

package/dist/hooks/useTitle/useTitle.js

@@ -0,0 +1,10 @@
+import { useState, useEffect } from "react";
+function useTitle() {
+  const documentDefined = typeof document < "u", [title, setTitle] = useState(() => document.title);
+  return useEffect(() => {
+    documentDefined && setTitle(document.title);
+  }, [documentDefined]), title;
+}
+export {
+  useTitle as default
+};

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

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

package/dist/hooks/useToast/useToast.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { ToastPosition } from 'react-hot-toast';
+export interface CustomToastOptions {
+    id?: string;
+    isDismissible?: boolean;
+    position?: ToastPosition;
+    duration?: number;
+}
+export default function useToast(): {
+    success: (message: string | ReactNode, options?: CustomToastOptions) => string;
+    error: (message: string | ReactNode, options?: CustomToastOptions) => string;
+    info: (message: string | ReactNode, options?: CustomToastOptions) => string;
+    warning: (message: string | ReactNode, options?: CustomToastOptions) => string;
+    loading: (message: import('react-hot-toast').Renderable | import('react-hot-toast').ValueFunction<import('react-hot-toast').Renderable, import('react-hot-toast').Toast>, options?: import('react-hot-toast').ToastOptions) => string;
+    dismiss: (id: string) => void;
+    remove: (id: string) => void;
+};

package/dist/hooks/useToast/useToast.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import toast from "react-hot-toast";
+import Alert from "../../components/Alert/Alert.js";
+const DEFAULT_POSITION = "top-right";
+function useToast() {
+  return {
+    success: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "success", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: options == null ? void 0 : options.duration,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    error: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "danger", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: options == null ? void 0 : options.duration,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    info: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "info", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: options == null ? void 0 : options.duration,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    warning: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "warning", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: options == null ? void 0 : options.duration,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    loading: toast.loading,
+    dismiss: (id) => toast.dismiss(id),
+    remove: (id) => toast.remove(id)
+  };
+}
+export {
+  useToast as default
+};

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

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

package/dist/hooks/useToggle/useToggle.d.ts

@@ -0,0 +1 @@
+export default function useToggle(initialState?: boolean): [boolean, any];

package/dist/hooks/useToggle/useToggle.js

@@ -0,0 +1,10 @@
+import { useState, useCallback } from "react";
+function useToggle(initialState = !1) {
+  const [state, setState] = useState(initialState), toggle = useCallback(() => {
+    setState((prevState) => !prevState);
+  }, []);
+  return [state, toggle];
+}
+export {
+  useToggle as default
+};

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

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

package/dist/hooks/useTrapFocus/useTrapFocus.d.ts

@@ -0,0 +1 @@
+export default function useTrapFocus(): import('react').MutableRefObject<HTMLElement | null>;

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -0,0 +1,16 @@
+import { useRef, useEffect } from "react";
+function useTrapFocus() {
+  const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  return useEffect(() => {
+    const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
+      event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
+    };
+    if (node)
+      return node.addEventListener("keydown", handleKeydown), () => {
+        node.removeEventListener("keydown", handleKeydown);
+      };
+  }, []), ref;
+}
+export {
+  useTrapFocus as default
+};

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

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

package/dist/hooks/useTrashedResource/useTrashedResource.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Router Params Id === ResourceId
+ */
+type UseTrashedResourceProps = string | undefined;
+declare const useTrashedResource: (id: UseTrashedResourceProps) => void;
+export default useTrashedResource;