@databiosphere/findable-ui 47.0.2 → 49.0.0

package/lib/components/Index/components/Hero/components/Summaries/summaries.stories.js

@@ -1,18 +0,0 @@
-import { Summaries } from "./summaries";
-const meta = {
-    argTypes: {
-        summaries: { control: "object" },
-    },
-    component: Summaries,
-    title: "Components/Summary",
-};
-export default meta;
-export const SummariesStory = {
-    args: {
-        summaries: [
-            { count: "1", label: "Species" },
-            { count: "1.1k", label: "Donors" },
-            { count: "508.5k", label: "Files" },
-        ],
-    },
-};

package/lib/components/Index/components/Hero/components/Summaries/summaries.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const Summary: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Dot: import("@emotion/styled").StyledComponent<import("../../../../../common/Dot/dot").DotProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/Index/components/Hero/components/Summaries/summaries.styles.js

@@ -1,26 +0,0 @@
-import styled from "@emotion/styled";
-import { mediaTabletDown, mediaTabletUp, } from "../../../../../../styles/common/mixins/breakpoints";
-import { Dot as DXDot } from "../../../../../common/Dot/dot";
-export const Summary = styled.div `
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  gap: 4px;
-
-  .MuiTypography-text-body-small-400 {
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    overflow: hidden;
-  }
-
-  ${mediaTabletUp} {
-    flex: none;
-    flex-direction: row;
-  }
-`;
-export const Dot = styled(DXDot) `
-  ${mediaTabletDown} {
-    display: none;
-  }
-`;

package/lib/components/Index/components/Hero/hero.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-import { HeroTitle } from "../../../common/Title/title";
-/**
- * ExploreView page hero component comprising title, summary counts, and export button.
- */
-export interface HeroProps {
-    SideBarButton?: ReactNode;
-    Summaries?: ReactNode;
-    title: HeroTitle;
-}
-export declare const Hero: ({ SideBarButton, Summaries, title, }: HeroProps) => JSX.Element;

package/lib/components/Index/components/Hero/hero.js

@@ -1,12 +0,0 @@
-import React from "react";
-import { Title } from "../../../common/Title/title";
-import { ExportButton } from "./components/ExportButton/exportButton";
-import { HeroLayout, SummaryWidget, Widgets } from "./hero.styles";
-export const Hero = ({ SideBarButton, Summaries, title, }) => {
-    return (React.createElement(React.Fragment, null, (title || SideBarButton || Summaries) && (React.createElement(HeroLayout, null,
-        React.createElement(Title, { title: title }),
-        SideBarButton,
-        Summaries && (React.createElement(Widgets, null,
-            React.createElement(SummaryWidget, { buttonWidget: true }, Summaries),
-            React.createElement(ExportButton, null)))))));
-};

package/lib/components/Index/components/Hero/hero.stories.d.ts

@@ -1,23 +0,0 @@
-import { StoryObj } from "@storybook/react";
-declare const meta: {
-    argTypes: {
-        Summaries: {
-            table: {
-                disable: true;
-            };
-        };
-        title: {
-            table: {
-                disable: true;
-            };
-        };
-    };
-    component: ({ SideBarButton, Summaries, title, }: import("./hero").HeroProps) => JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const HeroStory: Story;

package/lib/components/Index/components/Hero/hero.stories.js

@@ -1,22 +0,0 @@
-import React from "react";
-import { Summaries } from "./components/Summaries/summaries";
-import { SummariesStory } from "./components/Summaries/summaries.stories";
-import { Hero } from "./hero";
-const meta = {
-    argTypes: {
-        Summaries: { table: { disable: true } },
-        title: { table: { disable: true } },
-    },
-    component: Hero,
-    parameters: {
-        layout: "fullscreen",
-    },
-    title: "Components/Hero/ExploreView",
-};
-export default meta;
-export const HeroStory = {
-    args: {
-        Summaries: React.createElement(Summaries, { ...SummariesStory.args }),
-        title: "Data Explorer",
-    },
-};

package/lib/components/Index/components/Hero/hero.styles.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    buttonWidget: boolean;
-}
-export declare const HeroLayout: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Widgets: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SummaryWidget: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

package/lib/components/Index/components/Hero/hero.styles.js

@@ -1,44 +0,0 @@
-import styled from "@emotion/styled";
-import { mediaDesktopSmallUp, mediaTabletUp, } from "../../../../styles/common/mixins/breakpoints";
-export const HeroLayout = styled.div `
-  align-items: center;
-  display: grid;
-  gap: 16px;
-  grid-template-columns: 1fr;
-  padding: 0 16px;
-
-  ${mediaTabletUp} {
-    grid-template-columns: 1fr auto;
-    padding: 0;
-  }
-`;
-export const Widgets = styled.div `
-  align-items: center;
-  display: flex;
-  height: 60px;
-
-  ${mediaTabletUp} {
-    height: 40px;
-    justify-self: flex-start;
-  }
-
-  ${mediaDesktopSmallUp} {
-    grid-column: 2;
-    justify-self: flex-end;
-  }
-`;
-export const SummaryWidget = styled.div `
-  align-items: center;
-  border: 1px solid ${({ theme }) => theme.palette.smoke.main};
-  border-radius: 4px;
-  display: flex;
-  gap: 0 8px;
-  flex: 1;
-  height: inherit;
-  padding: 12px 16px;
-
-  ${mediaTabletUp} {
-    border-radius: ${({ buttonWidget }) => buttonWidget ? "4px 0 0 4px" : "4px"};
-    flex: none;
-  }
-`;

package/lib/components/Index/components/Hero/stories/hero.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Hero } from "../hero";
-declare const meta: Meta<typeof Hero>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/lib/components/Index/components/Hero/stories/hero.stories.js

@@ -1,16 +0,0 @@
-import { composeStories } from "@storybook/react";
-import React from "react";
-import * as summaryStories from "../components/Summaries/stories/summaries.stories";
-import { Hero } from "../hero";
-const { Default: Summaries } = composeStories(summaryStories);
-const meta = {
-    component: Hero,
-    parameters: { layout: "fullscreen" },
-};
-export default meta;
-export const Default = {
-    args: {
-        Summaries: React.createElement(Summaries, null),
-        title: "Data Explorer",
-    },
-};

package/lib/components/Index/components/NTag/components/Tooltip/tooltip.d.ts

@@ -1,8 +0,0 @@
-import { TooltipProps as MTooltipProps } from "@mui/material";
-export interface TooltipProps extends MTooltipProps {
-    className?: string;
-}
-/**
- * @deprecated - use Tooltip from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/components/NTag/components/Tooltip/tooltip"
- */
-export declare const Tooltip: ({ children, className, title, ...props }: TooltipProps) => JSX.Element;

package/lib/components/Index/components/NTag/components/Tooltip/tooltip.js

@@ -1,57 +0,0 @@
-import { Tooltip as MTooltip, } from "@mui/material";
-import { detectOverflow } from "@popperjs/core";
-import React, { useMemo, useState } from "react";
-import { TooltipContent } from "./tooltip.styles";
-const DEFAULT_FLIP_MODIFIER = {
-    enabled: true,
-    name: "flip",
-    options: {
-        fallbackPlacements: ["bottom", "right", "left"],
-    },
-};
-const DEFAULT_PREVENT_OVERFLOW_MODIFIER = {
-    enabled: true,
-    name: "preventOverflow",
-    options: {
-        padding: 16,
-    },
-};
-/**
- * @deprecated - use Tooltip from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/components/NTag/components/Tooltip/tooltip"
- */
-export const Tooltip = ({ children, className, title, ...props /* Spread props to allow for Mui Tooltip specific prop overrides. */ }) => {
-    const [maxHeight, setMaxHeight] = useState();
-    const modifiers = useMemo(() => [
-        {
-            enabled: true,
-            fn: ({ state }) => setMaxHeight(calculateMaxHeight(state)),
-            name: "maxHeight",
-            phase: "main",
-            requiresIfExists: ["offset"],
-        },
-        DEFAULT_FLIP_MODIFIER,
-        DEFAULT_PREVENT_OVERFLOW_MODIFIER,
-    ], []);
-    return (React.createElement(MTooltip, { arrow: true, className: className, onClose: () => setMaxHeight(undefined), slotProps: {
-            popper: { modifiers },
-            tooltip: { style: { display: "flex", maxHeight, padding: 0 } },
-        }, title: React.createElement(TooltipContent, null, title), ...props }, children));
-};
-/**
- * Calculate the max height of the tooltip based on the current popper modifier state.
- * @param state - Popper modifier state.
- * @returns tooltip maximum height.
- */
-function calculateMaxHeight(state) {
-    const overflow = detectOverflow(state);
-    const { placement } = state;
-    if (placement === "left" || placement === "right") {
-        return window.innerHeight - 32;
-    }
-    if (placement === "top") {
-        return state.rects.popper.height - overflow.top - 24;
-    }
-    if (placement === "bottom") {
-        return state.rects.popper.height - overflow.bottom - 24;
-    }
-}

package/lib/components/Index/components/NTag/components/Tooltip/tooltip.styles.d.ts

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

package/lib/components/Index/components/NTag/components/Tooltip/tooltip.styles.js

@@ -1,10 +0,0 @@
-import styled from "@emotion/styled";
-export const TooltipContent = styled.span `
-  overflow: scroll;
-  overscroll-behavior: none;
-  padding: 8px 12px;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;

package/lib/components/Index/components/NTag/nTag.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from "react";
-export interface NTagProps {
-    className?: string;
-    Tag: ReactElement;
-    TooltipTitle: ReactElement;
-}
-/**
- * @deprecated - use NTag from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/components/NTag/nTag"
- */
-export declare const NTag: ({ className, Tag, TooltipTitle, ...props }: NTagProps) => JSX.Element;

package/lib/components/Index/components/NTag/nTag.js

@@ -1,8 +0,0 @@
-import React from "react";
-import { Tooltip } from "./components/Tooltip/tooltip";
-/**
- * @deprecated - use NTag from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/components/NTag/nTag"
- */
-export const NTag = ({ className, Tag, TooltipTitle, ...props /* Spread props to allow for Mui Tooltip specific prop overrides. */ }) => {
-    return (React.createElement(Tooltip, { className: className, title: TooltipTitle, ...props }, Tag));
-};

package/lib/components/Index/components/NTagCell/nTagCell.d.ts

@@ -1,11 +0,0 @@
-import { TypographyProps } from "../../../common/Typography/common/entities";
-export type MetadataValue = string;
-export interface NTagCellProps {
-    label: string;
-    TypographyProps?: TypographyProps;
-    values: MetadataValue[];
-}
-/**
- * @deprecated - use NTagCell from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/nTagCell"
- */
-export declare const NTagCell: ({ label, TypographyProps, values, }: NTagCellProps) => JSX.Element;

package/lib/components/Index/components/NTagCell/nTagCell.js

@@ -1,29 +0,0 @@
-import { Chip as MChip, Typography, } from "@mui/material";
-import React, { forwardRef } from "react";
-import { TEXT_BODY_SMALL_400 } from "../../../../theme/common/typography";
-import { NTag } from "../NTag/nTag";
-// Template constants
-const MAX_DISPLAYABLE_VALUES = 1;
-/**
- * String-concatenates the specified list of metadata values to a string value, joined by a comma ",".
- * @param metadataValues - List of metadata values.
- * @returns the metadata values in a string, each value joined by a comma.
- */
-function stringifyMetadataValues(metadataValues) {
-    return metadataValues.join(", ");
-}
-/**
- * Renders tag for NTag component.
- * Tooltip children require forward ref.
- */
-const Tag = forwardRef(function Tag(props, ref) {
-    return React.createElement(MChip, { ref: ref, ...props });
-});
-/**
- * @deprecated - use NTagCell from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/nTagCell"
- */
-export const NTagCell = ({ label, TypographyProps, values, }) => {
-    const metadataCount = values.length;
-    const showNTag = metadataCount > MAX_DISPLAYABLE_VALUES;
-    return (React.createElement(React.Fragment, null, showNTag ? (React.createElement(NTag, { Tag: React.createElement(Tag, { label: `${metadataCount} ${label}`, variant: "ntag" }), TooltipTitle: React.createElement(Typography, { display: "block", variant: TEXT_BODY_SMALL_400 }, stringifyMetadataValues(values)) })) : (values.map((value, v) => (React.createElement(Typography, { key: `${value}${v}`, variant: "inherit", ...TypographyProps }, value))))));
-};

package/lib/components/Index/components/NTagCell/nTagCell.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentMeta } from "@storybook/react";
-import { NTagCell } from "./nTagCell";
-declare const _default: ComponentMeta<typeof NTagCell>;
-export default _default;
-export declare const NTagCellStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./nTagCell").NTagCellProps>;

package/lib/components/Index/components/NTagCell/nTagCell.stories.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { NTagCell } from "./nTagCell";
-export default {
-    argTypes: {
-        label: { control: "text" },
-        values: { control: "array" },
-    },
-    component: NTagCell,
-    title: "Components/Table/Cell/NTagCell",
-};
-const NTagCellTemplate = (args) => (React.createElement(NTagCell, { ...args }));
-export const NTagCellStory = NTagCellTemplate.bind({});
-NTagCellStory.args = {
-    label: "species",
-    values: ["Homo sapiens", "Mus musculus"],
-};

package/lib/components/Index/components/Tabs/common/utils.d.ts

@@ -1,8 +0,0 @@
-import { EntityConfig } from "../../../../../config/entities";
-import { Tab } from "../../../../common/Tabs/tabs";
-/**
- * Returns entity list tabs list for the tabs component.
- * @param entities - Entities config.
- * @returns tabs list.
- */
-export declare function getEntityListTabs(entities: EntityConfig[]): Tab[];

package/lib/components/Index/components/Tabs/common/utils.js

@@ -1,19 +0,0 @@
-/**
- * Returns entity list tabs list for the tabs component.
- * @param entities - Entities config.
- * @returns tabs list.
- */
-export function getEntityListTabs(entities) {
-    return entities.reduce((acc, { annotation, label, listView: { enableTab = true } = {}, route, tabIcon: icon, tabIconPosition: iconPosition, }) => {
-        if (enableTab) {
-            acc.push({
-                annotation,
-                icon,
-                iconPosition,
-                label,
-                value: route,
-            });
-        }
-        return acc;
-    }, []);
-}

package/lib/components/Index/components/Tabs/tabs.d.ts

@@ -1 +0,0 @@
-export declare const Tabs: () => JSX.Element | null;

package/lib/components/Index/components/Tabs/tabs.js

@@ -1,20 +0,0 @@
-import Router from "next/router";
-import React, { useCallback, useMemo } from "react";
-import { useConfig } from "../../../../hooks/useConfig";
-import { useExploreState } from "../../../../hooks/useExploreState";
-import { Tabs as DXTabs } from "../../../common/Tabs/tabs";
-import { getEntityListTabs } from "./common/utils";
-export const Tabs = () => {
-    const { config } = useConfig();
-    const { exploreState } = useExploreState();
-    const { entities } = config;
-    const { tabValue } = exploreState;
-    const tabs = useMemo(() => getEntityListTabs(entities), [entities]);
-    // Callback fired when selected tab value changes.
-    const onTabChange = useCallback(async (tabValue) => {
-        await Router.push(`/${tabValue}`);
-    }, []);
-    if (tabs.length <= 1)
-        return null;
-    return React.createElement(DXTabs, { onTabChange: onTabChange, tabs: tabs, value: tabValue });
-};

package/lib/components/Index/components/TitleCell/titleCell.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-import { LinkProps } from "../../../Links/components/Link/link";
-export interface TitleCellProps extends LinkProps {
-    title: ReactNode;
-}
-export declare const TitleCell: ({ title, ...props }: TitleCellProps) => JSX.Element;

package/lib/components/Index/components/TitleCell/titleCell.js

@@ -1,10 +0,0 @@
-import { Typography } from "@mui/material";
-import React from "react";
-import { TEXT_BODY_400 } from "../../../../theme/common/typography";
-import { Link } from "../../../Links/components/Link/link";
-import { TitleCell as Cell } from "./titleCell.styles";
-export const TitleCell = ({ title, ...props }) => {
-    return (React.createElement(Cell, { gridSx: { gap: 1 } },
-        typeof title === "string" ? (React.createElement(Typography, { variant: TEXT_BODY_400 }, title)) : (title),
-        React.createElement(Link, { ...props })));
-};

package/lib/components/Index/components/TitleCell/titleCell.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const TitleCell: import("@emotion/styled").StyledComponent<import("../../../common/Grid/grid").GridProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/Index/components/TitleCell/titleCell.styles.js

@@ -1,6 +0,0 @@
-import styled from "@emotion/styled";
-import { textBodySmall400 } from "../../../../styles/common/mixins/fonts";
-import { Grid } from "../../../common/Grid/grid";
-export const TitleCell = styled(Grid) `
-  ${textBodySmall400};
-`;

package/lib/components/Index/index.stories.d.ts

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

package/lib/components/Index/index.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { Summaries } from "./components/Hero/components/Summaries/summaries";
-import { SummariesStory } from "./components/Hero/components/Summaries/summaries.stories";
-import { Index } from "./index";
-export default {
-    argTypes: {
-        Summaries: { table: { disable: true } },
-        Tabs: { table: { disable: true } },
-        list: { table: { disable: true } },
-        title: { table: { disable: true } },
-    },
-    component: Index,
-    parameters: {
-        layout: "fullscreen",
-    },
-    title: "Views/ExploreView",
-};
-export const IndexStory = {
-    args: {
-        Summaries: React.createElement(Summaries, { ...SummariesStory.args }),
-        Tabs: undefined,
-        chart: undefined,
-        list: undefined,
-        title: "Explore Data",
-    },
-};

package/lib/components/Index/stories/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Index } from "../index";
-declare const meta: Meta<typeof Index>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/lib/components/Index/stories/index.stories.js

@@ -1,17 +0,0 @@
-import { composeStories } from "@storybook/react";
-import React from "react";
-import * as summaryStories from "../components/Hero/components/Summaries/stories/summaries.stories";
-import { Index } from "../index";
-const { Default: Summaries } = composeStories(summaryStories);
-const meta = {
-    component: Index,
-    parameters: { layout: "fullscreen" },
-};
-export default meta;
-export const Default = {
-    args: {
-        Summaries: React.createElement(Summaries, null),
-        Tabs: undefined,
-        title: "Explore Data",
-    },
-};

package/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero.stories.d.ts

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

package/lib/components/Layout/components/BackPage/components/BackPageHero/backPageHero.stories.js

@@ -1,10 +0,0 @@
-import { BackPageHero } from "./backPageHero";
-export default {
-    component: BackPageHero,
-    title: "Components/Hero",
-};
-export const BackPageHeroStory = {
-    args: {
-        title: "A Single-Cell Transcriptomic Map of the Human and Mouse Pancreas Reveals Inter- and Intra-cell Population Structure",
-    },
-};

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/AuthenticationMenu/authenticationMenu.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from "@storybook/react";
-import { AuthenticationMenu } from "./authenticationMenu";
-declare const _default: Meta<typeof AuthenticationMenu>;
-export default _default;
-export declare const AuthenticationMenuStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./authenticationMenu").AuthenticationMenuProps>;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/AuthenticationMenu/authenticationMenu.stories.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { AuthenticationMenu } from "./authenticationMenu";
-export default {
-    argTypes: {
-        onLogout: {
-            description: "Callback to be called when 'Logout' button is clicked",
-        },
-        userProfile: {
-            description: "User profile with name and avatar",
-        },
-    },
-    component: AuthenticationMenu,
-    title: "Components/Navigation/AuthenticationMenu",
-};
-const AuthenticationMenuTemplate = (args) => React.createElement(AuthenticationMenu, { ...args });
-export const AuthenticationMenuStory = AuthenticationMenuTemplate.bind({});
-AuthenticationMenuStory.args = {
-    userProfile: {
-        email: "john@smith.com",
-        email_verified: true,
-        family_name: "Smith",
-        given_name: "John",
-        hd: "",
-        locale: "",
-        name: "john_smith",
-        picture: "https://i.pravatar.cc/200",
-        sub: "",
-    },
-};

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface RequestAuthenticationProps {
-    closeMenu: () => void;
-    requestAuthorization: () => void;
-}
-export declare const RequestAuthentication: ({ closeMenu, requestAuthorization, }: RequestAuthenticationProps) => JSX.Element;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.js

@@ -1,13 +0,0 @@
-import LoginRoundedIcon from "@mui/icons-material/LoginRounded";
-import { IconButton as MIconButton } from "@mui/material";
-import React from "react";
-import { useBreakpoint } from "../../../../../../../../../../../../hooks/useBreakpoint";
-import { Button } from "./requestAuthentication.styles";
-export const RequestAuthentication = ({ closeMenu, requestAuthorization, }) => {
-    const { mdUp } = useBreakpoint();
-    return mdUp ? (React.createElement(Button, { onClick: requestAuthorization, startIcon: React.createElement(LoginRoundedIcon, null), variant: "nav" }, "Sign in")) : (React.createElement(MIconButton, { color: "ink", onClick: () => {
-            closeMenu();
-            requestAuthorization();
-        } },
-        React.createElement(LoginRoundedIcon, null)));
-};