@databiosphere/findable-ui 21.3.0 → 22.0.0

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.stories.js

@@ -1,27 +1,25 @@
-import React from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 import { CallToActionButton } from "./callToActionButton";
-export default {
-    argTypes: {
-        children: { control: { disabled: true } },
-    },
+const meta = {
     component: CallToActionButton,
     title: "Components/Common/CallToActionButton",
 };
-const CallToActionButtonTemplate = (args) => React.createElement(CallToActionButton, { ...args });
+export default meta;
 const callToAction = {
     label: "Click here",
     target: ANCHOR_TARGET.BLANK,
     url: "https://www.google.com",
 };
-export const CallToActionButtonStory = CallToActionButtonTemplate.bind({});
-CallToActionButtonStory.args = {
-    callToAction,
-    className: "call-to-action-button",
-    disabled: false,
+export const CallToActionButtonStory = {
+    args: {
+        callToAction,
+        className: "call-to-action-button",
+        disabled: false,
+    },
 };
-export const CallToActionButtonWithCustomComponentStory = CallToActionButtonTemplate.bind({});
-CallToActionButtonWithCustomComponentStory.args = {
-    ButtonElType: "a",
-    callToAction,
+export const CallToActionButtonWithCustomComponentStory = {
+    args: {
+        ButtonElType: "a",
+        callToAction,
+    },
 };

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.stories.d.ts

@@ -1,6 +1,23 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react";
+import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 import { HelpIconButton } from "./helpIconButton";
-declare const meta: Meta<typeof HelpIconButton>;
+declare const meta: {
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        target: {
+            control: "select";
+            options: ANCHOR_TARGET[];
+        };
+        url: {
+            control: "text";
+        };
+    };
+    component: ({ size, target, url, }: import("./helpIconButton").HelpIconButtonProps) => JSX.Element;
+    title: string;
+};
 export default meta;
 type Story = StoryObj<typeof HelpIconButton>;
 export declare const HelpIconButtonStory: Story;

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.stories.js

@@ -2,8 +2,8 @@ import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 import { HelpIconButton } from "./helpIconButton";
 const meta = {
     argTypes: {
-        size: { control: "select" },
-        target: { control: "select" },
+        size: { control: "select", options: ["small", "medium", "large"] },
+        target: { control: "select", options: Object.values(ANCHOR_TARGET) },
         url: { control: "text" },
     },
     component: HelpIconButton,

package/lib/components/common/Card/card.stories.d.ts

@@ -1,7 +1,10 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react";
 import { Card } from "./card";
-declare const _default: Meta<typeof Card>;
-export default _default;
+declare const meta: {
+    component: ({ cardActions, cardUrl, media, Paper, secondaryText, secondaryTitle, text, title, }: import("./card").CardProps) => JSX.Element;
+    title: string;
+};
+export default meta;
 type Story = StoryObj<typeof Card>;
 export declare const CardStory: Story;
 export declare const CardActionsStory: Story;

package/lib/components/common/Card/card.stories.js

@@ -1,9 +1,10 @@
 import logo from "../../../images/logo.svg";
 import { Card } from "./card";
-export default {
+const meta = {
     component: Card,
     title: "Components/Common/Card",
 };
+export default meta;
 export const CardStory = {
     args: {
         cardUrl: "https://anvilproject.org/",

package/lib/components/common/Code/code.stories.d.ts

@@ -1,6 +1,8 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Code } from "./code";
-declare const meta: Meta<typeof Code>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: ({ className, code }: import("./code").CodeProps) => JSX.Element;
+    title: string;
+};
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const CodeStory: Story;

package/lib/components/common/CopyToClipboard/copyToClipboard.stories.d.ts

@@ -1,6 +1,14 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react";
 import { CopyToClipboard } from "./copyToClipboard";
-declare const _default: Meta<typeof CopyToClipboard>;
-export default _default;
+declare const meta: {
+    argTypes: {
+        copyStr: {
+            description: string;
+        };
+    };
+    component: ({ copyStr, }: import("./copyToClipboard").CopyToClipboardProps) => JSX.Element;
+    title: string;
+};
+export default meta;
 type Story = StoryObj<typeof CopyToClipboard>;
 export declare const CopyToClipboardStory: Story;

package/lib/components/common/CopyToClipboard/copyToClipboard.stories.js

@@ -1,5 +1,5 @@
 import { CopyToClipboard } from "./copyToClipboard";
-export default {
+const meta = {
     argTypes: {
         copyStr: {
             description: "String to be copied",
@@ -8,6 +8,7 @@ export default {
     component: CopyToClipboard,
     title: "Components/Common/CopyToClipboard",
 };
+export default meta;
 export const CopyToClipboardStory = {
     args: {
         copyStr: "Copy me",

package/lib/components/common/CustomIcon/components/CloseIcon/closeIcon.d.ts

@@ -0,0 +1,2 @@
+import { SvgIconProps } from "@mui/material";
+export declare const CloseIcon: ({ fontSize, viewBox, ...props }: SvgIconProps) => JSX.Element;

package/lib/components/common/CustomIcon/components/CloseIcon/closeIcon.js

@@ -0,0 +1,6 @@
+import { SvgIcon } from "@mui/material";
+import React from "react";
+export const CloseIcon = ({ fontSize = "xsmall", viewBox = "0 0 18 18", ...props /* Spread props to allow for Mui SvgIconProps specific prop overrides e.g. "htmlColor". */ }) => {
+    return (React.createElement(SvgIcon, { fontSize: fontSize, viewBox: viewBox, ...props },
+        React.createElement("path", { d: "M8.99994 10.1061L5.38104 13.725C5.23104 13.875 5.04984 13.947 4.83744 13.941C4.62504 13.9344 4.44384 13.8561 4.29384 13.7061C4.14384 13.5561 4.06884 13.3719 4.06884 13.1535C4.06884 12.9345 4.14384 12.75 4.29384 12.6L7.89384 9.00005L4.27494 5.38115C4.12494 5.23115 4.05294 5.04695 4.05894 4.82855C4.06554 4.60955 4.14384 4.42505 4.29384 4.27505C4.44384 4.12505 4.62804 4.05005 4.84644 4.05005C5.06544 4.05005 5.24994 4.12505 5.39994 4.27505L8.99994 7.89395L12.6188 4.27505C12.7688 4.12505 12.953 4.05005 13.1714 4.05005C13.3904 4.05005 13.5749 4.12505 13.7249 4.27505C13.8749 4.42505 13.9499 4.60955 13.9499 4.82855C13.9499 5.04695 13.8749 5.23115 13.7249 5.38115L10.106 9.00005L13.7249 12.6189C13.8749 12.7689 13.9499 12.9501 13.9499 13.1625C13.9499 13.3749 13.8749 13.5561 13.7249 13.7061C13.5749 13.8561 13.3904 13.9311 13.1714 13.9311C12.953 13.9311 12.7688 13.8561 12.6188 13.7061L8.99994 10.1061Z", fill: "currentColor" })));
+};

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

@@ -0,0 +1,6 @@
+import { DialogContentTextProps, DialogProps, DialogTitleProps, IconButtonProps, IconProps } from "@mui/material";
+export declare const DIALOG_CONTENT_TEXT_PROPS: DialogContentTextProps;
+export declare const DIALOG_PROPS: Partial<DialogProps>;
+export declare const DIALOG_TITLE_PROPS: DialogTitleProps;
+export declare const ICON_BUTTON_PROPS: IconButtonProps;
+export declare const ICON_PROPS: Pick<IconProps, "fontSize">;

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

@@ -0,0 +1,21 @@
+import { FONT_SIZE } from "../../../styles/common/mui/icon";
+import { COLOR, VARIANT } from "../../../styles/common/mui/typography";
+export const DIALOG_CONTENT_TEXT_PROPS = {
+    color: COLOR.INK_LIGHT,
+    component: "div",
+    variant: VARIANT.TEXT_BODY_400,
+};
+export const DIALOG_PROPS = {
+    PaperProps: { elevation: 0 },
+};
+export const DIALOG_TITLE_PROPS = {
+    variant: VARIANT.TEXT_HEADING_SMALL,
+};
+export const ICON_BUTTON_PROPS = {
+    color: "inkLight",
+    edge: "end",
+    size: "xsmall",
+};
+export const ICON_PROPS = {
+    fontSize: FONT_SIZE.SMALL,
+};

package/lib/components/common/LoginDialog/loginDialog.d.ts

@@ -0,0 +1,2 @@
+import { LoginDialogProps } from "./types";
+export declare const LoginDialog: ({ onClose, open, }: LoginDialogProps) => JSX.Element | null;

package/lib/components/common/LoginDialog/loginDialog.js

@@ -0,0 +1,27 @@
+import { DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, } from "@mui/material";
+import React from "react";
+import { useAuthenticationConfig } from "../../../hooks/authentication/config/useAuthenticationConfig";
+import { Buttons } from "../../Login/components/Buttons/buttons";
+import { Consent } from "../../Login/components/Section/components/Consent/consent";
+import { Warning } from "../../Login/components/Section/components/Warning/warning";
+import { useUserLogin } from "../../Login/hooks/useUserLogin/useUserLogin";
+import { CloseIcon } from "../CustomIcon/components/CloseIcon/closeIcon";
+import { DIALOG_CONTENT_TEXT_PROPS, DIALOG_PROPS, DIALOG_TITLE_PROPS, ICON_BUTTON_PROPS, ICON_PROPS, } from "./constants";
+import { StyledDialog } from "./loginDialog.styles";
+export const LoginDialog = ({ onClose, open, }) => {
+    const authConfig = useAuthenticationConfig();
+    const { consentState, handleConsent, handleLogin } = useUserLogin();
+    if (!authConfig)
+        return null;
+    return (React.createElement(StyledDialog, { ...DIALOG_PROPS, onClose: onClose, open: open },
+        React.createElement(DialogTitle, { ...DIALOG_TITLE_PROPS },
+            React.createElement("div", null, "Sign In Required"),
+            React.createElement(IconButton, { ...ICON_BUTTON_PROPS, onClick: onClose },
+                React.createElement(CloseIcon, { ...ICON_PROPS }))),
+        React.createElement(DialogContent, null,
+            React.createElement(DialogContentText, { ...DIALOG_CONTENT_TEXT_PROPS }, "Please sign in to proceed with this action."),
+            React.createElement(Consent, { handleConsent: handleConsent, ...consentState }, authConfig.termsOfService)),
+        React.createElement(DialogActions, { disableSpacing: true },
+            React.createElement(Buttons, { handleLogin: handleLogin, providers: authConfig.providers })),
+        React.createElement(Warning, null, authConfig.warning)));
+};

package/lib/components/common/LoginDialog/loginDialog.styles.d.ts

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

package/lib/components/common/LoginDialog/loginDialog.styles.js

@@ -0,0 +1,50 @@
+import styled from "@emotion/styled";
+import { Dialog } from "@mui/material";
+import { inkMain } from "../../../styles/common/mixins/colors";
+import { alpha80 } from "../../../theme/common/palette";
+export const StyledDialog = styled(Dialog) `
+  &.MuiDialog-root {
+    .MuiBackdrop-root {
+      background-color: ${inkMain}${alpha80};
+    }
+
+    .MuiDialog-paper {
+      border-radius: 8px;
+      max-width: 400px;
+      padding: 32px;
+      position: relative; /* positions close icon */
+
+      .MuiDialogTitle-root,
+      .MuiDialogContent-root,
+      .MuiDialogActions-root {
+        padding: 0;
+      }
+
+      .MuiDialogTitle-root {
+        font-size: 20px;
+
+        .MuiIconButton-root {
+          position: absolute;
+          right: 12px;
+          top: 12px;
+        }
+      }
+
+      .MuiDialogContent-root {
+        .MuiDialogContentText-root {
+          margin: 8px 0;
+        }
+
+        .MuiGrid2-root {
+          margin: 24px 0;
+        }
+      }
+
+      .MuiDialogActions-root {
+        display: flex;
+        flex-direction: column;
+        gap: 16px 0;
+      }
+    }
+  }
+`;

package/lib/components/common/LoginDialog/types.d.ts

@@ -0,0 +1,4 @@
+export interface LoginDialogProps {
+    onClose: () => void;
+    open: boolean;
+}

package/lib/components/common/LoginDialog/types.js

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

package/lib/components/common/Section/components/SectionTitle/sectionTitle.stories.d.ts

@@ -1,5 +1,13 @@
-import { ComponentMeta } from "@storybook/react";
-import { SectionTitle } from "./sectionTitle";
-declare const _default: ComponentMeta<typeof SectionTitle>;
-export default _default;
-export declare const SectionTitleStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./sectionTitle").SectionTitleProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        title: {
+            control: "text";
+        };
+    };
+    component: ({ className, title, }: import("./sectionTitle").SectionTitleProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SectionTitleStory: Story;

package/lib/components/common/Section/components/SectionTitle/sectionTitle.stories.js

@@ -1,14 +1,14 @@
-import React from "react";
 import { SectionTitle } from "./sectionTitle";
-export default {
+const meta = {
     argTypes: {
         title: { control: "text" },
     },
     component: SectionTitle,
     title: "Components/SectionContent/Title",
 };
-const SectionTitleTemplate = (args) => (React.createElement(SectionTitle, { ...args }));
-export const SectionTitleStory = SectionTitleTemplate.bind({});
-SectionTitleStory.args = {
-    title: "Analysis Portals",
+export default meta;
+export const SectionTitleStory = {
+    args: {
+        title: "Analysis Portals",
+    },
 };

package/lib/components/common/Socials/socials.stories.d.ts

@@ -1,6 +1,14 @@
-import { Meta, StoryObj } from "@storybook/react";
+import { StoryObj } from "@storybook/react";
 import { Socials } from "./socials";
-declare const _default: Meta<typeof Socials>;
-export default _default;
+declare const meta: {
+    argTypes: {
+        socials: {
+            control: "object";
+        };
+    };
+    component: import("react").ForwardRefExoticComponent<import("./socials").SocialsProps & import("react").RefAttributes<HTMLDivElement>>;
+    title: string;
+};
+export default meta;
 type Story = StoryObj<typeof Socials>;
 export declare const SocialsStory: Story;

package/lib/components/common/Socials/socials.stories.js

@@ -6,13 +6,14 @@ import { SlackIcon } from "../CustomIcon/components/SlackIcon/slackIcon";
 import { XIcon } from "../CustomIcon/components/XIcon/xIcon";
 import { YouTubeIcon } from "../CustomIcon/components/YouTubeIcon/youTubeIcon";
 import { Socials } from "./socials";
-export default {
+const meta = {
     argTypes: {
         socials: { control: "object" },
     },
     component: Socials,
     title: "Components/Navigation/SocialLinks",
 };
+export default meta;
 export const SocialsStory = {
     args: {
         socials: [

package/lib/components/common/StaticImage/staticImage.stories.d.ts

@@ -1,5 +1,22 @@
-import { ComponentMeta } from "@storybook/react";
-import { StaticImage } from "./staticImage";
-declare const _default: ComponentMeta<typeof StaticImage>;
-export default _default;
-export declare const StaticImageStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./staticImage").StaticImageProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        alt: {
+            control: "text";
+        };
+        height: {
+            control: "number";
+        };
+        src: {
+            control: "text";
+        };
+        width: {
+            control: "number";
+        };
+    };
+    component: ({ alt, height, src, width, }: import("./staticImage").StaticImageProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const StaticImageStory: Story;

package/lib/components/common/StaticImage/staticImage.stories.js

@@ -1,7 +1,6 @@
-import React from "react";
 import logo from "../../../images/logo.svg";
 import { StaticImage } from "./staticImage";
-export default {
+const meta = {
     argTypes: {
         alt: { control: "text" },
         height: { control: "number" },
@@ -11,10 +10,11 @@ export default {
     component: StaticImage,
     title: "Components/Common/Image/StaticImage",
 };
-const StaticImageTemplate = (args) => (React.createElement(StaticImage, { ...args }));
-export const StaticImageStory = StaticImageTemplate.bind({});
-StaticImageStory.args = {
-    alt: "Data Explorer",
-    height: 40,
-    src: logo,
+export default meta;
+export const StaticImageStory = {
+    args: {
+        alt: "Data Explorer",
+        height: 40,
+        src: logo.src,
+    },
 };

package/lib/components/common/StatusIcon/statusIcon.stories.d.ts

@@ -1,5 +1,19 @@
-import { ComponentMeta } from "@storybook/react";
-import { StatusIcon } from "./statusIcon";
-declare const _default: ComponentMeta<typeof StatusIcon>;
-export default _default;
-export declare const StatusIconStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./statusIcon").StatusIconProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        StatusIcon: {
+            control: {
+                disable: true;
+            };
+        };
+        priority: {
+            control: "select";
+            options: string[];
+        };
+    };
+    component: ({ priority, StatusIcon, }: import("./statusIcon").StatusIconProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const StatusIconStory: Story;

package/lib/components/common/StatusIcon/statusIcon.stories.js

@@ -1,7 +1,6 @@
-import React from "react";
 import { SearchOffIcon } from "../CustomIcon/components/SearchOffIcon/searchOffIcon";
 import { PRIORITY, StatusIcon } from "./statusIcon";
-export default {
+const meta = {
     argTypes: {
         StatusIcon: { control: { disable: true } },
         priority: { control: "select", options: Array.from(Object.keys(PRIORITY)) },
@@ -9,9 +8,10 @@ export default {
     component: StatusIcon,
     title: "Components/Common/Alert/StatusIcon",
 };
-const StatusIconTemplate = (args) => (React.createElement(StatusIcon, { ...args }));
-export const StatusIconStory = StatusIconTemplate.bind({});
-StatusIconStory.args = {
-    StatusIcon: SearchOffIcon,
-    priority: PRIORITY.LOW,
+export default meta;
+export const StatusIconStory = {
+    args: {
+        StatusIcon: SearchOffIcon,
+        priority: PRIORITY.LOW,
+    },
 };

package/lib/components/common/Tag/tag.stories.d.ts

@@ -1,5 +1,15 @@
-import { ComponentMeta } from "@storybook/react";
-import { Tag } from "./tag";
-declare const _default: ComponentMeta<typeof Tag>;
-export default _default;
-export declare const WarningTagStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./tag").TagProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        children: {
+            control: {
+                disabled: boolean;
+            };
+        };
+    };
+    component: ({ children, className }: import("./tag").TagProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WarningTagStory: Story;

package/lib/components/common/Tag/tag.stories.js

@@ -1,15 +1,17 @@
 import React from "react";
 import { Tag } from "./tag";
 import { TagWarning } from "./tag.styles";
-export default {
+const meta = {
     argTypes: {
         children: { control: { disabled: true } },
     },
     component: Tag,
     title: "Components/Common/Alert/Tag",
 };
-const WarningTagTemplate = (args) => (React.createElement(TagWarning, { ...args }, args.children));
-export const WarningTagStory = WarningTagTemplate.bind({});
-WarningTagStory.args = {
-    children: "Please note",
+export default meta;
+export const WarningTagStory = {
+    args: {
+        children: "Please note",
+    },
+    render: (args) => React.createElement(TagWarning, { ...args }, args.children),
 };

package/lib/components/common/ToggleButtonGroup/toggleButtonGroup.stories.d.ts

@@ -1,5 +1,18 @@
-import { ComponentMeta } from "@storybook/react";
-import { ToggleButtonGroup } from "./toggleButtonGroup";
-declare const _default: ComponentMeta<typeof ToggleButtonGroup>;
-export default _default;
-export declare const ToggleButtonGroupStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./toggleButtonGroup").ToggleButtonGroupProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        toggleButtons: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    component: ({ toggleButtons, ...props }: import("./toggleButtonGroup").ToggleButtonGroupProps) => JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ToggleButtonGroupStory: Story;

package/lib/components/common/ToggleButtonGroup/toggleButtonGroup.stories.js

@@ -1,6 +1,5 @@
-import React from "react";
 import { ToggleButtonGroup } from "./toggleButtonGroup";
-export default {
+const meta = {
     argTypes: {
         toggleButtons: { table: { disable: true } },
     },
@@ -10,23 +9,24 @@ export default {
     },
     title: "Components/Common/ButtonGroup",
 };
-const ToggleButtonGroupTemplate = (args) => React.createElement(ToggleButtonGroup, { ...args });
-export const ToggleButtonGroupStory = ToggleButtonGroupTemplate.bind({});
-ToggleButtonGroupStory.args = {
-    toggleButtons: [
-        {
-            label: "Exact Match (243)",
-            onToggle: () => {
-                // onToggle function
+export default meta;
+export const ToggleButtonGroupStory = {
+    args: {
+        toggleButtons: [
+            {
+                label: "Exact Match (243)",
+                onToggle: () => {
+                    // onToggle function
+                },
+                value: "exact-match",
             },
-            value: "exact-match",
-        },
-        {
-            label: "Related (33)",
-            onToggle: () => {
-                // onToggle function
+            {
+                label: "Related (33)",
+                onToggle: () => {
+                    // onToggle function
+                },
+                value: "related-match",
             },
-            value: "related-match",
-        },
-    ],
+        ],
+    },
 };

package/lib/config/entities.d.ts

@@ -303,6 +303,7 @@ export interface SiteConfig {
     entities: EntityConfig[];
     explorerTitle: HeroTitle;
     export?: ExportConfig;
+    exportsRequireAuth?: boolean;
     exportToTerraUrl?: string;
     gitHubUrl?: string;
     layout: {

package/lib/providers/loginGuard/common/types.d.ts

@@ -0,0 +1,18 @@
+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/lib/providers/loginGuard/common/types.js

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

package/lib/providers/loginGuard/context.d.ts

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