@databiosphere/findable-ui 35.0.3 → 35.2.0

package/lib/components/Detail/components/Table/components/TableHead/tableHead.js

@@ -1,36 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHead = void 0;
-const material_1 = require("@mui/material");
-const react_table_1 = require("@tanstack/react-table");
-const react_1 = __importStar(require("react"));
-const entities_1 = require("../../../../../Table/common/entities");
-const TableHead = ({ rowDirection, tableInstance, }) => {
-    return (react_1.default.createElement(react_1.Fragment, null, rowDirection === entities_1.ROW_DIRECTION.DEFAULT &&
-        tableInstance.getHeaderGroups().map((headerGroup) => (react_1.default.createElement(material_1.TableHead, { key: headerGroup.id },
-            react_1.default.createElement(material_1.TableRow, null, headerGroup.headers.map((header) => (react_1.default.createElement(material_1.TableCell, { key: header.id }, (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()))))))))));
-};
-exports.TableHead = TableHead;

package/lib/components/Filter/components/Filter/filter.stories.d.ts

@@ -1,25 +0,0 @@
-import { StoryObj } from "@storybook/react";
-import React from "react";
-declare const meta: {
-    argTypes: {
-        tags: {
-            control: {
-                disable: true;
-            };
-        };
-    };
-    component: ({ categorySection, categoryView, closeAncestor, isFilterDrawer, onFilter, tags, trackFilterOpened, }: import("./filter").FilterProps) => JSX.Element;
-    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        categorySection?: string | undefined;
-        categoryView: import("../../../../common/entities").SelectCategoryView;
-        closeAncestor?: (() => void) | undefined;
-        isFilterDrawer: boolean;
-        onFilter: import("../../../../hooks/useCategoryFilter").OnFilterFn;
-        tags?: React.ReactNode;
-        trackFilterOpened?: import("../../../../config/entities").TrackFilterOpenedFunction | undefined;
-    }>) => JSX.Element)[];
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const FilterStory: Story;

package/lib/components/Filter/components/Filter/filter.stories.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { Filter } from "./filter";
-const meta = {
-    argTypes: {
-        tags: { control: { disable: true } },
-    },
-    component: Filter,
-    decorators: [
-        (Story) => (React.createElement("div", { style: { padding: "8px 12px 8px 16px", width: 264 } },
-            React.createElement(Story, null))),
-    ],
-    title: "Components/Filter/Filter",
-};
-export default meta;
-const onFilter = () => {
-    // onFilter function
-};
-export const FilterStory = {
-    args: {
-        categoryView: {
-            isDisabled: false,
-            key: "genusSpecies",
-            label: "Genus Species",
-            values: [
-                {
-                    count: 12,
-                    key: "homoSapiens",
-                    label: "Homo sapiens",
-                    selected: false,
-                },
-                {
-                    count: 6,
-                    key: "musMusculus",
-                    label: "Mus musculus",
-                    selected: false,
-                },
-            ],
-        },
-        isFilterDrawer: false,
-        onFilter,
-    },
-};

package/lib/components/Filter/components/FilterTag/filterTag.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from "@storybook/react";
-declare const meta: {
-    argTypes: {
-        label: {
-            control: "text";
-        };
-        superseded: {
-            control: "boolean";
-        };
-    };
-    component: ({ label, onRemove, superseded, }: import("./filterTag").FilterTagProps) => JSX.Element;
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const FilterTagStory: Story;

package/lib/components/Filter/components/FilterTag/filterTag.stories.js

@@ -1,17 +0,0 @@
-import { FilterTag } from "./filterTag";
-const meta = {
-    argTypes: {
-        label: { control: "text" },
-        superseded: { control: "boolean" },
-    },
-    component: FilterTag,
-    title: "Components/Filter/FilterTag",
-};
-export default meta;
-export const FilterTagStory = {
-    args: {
-        label: "Male",
-        onRemove: () => { },
-        superseded: false,
-    },
-};

package/lib/components/Filter/components/Filters/filters.stories.d.ts

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

package/lib/components/Filter/components/Filters/filters.stories.js

@@ -1,91 +0,0 @@
-import React from "react";
-import { FilterMenuStory } from "../FilterMenu/filterMenu.stories";
-import { Filters } from "./filters";
-export default {
-    argTypes: {
-        categories: { control: { disable: true } },
-        onFilter: { control: { disable: true } },
-    },
-    component: Filters,
-    decorators: [
-        (Story) => (React.createElement("div", { style: { width: 264 } },
-            React.createElement(Story, null))),
-    ],
-    title: "Components/Filter/Filters",
-};
-const onFilter = () => {
-    // onFilter function
-};
-const defaultValues = [
-    {
-        count: 1,
-        key: "item1",
-        label: "Item 1",
-        selected: false,
-    },
-    {
-        count: 10,
-        key: "item2",
-        label: "Item 2",
-        selected: false,
-    },
-];
-export const FiltersStory = {
-    args: {
-        categoryFilters: [
-            {
-                categoryViews: [
-                    {
-                        isDisabled: false,
-                        key: "genusSpecies",
-                        label: "Genus Species",
-                        values: [
-                            {
-                                count: 12,
-                                key: "homoSapiens",
-                                label: "Homo sapiens",
-                                selected: false,
-                            },
-                            {
-                                count: 6,
-                                key: "musMusculus",
-                                label: "Mus musculus",
-                                selected: false,
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                categoryViews: [
-                    {
-                        isDisabled: false,
-                        key: "donorDisease",
-                        label: "Donor Disease",
-                        values: FilterMenuStory.args?.values || defaultValues,
-                    },
-                    {
-                        isDisabled: true,
-                        key: "anatomicalEntity",
-                        label: "Anatomical Entity",
-                        values: [
-                            {
-                                count: 12,
-                                key: "oralCavity",
-                                label: "oral cavity",
-                                selected: true,
-                            },
-                            {
-                                count: 6,
-                                key: "pancreas",
-                                label: "pancreas",
-                                selected: false,
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-        onFilter: onFilter,
-    },
-};

package/lib/components/Index/components/Cell/cell.d.ts

@@ -1,7 +0,0 @@
-export interface CellProps {
-    value?: number | string | string[];
-}
-/**
- * @deprecated - use BasicCell from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/BasicCell/basicCell"
- */
-export declare const Cell: ({ value }: CellProps) => JSX.Element;

package/lib/components/Index/components/Cell/cell.js

@@ -1,10 +0,0 @@
-import React from "react";
-/**
- * @deprecated - use BasicCell from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/BasicCell/basicCell"
- */
-export const Cell = ({ value = "Unspecified" }) => {
-    if (typeof value === "string" || typeof value === "number") {
-        return React.createElement("div", null, value);
-    }
-    return (React.createElement(React.Fragment, null, value.map((v) => (React.createElement("div", { key: v }, v)))));
-};

package/lib/components/Index/components/EntitiesView/constants.d.ts

@@ -1 +0,0 @@
-export declare const ENTITIES_VIEW_TEST_ID = "entities-view";

package/lib/components/Index/components/EntitiesView/constants.js

@@ -1 +0,0 @@
-export const ENTITIES_VIEW_TEST_ID = "entities-view";

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

@@ -1,13 +0,0 @@
-import { StoryObj } from "@storybook/react";
-declare const meta: {
-    argTypes: {
-        summaries: {
-            control: "object";
-        };
-    };
-    component: ({ summaries }: import("./summaries").SummariesProps) => JSX.Element;
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SummariesStory: Story;

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/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/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/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/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: "",
-    },
-};