@databiosphere/findable-ui 35.0.2 → 35.1.0

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.styles.js

@@ -1,21 +0,0 @@
-import styled from "@emotion/styled";
-import { Menu as MMenu } from "@mui/material";
-export const Menu = styled(MMenu) `
-  .MuiPaper-menu {
-    margin: 4px 0;
-  }
-
-  // List item button
-  .MuiListItemButton-root {
-    gap: 8px;
-  }
-
-  // List item
-  .MuiListItem-root {
-    padding: 10px 16px;
-  }
-
-  .MuiListItemButton-root.Mui-disabled {
-    opacity: 1;
-  }
-`;

package/lib/components/Table/components/EntityViewToggle/entityViewToggle.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EntityViewToggle: () => JSX.Element;

package/lib/components/Table/components/EntityViewToggle/entityViewToggle.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityViewToggle = void 0;
-const react_1 = __importDefault(require("react"));
-const useExploreState_1 = require("../../../../hooks/useExploreState");
-const exploreState_1 = require("../../../../providers/exploreState");
-const toggleButtonGroup_1 = require("../../../common/ToggleButtonGroup/toggleButtonGroup");
-const EntityViewToggle = () => {
-    const { exploreDispatch } = (0, useExploreState_1.useExploreState)();
-    const toggleButtons = [
-        {
-            label: "Exact Match",
-            onToggle: () => onChange(exploreState_1.ENTITY_VIEW.EXACT),
-            value: exploreState_1.ENTITY_VIEW.EXACT,
-        },
-        {
-            label: "Related Match",
-            onToggle: () => onChange(exploreState_1.ENTITY_VIEW.RELATED),
-            value: exploreState_1.ENTITY_VIEW.RELATED,
-        },
-    ];
-    /**
-     * Callback fired when toggle button value changes.
-     * @param entityView - Entity list view.
-     */
-    const onChange = (entityView) => {
-        exploreDispatch({
-            payload: entityView,
-            type: exploreState_1.ExploreActionKind.ToggleEntityView,
-        });
-    };
-    return react_1.default.createElement(toggleButtonGroup_1.ToggleButtonGroup, { toggleButtons: toggleButtons });
-};
-exports.EntityViewToggle = EntityViewToggle;

package/lib/components/TableCreator/common/constants.d.ts

@@ -1,6 +0,0 @@
-import { RowData } from "@tanstack/react-table";
-import { BaseColumnConfig } from "./entities";
-export declare const ACCESSOR_KEYS: {
-    SELECT: string;
-};
-export declare const COLUMN_CONFIGS: Record<string, BaseColumnConfig<RowData, unknown>>;

package/lib/components/TableCreator/common/constants.js

@@ -1,19 +0,0 @@
-import { RowSelectionCell } from "../../Table/components/TableCell/components/RowSelectionCell/rowSelectionCell";
-export const ACCESSOR_KEYS = {
-    SELECT: "select",
-};
-export const COLUMN_CONFIGS = {
-    SELECT: {
-        columnPinned: false,
-        columnVisible: false,
-        componentConfig: { component: RowSelectionCell },
-        disableHiding: true,
-        disableSorting: true,
-        header: ACCESSOR_KEYS.SELECT,
-        id: ACCESSOR_KEYS.SELECT,
-        meta: {
-            header: "",
-        },
-        width: "max-content",
-    },
-};

package/lib/components/TableCreator/common/entities.d.ts

@@ -1,5 +0,0 @@
-import { ColumnMeta } from "@tanstack/react-table";
-import { ColumnConfig } from "../../../config/entities";
-export interface BaseColumnConfig<T, TValue> extends ColumnConfig<T> {
-    meta?: ColumnMeta<T, TValue>;
-}

package/lib/components/TableCreator/common/entities.js

@@ -1 +0,0 @@
-export {};

package/lib/components/TableCreator/tableCreator.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const TableCreator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/TableCreator/tableCreator.styles.js

@@ -1,4 +0,0 @@
-import styled from "@emotion/styled";
-export const TableCreator = styled.div `
-  position: relative; // Required; when the table mounts, the loading element should not transition in and therefore to position the loading element correctly, the parent container must be styled with position relative.
-`;

package/lib/components/common/Alert/alert.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Alert } from "./alert";
-declare const _default: Meta<typeof Alert>;
-export default _default;
-type Story = StoryObj<typeof Alert>;
-export declare const AlertStory: Story;

package/lib/components/common/Alert/alert.stories.js

@@ -1,36 +0,0 @@
-import { Alert } from "./alert";
-export default {
-    argTypes: {
-        children: {
-            control: "text",
-            description: "Inner text",
-        },
-        color: {
-            description: "Color of alert",
-        },
-        icon: {
-            control: "text",
-            description: "Top left icon. If provided will replace severity.",
-        },
-        severity: {
-            description: "Top left predefined icon. Combine with color.",
-        },
-        title: {
-            control: "text",
-            description: "Highlighted text",
-        },
-        variant: {
-            description: "Type of the alert",
-        },
-    },
-    component: Alert,
-    title: "Components/Common/Alert",
-};
-export const AlertStory = {
-    args: {
-        children: "Something certainly happened",
-        color: "warning",
-        severity: "warning",
-        title: "Ouch!",
-    },
-};

package/lib/components/common/Alert/components/AlertText/alertText.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const AlertText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/common/Alert/components/AlertText/alertText.styles.js

@@ -1,19 +0,0 @@
-import styled from "@emotion/styled";
-export const AlertText = styled.div `
-  ul {
-    padding-left: 24px;
-    margin: 8px 0;
-
-    li {
-      margin: 4px 0;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  *:last-child {
-    margin-bottom: 0;
-  }
-`;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.d.ts

@@ -1,7 +0,0 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import { ReactNode } from "react";
-export interface BannerPrimaryProps extends MAlertProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const BannerPrimary: ({ children, className, ...props }: BannerPrimaryProps) => JSX.Element;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.js

@@ -1,5 +0,0 @@
-import React from "react";
-import { Alert } from "./bannerPrimary.styles";
-export const BannerPrimary = ({ children, className, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
-    return (React.createElement(Alert, { className: className, color: "primary", elevation: 0, icon: false, variant: "standard", ...props }, children));
-};

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Alert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.js

@@ -1,19 +0,0 @@
-import styled from "@emotion/styled";
-import { Alert as MAlert } from "@mui/material";
-import { primaryMain, white } from "../../../../../styles/common/mixins/colors";
-import { textBodySmall400 } from "../../../../../styles/common/mixins/fonts";
-export const Alert = styled(MAlert) `
-  border-radius: 0;
-  justify-content: center;
-  padding: 8px;
-
-  &.MuiAlert-standardPrimary {
-    background-color: ${primaryMain};
-    color: ${white};
-  }
-
-  .MuiAlert-message {
-    ${textBodySmall400};
-    text-align: center;
-  }
-`;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.d.ts

@@ -1,10 +0,0 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import { ElementType, ReactNode } from "react";
-export interface CookieBannerProps extends MAlertProps {
-    Alert?: ElementType;
-    children: ReactNode;
-    className?: string;
-    onDismiss?: () => void;
-    open: boolean;
-}
-export declare const DismissibleBanner: ({ Alert, className, children, onDismiss, open, ...props }: CookieBannerProps) => JSX.Element;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.js

@@ -1,16 +0,0 @@
-import { Fade, Alert as MAlert, } from "@mui/material";
-import React, { useEffect, useState } from "react";
-export const DismissibleBanner = ({ Alert = MAlert /* Requires forwardRef to be used as a child of Fade. */, className, children, onDismiss, open, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
-    const [isIn, setIsIn] = useState(false);
-    // Callback fired when the component requests to be closed.
-    const onClose = () => {
-        onDismiss?.();
-        setIsIn(false);
-    };
-    // Sets the open state.
-    useEffect(() => {
-        setIsIn(open);
-    }, [open]);
-    return (React.createElement(Fade, { in: isIn, unmountOnExit: true },
-        React.createElement(Alert, { className: className, onClose: onClose, ...props }, children)));
-};

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Banner: import("@emotion/styled").StyledComponent<import("../BannerPrimary/bannerPrimary").BannerPrimaryProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.js

@@ -1,21 +0,0 @@
-import styled from "@emotion/styled";
-import { mediaDesktopUp } from "../../../../../styles/common/mixins/breakpoints";
-import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
-export const Banner = styled(BannerPrimary) `
-  gap: 12px;
-  padding: 8px 12px;
-
-  ${mediaDesktopUp} {
-    padding: 8px 16px;
-  }
-
-  .MuiAlert-message {
-    align-self: center;
-    flex: 1;
-  }
-
-  .MuiAlert-action {
-    margin: -8px;
-    padding: 0;
-  }
-`;

package/lib/components/common/Button/components/LoginButton/loginButton.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from "../../button";
-export type LoginButtonProps = Exclude<ButtonProps, "StartIcon">;
-export declare const LoginButton: ({ children, ...props }: LoginButtonProps) => JSX.Element;

package/lib/components/common/Button/components/LoginButton/loginButton.js

@@ -1,6 +0,0 @@
-import React from "react";
-import { LoginButton as Button, LoginButtonText } from "./loginButton.styles";
-export const LoginButton = ({ children, ...props }) => {
-    return (React.createElement(Button, { fullWidth: true, ...props },
-        React.createElement(LoginButtonText, null, children)));
-};

package/lib/components/common/Button/components/LoginButton/loginButton.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const LoginButton: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const LoginButtonText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/lib/components/common/Button/components/LoginButton/loginButton.styles.js

@@ -1,11 +0,0 @@
-import styled from "@emotion/styled";
-import { ButtonSecondary } from "../ButtonSecondary/buttonSecondary";
-export const LoginButton = styled(ButtonSecondary) `
-  .MuiButton-endIcon {
-    margin-right: -6px;
-  }
-`;
-export const LoginButtonText = styled.span `
-  flex: 1;
-  text-align: left;
-`;

package/lib/components/common/IconButton/components/LoadingIconButton/loadingIconButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * Mock "loading" icon button - a placeholder element styled like a primary icon button without the use of a button element.
- */
-export declare const LoadingIconButton: () => JSX.Element;

package/lib/components/common/IconButton/components/LoadingIconButton/loadingIconButton.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { LoadingIcon } from "../../../CustomIcon/components/LoadingIcon/loadingIcon";
-import { MockIconButtonPrimary } from "../../iconButton.styles";
-/**
- * Mock "loading" icon button - a placeholder element styled like a primary icon button without the use of a button element.
- */
-export const LoadingIconButton = () => {
-    return (React.createElement(MockIconButtonPrimary, null,
-        React.createElement(LoadingIcon, { fontSize: "small" })));
-};

package/lib/components/common/IconButton/components/LoadingIconButton/loadingIconButton.stories.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;
-export default _default;
-export declare const LoadingIconButtonStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, unknown>;

package/lib/components/common/IconButton/components/LoadingIconButton/loadingIconButton.stories.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { LoadingIconButton } from "./loadingIconButton";
-export default {
-    component: LoadingIconButton,
-    title: "Components/Common/IconButton/Download",
-};
-const LoadingIconButtonTemplate = () => React.createElement(LoadingIconButton, null);
-export const LoadingIconButtonStory = LoadingIconButtonTemplate.bind({});
-LoadingIconButtonStory.args = {};

package/lib/hooks/useAuthentication/common/constants.d.ts

@@ -1,4 +0,0 @@
-import { LoginResponse, LoginStatus } from "./entities";
-export declare const LOGIN_STATUS_FAILED: LoginStatus<LoginResponse>;
-export declare const LOGIN_STATUS_NOT_STARTED: LoginStatus<LoginResponse>;
-export declare const LOGIN_STATUS_NOT_SUPPORTED: LoginStatus<LoginResponse>;

package/lib/hooks/useAuthentication/common/constants.js

@@ -1,19 +0,0 @@
-import { REQUEST_STATUS } from "./entities";
-export const LOGIN_STATUS_FAILED = {
-    isSuccess: false,
-    isSupported: true,
-    requestStatus: REQUEST_STATUS.FAILED,
-    response: undefined,
-};
-export const LOGIN_STATUS_NOT_STARTED = {
-    isSuccess: false,
-    isSupported: true,
-    requestStatus: REQUEST_STATUS.NOT_STARTED,
-    response: undefined,
-};
-export const LOGIN_STATUS_NOT_SUPPORTED = {
-    isSuccess: false,
-    isSupported: false,
-    requestStatus: REQUEST_STATUS.NOT_STARTED,
-    response: undefined,
-};

package/lib/hooks/useAuthentication/common/entities.d.ts

@@ -1,25 +0,0 @@
-import { GoogleResponse } from "../useFetchGoogleProfile";
-import { TerraNIHResponse } from "../useFetchTerraNIHProfile";
-import { TerraResponse } from "../useFetchTerraProfile";
-import { TerraTermsOfServiceResponse } from "../useFetchTerraTermsOfService";
-export declare enum AUTHENTICATION_STATUS {
-    COMPLETED = "COMPLETED",
-    INCOMPLETE = "INCOMPLETE"
-}
-export type LoginResponse = GoogleResponse | TerraResponse | TerraNIHResponse | TerraTermsOfServiceResponse;
-export interface LoginResponseError {
-    message: string;
-    source: string;
-    statusCode: number;
-}
-export interface LoginStatus<T> {
-    isSuccess: boolean;
-    isSupported: boolean;
-    requestStatus: REQUEST_STATUS;
-    response: T | undefined;
-}
-export declare enum REQUEST_STATUS {
-    COMPLETED = "COMPLETED",
-    FAILED = "FAILED",
-    NOT_STARTED = "NOT_STARTED"
-}

package/lib/hooks/useAuthentication/common/entities.js

@@ -1,11 +0,0 @@
-export var AUTHENTICATION_STATUS;
-(function (AUTHENTICATION_STATUS) {
-    AUTHENTICATION_STATUS["COMPLETED"] = "COMPLETED";
-    AUTHENTICATION_STATUS["INCOMPLETE"] = "INCOMPLETE";
-})(AUTHENTICATION_STATUS || (AUTHENTICATION_STATUS = {}));
-export var REQUEST_STATUS;
-(function (REQUEST_STATUS) {
-    REQUEST_STATUS["COMPLETED"] = "COMPLETED";
-    REQUEST_STATUS["FAILED"] = "FAILED";
-    REQUEST_STATUS["NOT_STARTED"] = "NOT_STARTED";
-})(REQUEST_STATUS || (REQUEST_STATUS = {}));

package/lib/hooks/useAuthentication/common/utils.d.ts

@@ -1,15 +0,0 @@
-import { LoginResponse, LoginStatus } from "./entities";
-/**
- * Returns the options for an authentication request.
- * @param token - Token.
- * @returns request options.
- */
-export declare function getAuthenticationRequestOptions(token: string): RequestInit;
-/**
- * Returns login status.
- * An undefined endpoint will return a not supported login status,
- * otherwise a not started login status is returned.
- * @param endpoint - Endpoint.
- * @returns initial login status.
- */
-export declare function initLoginStatus(endpoint?: string): LoginStatus<LoginResponse>;

package/lib/hooks/useAuthentication/common/utils.js

@@ -1,25 +0,0 @@
-import { LOGIN_STATUS_NOT_STARTED, LOGIN_STATUS_NOT_SUPPORTED, } from "./constants";
-/**
- * Returns the options for an authentication request.
- * @param token - Token.
- * @returns request options.
- */
-export function getAuthenticationRequestOptions(token) {
-    const headers = new Headers();
-    headers.append("authorization", "Bearer " + token);
-    return { headers };
-}
-/**
- * Returns login status.
- * An undefined endpoint will return a not supported login status,
- * otherwise a not started login status is returned.
- * @param endpoint - Endpoint.
- * @returns initial login status.
- */
-export function initLoginStatus(endpoint) {
-    if (!endpoint) {
-        // Endpoint not supported.
-        return LOGIN_STATUS_NOT_SUPPORTED;
-    }
-    return LOGIN_STATUS_NOT_STARTED;
-}

package/lib/hooks/useAuthentication/useAuthentication.d.ts

@@ -1,6 +0,0 @@
-import { AuthContextProps } from "../../providers/authentication";
-/**
- * Returns authentication context.
- * @returns authentication context.
- */
-export declare const useAuthentication: () => AuthContextProps;

package/lib/hooks/useAuthentication/useAuthentication.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { AuthContext } from "../../providers/authentication";
-/**
- * Returns authentication context.
- * @returns authentication context.
- */
-export const useAuthentication = () => {
-    return useContext(AuthContext);
-};

package/lib/hooks/useAuthentication/useAuthenticationComplete.d.ts

@@ -1,6 +0,0 @@
-import { AUTHENTICATION_STATUS } from "./common/entities";
-/**
- * Handles the completion of the authentication process.
- * @param authenticationStatus - Authentication status.
- */
-export declare const useAuthenticationComplete: (authenticationStatus: AUTHENTICATION_STATUS) => void;

package/lib/hooks/useAuthentication/useAuthenticationComplete.js

@@ -1,55 +0,0 @@
-import Router, { useRouter } from "next/router";
-import { useEffect, useMemo, useRef } from "react";
-import { escapeRegExp } from "../../common/utils";
-import { ROUTE_LOGIN } from "../../providers/authentication";
-import { INACTIVITY_PARAM } from "../useSessionTimeout";
-import { AUTHENTICATION_STATUS } from "./common/entities";
-/**
- * Handles the completion of the authentication process.
- * @param authenticationStatus - Authentication status.
- */
-export const useAuthenticationComplete = (authenticationStatus) => {
-    const { asPath } = useRouter();
-    const routeHistoryRef = useRef(initRouteHistory(asPath));
-    // Maintain a history of routes that have been visited prior to authentication.
-    routeHistoryRef.current = useMemo(() => updateRouteHistory(routeHistoryRef.current, asPath), [asPath]);
-    // Redirect to the previous route after authentication is completed.
-    useEffect(() => {
-        if (authenticationStatus === AUTHENTICATION_STATUS.COMPLETED) {
-            Router.push(routeHistoryRef.current);
-        }
-    }, [authenticationStatus]);
-};
-/**
- * Initializes route history with the current path.
- * Returns base path if current path is the login route.
- * @param path - current browser path.
- * @returns path to be used as the initial route history.
- */
-function initRouteHistory(path) {
-    return path === ROUTE_LOGIN ? "/" : removeInactivityTimeoutQueryParam(path);
-}
-/**
- * Removes the inactivity timeout query parameter from the path.
- * the inactivity timeout parameter is used to indicate that the session has timed out; remove the parameter to
- * clear the session timeout banner after the user logs in again.
- * @param path - Path.
- * @returns path without the inactivity timeout query parameter.
- */
-function removeInactivityTimeoutQueryParam(path) {
-    const regex = new RegExp(`\\?${escapeRegExp(INACTIVITY_PARAM)}(?:$|[=&].*)`);
-    return path.replace(regex, "");
-}
-/**
- * Updates route history with the current path, unless the current path is the LoginView page.
- * @param prevPath - route history path.
- * @param path - current browser path.
- * @returns updated path to be used as the route history.
- */
-function updateRouteHistory(prevPath, path) {
-    let currentPath = prevPath;
-    if (path !== ROUTE_LOGIN) {
-        currentPath = path;
-    }
-    return removeInactivityTimeoutQueryParam(currentPath);
-}

package/lib/hooks/useAuthentication/useAuthenticationForm.d.ts

@@ -1,20 +0,0 @@
-export interface OnboardingStatus {
-    active: boolean;
-    completed: boolean;
-}
-export declare enum ONBOARDING_STEP {
-    NIH_ACCOUNT = 3,
-    TERRA_ACCOUNT = 1,
-    TERRA_TOS = 2
-}
-interface UseAuthenticationForm {
-    isComplete: boolean;
-    isReady: boolean;
-    onboardingStatusByStep: Map<ONBOARDING_STEP, OnboardingStatus>;
-}
-/**
- * Handles authentication form onboarding.
- * @returns onboarding steps and corresponding status.
- */
-export declare const useAuthenticationForm: () => UseAuthenticationForm;
-export {};