@databiosphere/findable-ui 50.6.1 → 50.7.1

package/src/providers/googleSignInAuthentication/types.ts

@@ -1,7 +0,0 @@
-import { ElementType, ReactNode } from "react";
-
-export interface GoogleSignInAuthenticationProviderProps {
-  children: ReactNode | ReactNode[];
-  SessionController?: ElementType;
-  timeout?: number;
-}

package/src/providers/layoutDimensions/constants.ts

@@ -1,6 +0,0 @@
-import { LayoutDimensions } from "./types";
-
-export const DEFAULT_LAYOUT_DIMENSIONS: LayoutDimensions = {
-  footer: { height: 0 },
-  header: { height: 0 },
-};

package/src/providers/layoutDimensions/context.tsx

@@ -1,10 +0,0 @@
-import { createContext } from "react";
-import { DEFAULT_LAYOUT_DIMENSIONS } from "./constants";
-import { LayoutDimensionsContextProps } from "./types";
-
-export const LayoutDimensionsContext =
-  createContext<LayoutDimensionsContextProps>({
-    dimensions: DEFAULT_LAYOUT_DIMENSIONS,
-    footerRef: { current: null },
-    headerRef: { current: null },
-  });

package/src/providers/layoutDimensions/hook.ts

@@ -1,7 +0,0 @@
-import { useContext } from "react";
-import { LayoutDimensionsContext } from "./context";
-import { LayoutDimensionsContextProps } from "./types";
-
-export const useLayoutDimensions = (): LayoutDimensionsContextProps => {
-  return useContext<LayoutDimensionsContextProps>(LayoutDimensionsContext);
-};

package/src/providers/layoutDimensions/provider.tsx

@@ -1,29 +0,0 @@
-import { JSX, useRef } from "react";
-import {
-  getBorderBoxSizeHeight,
-  useResizeObserver,
-} from "../../hooks/useResizeObserver";
-import { LayoutDimensionsContext } from "./context";
-import { LayoutDimensions, LayoutDimensionsProviderProps } from "./types";
-
-export const LayoutDimensionsProvider = ({
-  children,
-}: LayoutDimensionsProviderProps): JSX.Element => {
-  const footerRef = useRef<HTMLElement>(null);
-  const headerRef = useRef<HTMLElement>(null);
-  const footerRect = useResizeObserver(footerRef, getBorderBoxSizeHeight);
-  const headerRect = useResizeObserver(headerRef, getBorderBoxSizeHeight);
-
-  const dimensions: LayoutDimensions = {
-    footer: { height: footerRect?.height ?? 0 },
-    header: { height: headerRect?.height ?? 0 },
-  };
-
-  return (
-    <LayoutDimensionsContext.Provider
-      value={{ dimensions, footerRef, headerRef }}
-    >
-      {children}
-    </LayoutDimensionsContext.Provider>
-  );
-};

package/src/providers/layoutDimensions/types.ts

@@ -1,17 +0,0 @@
-import { ReactNode, RefObject } from "react";
-import { ElementRect } from "../../hooks/useResizeObserver";
-
-export interface LayoutDimensions {
-  footer: Pick<ElementRect, "height">;
-  header: Pick<ElementRect, "height">;
-}
-
-export interface LayoutDimensionsContextProps {
-  dimensions: LayoutDimensions;
-  footerRef: RefObject<HTMLElement | null>;
-  headerRef: RefObject<HTMLElement | null>;
-}
-
-export interface LayoutDimensionsProviderProps {
-  children: ReactNode | ReactNode[];
-}

package/src/providers/loginGuard/common/types.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from "react";
-
-/**
- * A callback function to be stored and then executed upon successful login.
- */
-export type LoginGuardCallback = () => void;
-
-/**
- * The shape of the LoginGuard context, provides a function to trigger the
- * login process.
- */
-export interface LoginGuardContextProps {
-  requireLogin: (callback?: LoginGuardCallback) => void;
-}
-
-/**
- * The properties for the LoginGuardProvider component.
- */
-export interface LoginGuardProviderProps {
-  children: ReactNode;
-}

package/src/providers/loginGuard/context.ts

@@ -1,12 +0,0 @@
-import { createContext } from "react";
-import { LoginGuardCallback, LoginGuardContextProps } from "./common/types";
-
-/**
- * LoginGuardContext provides a way to trigger a login process. Default value is to
- * call the callback immediately, if specified.
- */
-export const LoginGuardContext = createContext<LoginGuardContextProps>({
-  requireLogin: (callback?: LoginGuardCallback) => {
-    callback?.();
-  },
-});

package/src/providers/loginGuard/hook.ts

@@ -1,14 +0,0 @@
-import { useContext } from "react";
-import { LoginGuardContextProps } from "./common/types";
-import { LoginGuardContext } from "./context";
-
-/**
- * Custom hook to access the LoginGuard context. This hook returns an object
- * containing the "requireLogin" function, which allows triggering the application's
- * login process.
- *
- * @returns The current LoginGuard context value.
- */
-export function useLoginGuard(): LoginGuardContextProps {
-  return useContext<LoginGuardContextProps>(LoginGuardContext);
-}

package/src/providers/loginGuard/provider.tsx

@@ -1,76 +0,0 @@
-import { JSX, useCallback, useEffect, useRef, useState } from "react";
-import { LoginDialog } from "../../components/common/LoginDialog/loginDialog";
-import { useAuthenticationConfig } from "../../hooks/authentication/config/useAuthenticationConfig";
-import { useConfig } from "../../hooks/useConfig";
-import { useAuth } from "../authentication/auth/hook";
-import { LoginGuardCallback, LoginGuardProviderProps } from "./common/types";
-import { LoginGuardContext } from "./context";
-
-/**
- * LoginGuardProvider is responsible for intercepting actions that require user authentication.
- * It provides a "requireLogin" function via context. When a protected action is triggered while the
- * user is unauthenticated, the LoginDialog is displayed. Upon successful authentication, the saved
- * callback is invoked.
- *
- * @param {LoginGuardProviderProps} props - The provider props that include children.
- * @returns The provider component.
- */
-export function LoginGuardProvider({
-  children,
-}: LoginGuardProviderProps): JSX.Element {
-  // Dialog open state.
-  const [open, setOpen] = useState(false);
-
-  // Use ref to store the callback without triggering re-render.
-  const callbackRef = useRef<LoginGuardCallback | undefined>(undefined);
-
-  // Determine if authentication is enabled.
-  const authConfig = useAuthenticationConfig();
-
-  // Determine if authentication is required for downloads and exports.
-  const {
-    config: { exportsRequireAuth },
-  } = useConfig();
-
-  // Get the user's authenticated state.
-  const {
-    authState: { isAuthenticated },
-  } = useAuth();
-
-  // If the user authenticates, close dialog then fire and clear callback.
-  useEffect(() => {
-    if (isAuthenticated) {
-      setOpen(false);
-      callbackRef.current?.();
-      // Clear callback after firing.
-      callbackRef.current = undefined;
-    }
-  }, [isAuthenticated]);
-
-  // Handler to close the dialog.
-  const onClose = useCallback(() => {
-    setOpen(false);
-    // Clear any stored callback.
-    callbackRef.current = undefined;
-  }, []);
-
-  // Block actions that require authentication, or fire callback if already authenticated.
-  const requireLogin = useCallback(
-    (cb?: LoginGuardCallback) => {
-      if (authConfig && exportsRequireAuth && !isAuthenticated) {
-        callbackRef.current = cb;
-        setOpen(true);
-      } else {
-        cb?.();
-      }
-    },
-    [authConfig, exportsRequireAuth, isAuthenticated],
-  );
-
-  return (
-    <LoginGuardContext.Provider value={{ requireLogin }}>
-      {children}
-      <LoginDialog open={open} onClose={onClose} />
-    </LoginGuardContext.Provider>
-  );
-}

package/src/providers/nextAuthAuthentication/hooks/useNextAuthService.ts

@@ -1,26 +0,0 @@
-import { useCallback } from "react";
-import { transformRoute } from "../../../hooks/authentication/session/useSessionActive";
-import { useRouteHistory } from "../../../hooks/useRouteHistory";
-import { Service } from "../../authentication/auth/types";
-import { ProviderId } from "../../authentication/common/types";
-import { service } from "../service/service";
-
-export const useNextAuthService = (): Service => {
-  const { callbackUrl } = useRouteHistory(2);
-
-  const onLogin = useCallback(
-    (providerId: ProviderId) => {
-      service.login(providerId, { callbackUrl: callbackUrl(transformRoute) });
-    },
-    [callbackUrl],
-  );
-
-  const onLogout = useCallback(
-    (options?: { callbackUrl?: string; redirect?: boolean }) => {
-      service.logout(options);
-    },
-    [],
-  );
-
-  return { requestLogin: onLogin, requestLogout: onLogout };
-};

package/src/providers/nextAuthAuthentication/provider.tsx

@@ -1,42 +0,0 @@
-import { SessionProvider } from "next-auth/react";
-import { JSX } from "react";
-import { SessionController } from "../../components/Authentication/components/SessionController/components/NextSessionController/SessionController";
-import { useAuthReducer } from "../../hooks/authentication/auth/useAuthReducer";
-import { useAuthenticationReducer } from "../../hooks/authentication/authentication/useAuthenticationReducer";
-import { useSessionCallbackUrl } from "../../hooks/authentication/session/useSessionCallbackUrl";
-import { useSessionIdleTimer } from "../../hooks/authentication/session/useSessionIdleTimer";
-import { AuthContext } from "../authentication/auth/context";
-import { AuthenticationContext } from "../authentication/authentication/context";
-import { useNextAuthService } from "./hooks/useNextAuthService";
-import { NextAuthAuthenticationProviderProps } from "./types";
-
-export function NextAuthAuthenticationProvider({
-  children,
-  refetchInterval = 0,
-  session,
-  timeout,
-}: NextAuthAuthenticationProviderProps): JSX.Element {
-  const authReducer = useAuthReducer();
-  const authenticationReducer = useAuthenticationReducer();
-  const service = useNextAuthService();
-  const { authDispatch, authState } = authReducer;
-  const { isAuthenticated } = authState;
-  const { callbackUrl } = useSessionCallbackUrl();
-  useSessionIdleTimer({
-    crossTab: true,
-    disabled: !isAuthenticated,
-    onIdle: () => {
-      service.requestLogout({ callbackUrl, redirect: true });
-    },
-    timeout,
-  });
-  return (
-    <SessionProvider session={session} refetchInterval={refetchInterval / 1000}>
-      <AuthenticationContext.Provider value={authenticationReducer}>
-        <AuthContext.Provider value={{ authDispatch, authState, service }}>
-          <SessionController>{children}</SessionController>
-        </AuthContext.Provider>
-      </AuthenticationContext.Provider>
-    </SessionProvider>
-  );
-}

package/src/providers/nextAuthAuthentication/service/service.ts

@@ -1,14 +0,0 @@
-import { signIn, SignInOptions, signOut, SignOutParams } from "next-auth/react";
-import { ProviderId } from "../../authentication/common/types";
-
-export const service = {
-  login: (providerId: ProviderId, options?: SignInOptions): void => {
-    signIn(providerId, options).catch((e) => console.error(e));
-  },
-  logout: (options?: SignOutParams<boolean>): void => {
-    signOut({
-      callbackUrl: options?.callbackUrl,
-      redirect: options?.redirect || false,
-    }).catch((e) => console.error(e));
-  },
-};

package/src/providers/nextAuthAuthentication/types.ts

@@ -1,9 +0,0 @@
-import { Session } from "next-auth";
-import { ReactNode } from "react";
-
-export interface NextAuthAuthenticationProviderProps {
-  children: ReactNode | ReactNode[];
-  refetchInterval?: number;
-  session?: Session | null;
-  timeout?: number;
-}

package/src/providers/services/provider.tsx

@@ -1,25 +0,0 @@
-import { JSX, ReactNode } from "react";
-import { usePopStateBus } from "../../services/beforePopState/usePopStateBus";
-import { WasPopProvider } from "./wasPop/provider";
-
-/**
- * ServicesProvider is a component that initializes and provides access to various service-related
- * functionality throughout the application.
- *
- * This provider:
- * 1. Registers the pop state bus to handle browser navigation events.
- * 2. Provides the WasPopProvider context to track browser back/forward navigation
- *
- * This provider should be placed at the _app root level to ensure all components have access to these services.
- */
-
-export function ServicesProvider({
-  children,
-}: {
-  children: ReactNode;
-}): JSX.Element {
-  // Register the pop state bus.
-  usePopStateBus();
-
-  return <WasPopProvider>{children}</WasPopProvider>;
-}

package/src/providers/services/wasPop/context.ts

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-import { WasPopContextProps } from "./types";
-
-export const WasPopContext = createContext<WasPopContextProps>({
-  onClearPopRef: () => {},
-  popRef: { current: undefined },
-});

package/src/providers/services/wasPop/hook.ts

@@ -1,7 +0,0 @@
-import { useContext } from "react";
-import { WasPopContext } from "./context";
-import { WasPopContextProps } from "./types";
-
-export const useWasPop = (): WasPopContextProps => {
-  return useContext(WasPopContext);
-};

package/src/providers/services/wasPop/provider.tsx

@@ -1,45 +0,0 @@
-import { JSX, ReactNode, useCallback, useRef } from "react";
-import { NextHistoryState } from "../../../services/beforePopState/types";
-import { useOnPopState } from "../../../services/beforePopState/useOnPopState";
-import { WasPopContext } from "./context";
-
-/**
- * WasPopProvider tracks browser navigation events to determine if the current route change
- * was triggered by a popstate event (browser back/forward navigation).
- *
- * This provider:
- * 1. Registers callbacks for route change events.
- * 2. Tracks when navigation occurs via browser back/forward buttons
- * 3. Provides this state via context to child components
- *
- * This allows components to respond differently to user-initiated navigation versus
- * browser history navigation.
- */
-
-export function WasPopProvider({
-  children,
-}: {
-  children: ReactNode;
-}): JSX.Element {
-  const popRef = useRef<NextHistoryState | undefined>(undefined);
-
-  // Pop callback.
-  const onBeforePopState = useCallback((state: NextHistoryState) => {
-    popRef.current = state;
-    return true;
-  }, []);
-
-  // Clear pop ref.
-  const onClearPopRef = useCallback(() => {
-    popRef.current = undefined;
-  }, []);
-
-  // Register the callback to be invoked before pop.
-  useOnPopState(onBeforePopState);
-
-  return (
-    <WasPopContext.Provider value={{ onClearPopRef, popRef }}>
-      {children}
-    </WasPopContext.Provider>
-  );
-}

package/src/providers/services/wasPop/types.ts

@@ -1,7 +0,0 @@
-import { MutableRefObject } from "react";
-import { NextHistoryState } from "../../../services/beforePopState/types";
-
-export interface WasPopContextProps {
-  onClearPopRef: () => void;
-  popRef: MutableRefObject<NextHistoryState | undefined>;
-}

package/src/providers/systemStatus.tsx

@@ -1,112 +0,0 @@
-import { createContext, JSX, ReactNode, useEffect, useMemo } from "react";
-import { fetchSystemStatusFromURL } from "../entity/api/service";
-import { useAsync } from "../hooks/useAsync";
-import { useCatalog } from "../hooks/useCatalog";
-import { useConfig } from "../hooks/useConfig";
-
-// Default system status.
-const DEFAULT_SYSTEM_STATUS: SystemStatus = {
-  indexing: false,
-  loading: false,
-  ok: true,
-};
-
-/**
- * Possible values of indexing status check.
- */
-export enum INDEXING_STATUS {
-  "COMPLETE" = "COMPLETE",
-  "FAILED" = "FAILED",
-}
-
-/**
- * Model of current system status.
- */
-export interface SystemStatusResponse {
-  indexing: boolean;
-  indexingStatus: INDEXING_STATUS;
-  ok: boolean;
-}
-
-/**
- * Model of system-related state.
- */
-export interface SystemStatus {
-  indexing: boolean;
-  loading: boolean;
-  ok: boolean;
-}
-
-/**
- * System status context.
- */
-export const SystemStatusContext = createContext<SystemStatus>(
-  DEFAULT_SYSTEM_STATUS,
-);
-
-export interface SystemStatusProps {
-  children: ReactNode | ReactNode[];
-}
-
-export function SystemStatusProvider<R>({
-  children,
-}: SystemStatusProps): JSX.Element {
-  const catalog = useCatalog();
-  const { config } = useConfig();
-  const { systemStatus: systemStatusConfig } = config || {};
-  const { apiPath, bindResponse } = systemStatusConfig || {};
-
-  // Build system status URL.
-  const url = useMemo(
-    () => getSystemStatusURL(apiPath, catalog),
-    [apiPath, catalog],
-  );
-
-  // System status (raw) response.
-  const { data, isIdle, isLoading, run } = useAsync<R>();
-
-  // Bind system status response.
-  const response = useMemo(() => bindResponse?.(data), [bindResponse, data]);
-
-  // Remove indexing status from response.
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- using destructuring to remove indexingStatus from response.
-  const { indexingStatus, ...systemStatusResponse } = response || {};
-  // Build system status.
-  const systemStatus = { ...DEFAULT_SYSTEM_STATUS, ...systemStatusResponse };
-  // If the system status is configured, update the loading state.
-  if (config.systemStatus) {
-    systemStatus.loading = isIdle || isLoading;
-  }
-
-  // Fetch system status from URL.
-  useEffect(() => {
-    if (!url) return;
-    run(fetchSystemStatusFromURL(url));
-  }, [run, url]);
-
-  return (
-    <SystemStatusContext.Provider
-      value={{
-        ...systemStatus,
-      }}
-    >
-      {children}
-    </SystemStatusContext.Provider>
-  );
-}
-
-/**
- * Returns system status URL.
- * @param path - System status endpoint.
- * @param catalog - Catalog.
- * @returns system status URL.
- */
-function getSystemStatusURL(
-  path: string | undefined,
-  catalog: string | undefined,
-): string | undefined {
-  if (!path || !catalog) return;
-  const url = new URL(path);
-  url.searchParams.set("catalog", catalog);
-  return url.href;
-}

package/src/routes/constants.ts

@@ -1,4 +0,0 @@
-export const ROUTE = {
-  EXPORT: "/export",
-  LOGIN: "/login",
-};

package/src/services/beforePopState/popStateBus.ts

@@ -1,64 +0,0 @@
-import Router from "next/router";
-import { BeforePopStateCallback, NextHistoryState } from "./types";
-
-/**
- * Pop‐State Event Bus
- *
- * Provides a centralized mechanism for components to intercept
- * and optionally prevent Back/Forward navigation (Next.js beforePopState).
- */
-
-/**
- * A set of callback functions that will run before Next.js performs a pop.
- * Each callback returns `true` to allow navigation or `false` to block.
- */
-const beforePopCallbacks = new Set<BeforePopStateCallback>();
-
-/**
- * Register a callback to be invoked immediately before any Next.js pop navigation.
- * Return `false` from your callback to prevent the pop; otherwise return `true`.
- * @param cb - The callback function to register.
- */
-export function registerBeforePopCallback(cb: BeforePopStateCallback): void {
-  beforePopCallbacks.add(cb);
-}
-
-/**
- * Unregister a previously registered “before pop” callback.
- * @param cb - The callback function to unregister.
- */
-export function unregisterBeforePopCallback(cb: BeforePopStateCallback): void {
-  beforePopCallbacks.delete(cb);
-}
-
-/**
- * Ensures that we only hook into Next.js once. After install, any pop event
- * will first invoke all registered callbacks and only proceed if all return true.
- */
-let hasInstalledInterceptor = false;
-
-/**
- * Install the global “before pop” interceptor into Next.js’s router.
- * Subsequent calls to this function will be no‐ops.
- *
- * This method must be called once (e.g. in your app’s top‐level code)
- * to enable the pop‐state bus.
- */
-export function registerPopStateHandler(): void {
-  if (hasInstalledInterceptor) return;
-  hasInstalledInterceptor = true;
-
-  Router.beforePopState((state: NextHistoryState) => {
-    // Iteratively call every callback. If any returns false, block navigation.
-    let allAllow = true;
-    beforePopCallbacks.forEach((cb) => {
-      try {
-        if (cb(state) === false) allAllow = false;
-      } catch (e: unknown) {
-        console.error("Pop listener failed:", e);
-      }
-    });
-
-    return allAllow;
-  });
-}

package/src/services/beforePopState/types.ts

@@ -1,15 +0,0 @@
-import Router from "next/router";
-
-/**
- * Type representing the callback function passed to beforePopState.
- * Extracted from the Next.js Router.beforePopState API.
- */
-export type BeforePopStateCallback = Parameters<
-  typeof Router.beforePopState
->[0];
-
-/**
- * Type representing the state passed to beforePopState.
- * Extracted from the Next.js Router.beforePopState API.
- */
-export type NextHistoryState = Parameters<BeforePopStateCallback>[0];

package/src/services/beforePopState/useOnPopState.ts

@@ -1,15 +0,0 @@
-import { useEffect } from "react";
-import {
-  registerBeforePopCallback,
-  unregisterBeforePopCallback,
-} from "./popStateBus";
-import { BeforePopStateCallback } from "./types";
-
-export const useOnPopState = (cb: BeforePopStateCallback): void => {
-  useEffect(() => {
-    registerBeforePopCallback(cb);
-    return (): void => {
-      unregisterBeforePopCallback(cb);
-    };
-  }, [cb]);
-};

package/src/services/beforePopState/usePopStateBus.ts

@@ -1,14 +0,0 @@
-import { useEffect } from "react";
-import { registerPopStateHandler } from "./popStateBus";
-
-/**
- * Registers the single global `router.beforePopState` handler that
- * fans out to all feature listeners.
- * Safe to call multiple times - only the first invocation does the real install.
- */
-
-export const usePopStateBus = (): void => {
-  useEffect(() => {
-    registerPopStateHandler();
-  }, []);
-};

package/src/shared/constants.ts

@@ -1 +0,0 @@
-export const PAGINATION_PAGE_SIZE = 25;