@databiosphere/findable-ui 21.3.0 → 22.0.0

package/lib/components/Links/links.stories.js

@@ -1,21 +1,21 @@
-import React from "react";
 import { Links } from "./links";
-export default {
+const FACEBOOK_URL = "https://www.facebook.com";
+const GOOGLE_URL = "https://www.google.com";
+const TWITTER_URL = "https://www.twitter.com";
+const meta = {
     argTypes: {
-        links: { control: "array" },
+        links: { control: "object" },
     },
     component: Links,
     title: "Components/Deprecated/Links",
 };
-const LinksTemplate = (args) => (React.createElement(Links, { ...args }));
-const FACEBOOK_URL = "https://www.facebook.com";
-const GOOGLE_URL = "https://www.google.com";
-const TWITTER_URL = "https://www.twitter.com";
-export const LinksStory = LinksTemplate.bind({});
-LinksStory.args = {
-    links: [
-        { label: "Facebook", url: FACEBOOK_URL },
-        { label: "Google", url: GOOGLE_URL },
-        { label: "Twitter", url: TWITTER_URL },
-    ],
+export default meta;
+export const LinksStory = {
+    args: {
+        links: [
+            { label: "Facebook", url: FACEBOOK_URL },
+            { label: "Google", url: GOOGLE_URL },
+            { label: "Twitter", url: TWITTER_URL },
+        ],
+    },
 };

package/lib/components/Loading/loading.stories.d.ts

@@ -1,5 +1,34 @@
-import { ComponentMeta } from "@storybook/react";
-import { Loading } from "./loading";
-declare const _default: ComponentMeta<typeof Loading>;
-export default _default;
-export declare const LoadingStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./loading").LoadingProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        appear: {
+            control: "boolean";
+        };
+        iconSize: {
+            control: "select";
+            options: string[];
+        };
+        loading: {
+            control: "boolean";
+        };
+        panelStyle: {
+            control: "select";
+            options: string[];
+        };
+        text: {
+            control: "text";
+        };
+    };
+    component: ({ appear, iconSize, loading, panelStyle, text, }: import("./loading").LoadingProps) => JSX.Element | null;
+    decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        appear?: boolean | undefined;
+        iconSize?: import("@mui/material").SvgIconProps["fontSize"];
+        loading: boolean;
+        panelStyle?: import("./loading").LoadingPanelStyle | undefined;
+        text?: string | undefined;
+    }>) => JSX.Element)[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoadingStory: Story;

package/lib/components/Loading/loading.stories.js

@@ -1,9 +1,10 @@
 import React from "react";
 import { PAPER_PANEL_STYLE } from "../common/Paper/paper";
 import { Loading } from "./loading";
-export default {
+const meta = {
     argTypes: {
-        className: { control: { disabled: true } },
+        appear: { control: "boolean" },
+        iconSize: { control: "select", options: ["small", "medium", "large"] },
         loading: { control: "boolean" },
         panelStyle: {
             control: "select",
@@ -23,8 +24,9 @@ export default {
     ],
     title: "Components/Communication/Loading",
 };
-const LoadingTemplate = (args) => (React.createElement(Loading, { ...args }));
-export const LoadingStory = LoadingTemplate.bind({});
-LoadingStory.args = {
-    loading: true,
+export default meta;
+export const LoadingStory = {
+    args: {
+        loading: true,
+    },
 };

package/lib/components/Login/components/Button/types.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from "@mui/material/Button/Button";
+import { ButtonProps } from "@mui/material";
 import { BaseComponentProps } from "../../../../theme/common/entities";
 export type Props = BaseComponentProps & ButtonProps;

package/lib/components/Login/components/Buttons/buttons.d.ts

@@ -0,0 +1,2 @@
+import { Props } from "./types";
+export declare const Buttons: <P>({ className, handleLogin, providers, ...props }: Props<P>) => JSX.Element[];

package/lib/components/Login/components/Buttons/buttons.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { Button } from "../Button/button";
+export const Buttons = ({ className, handleLogin, providers = [], ...props /* Mui ButtonProps */ }) => {
+    return providers?.map((provider) => (React.createElement(Button, { key: provider.id, className: className, endIcon: "icon" in provider && provider.icon, onClick: () => handleLogin(provider.id), ...props }, provider.name)));
+};

package/lib/components/Login/components/Buttons/types.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from "@mui/material";
+import { ClientSafeProvider } from "next-auth/react";
+import { OAuthProvider } from "../../../../config/entities";
+import { BaseComponentProps } from "../../../../theme/common/entities";
+export interface Props<P> extends BaseComponentProps, ButtonProps {
+    handleLogin: (providerId: string) => void;
+    providers?: ClientSafeProvider[] | OAuthProvider<P>[];
+}

package/lib/components/Login/components/Buttons/types.js

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

package/lib/components/Login/components/Section/components/Consent/consent.d.ts

@@ -0,0 +1,3 @@
+import { BaseComponentProps } from "../../../../../types";
+import { ConsentProps } from "./types";
+export declare const Consent: ({ children, className, handleConsent, isDisabled, isError, ...props }: BaseComponentProps & ConsentProps) => JSX.Element | null;

package/lib/components/Login/components/Section/components/Consent/consent.js

@@ -0,0 +1,14 @@
+import { Checkbox, Typography } from "@mui/material";
+import React from "react";
+import { TEXT_BODY_400 } from "../../../../../../theme/common/typography";
+import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
+import { UncheckedErrorIcon } from "../../../../../common/CustomIcon/components/UncheckedErrorIcon/uncheckedErrorIcon";
+import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
+import { StyledGrid2 } from "./consent.styles";
+export const Consent = ({ children, className, handleConsent, isDisabled, isError, ...props /* Mui Grid2Props */ }) => {
+    if (isDisabled)
+        return null;
+    return (React.createElement(StyledGrid2, { className: className, ...props },
+        React.createElement(Checkbox, { checkedIcon: React.createElement(CheckedIcon, null), icon: isError ? React.createElement(UncheckedErrorIcon, null) : React.createElement(UncheckedIcon, null), onChange: handleConsent }),
+        React.createElement(Typography, { variant: TEXT_BODY_400 }, children)));
+};

package/lib/components/Login/components/Section/components/Consent/consent.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledGrid2: import("@emotion/styled").StyledComponent<import("@mui/material").GridBaseProps & {
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, ("fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign") | "sx" | keyof import("@mui/material").GridBaseProps> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/Login/components/Section/components/Consent/consent.styles.js

@@ -0,0 +1,14 @@
+import styled from "@emotion/styled";
+import { Grid2 } from "@mui/material";
+export const StyledGrid2 = styled(Grid2) `
+  align-items: center;
+  align-self: flex-start;
+  display: flex;
+  gap: 12px;
+
+  .MuiTypography-text-body-400 {
+    .MuiLink-root {
+      color: inherit;
+    }
+  }
+`;

package/lib/components/Login/components/Section/components/Consent/types.d.ts

@@ -0,0 +1,6 @@
+import { Grid2Props } from "@mui/material";
+import { ReactNode } from "react";
+import { UseUserConsent } from "../../../../hooks/useUserConsent/types";
+export interface ConsentProps extends Grid2Props, Pick<UseUserConsent, "handleConsent">, Pick<UseUserConsent["state"], "isDisabled" | "isError"> {
+    children: ReactNode;
+}

package/lib/components/Login/components/Section/components/Consent/types.js

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

package/lib/components/Login/components/Section/components/Warning/warning.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from "@mui/material";
+import { BaseComponentProps } from "../../../../../types";
+export declare const Warning: ({ children, className, ...props }: BaseComponentProps & TypographyProps) => JSX.Element | null;

package/lib/components/Login/components/Section/components/Warning/warning.js

@@ -0,0 +1,9 @@
+import { Typography } from "@mui/material";
+import React from "react";
+import { COLOR } from "../../../../../../styles/common/mui/typography";
+import { TEXT_BODY_SMALL_400 } from "../../../../../../theme/common/typography";
+export const Warning = ({ children, className, ...props /* Mui TypographyOwnProps */ }) => {
+    if (!children)
+        return null;
+    return (React.createElement(Typography, { className: className, color: COLOR.INK_LIGHT, mt: 6, variant: TEXT_BODY_SMALL_400, ...props }, children));
+};

package/lib/components/Login/hooks/useUserConsent/types.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from "react";
+export interface UseUserConsent {
+    handleConsent: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleError: (error: boolean) => void;
+    state: {
+        isDisabled: boolean;
+        isError: boolean;
+        isValid: boolean;
+    };
+}

package/lib/components/Login/hooks/useUserConsent/types.js

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

package/lib/components/Login/hooks/useUserConsent/useUserConsent.d.ts

@@ -0,0 +1,2 @@
+import { UseUserConsent } from "./types";
+export declare const useUserConsent: () => UseUserConsent;

package/lib/components/Login/hooks/useUserConsent/useUserConsent.js

@@ -0,0 +1,24 @@
+import { useCallback, useState } from "react";
+import { useAuthenticationConfig } from "../../../../hooks/authentication/config/useAuthenticationConfig";
+export const useUserConsent = () => {
+    const authConfig = useAuthenticationConfig();
+    const [isDisabled] = useState(Boolean(!authConfig?.termsOfService));
+    const [isError, setIsError] = useState(false);
+    const [isValid, setIsValid] = useState(false);
+    const handleError = useCallback((error) => {
+        setIsError(error);
+    }, []);
+    const handleConsent = useCallback((changeEvent) => {
+        handleError(false);
+        setIsValid(changeEvent.target.checked);
+    }, [handleError]);
+    return {
+        handleConsent,
+        handleError,
+        state: {
+            isDisabled,
+            isError,
+            isValid,
+        },
+    };
+};

package/lib/components/Login/hooks/useUserLogin/types.d.ts

@@ -0,0 +1,6 @@
+import { ProviderId } from "../../../../providers/authentication/common/types";
+import { UseUserConsent } from "../useUserConsent/types";
+export interface UseUserLogin extends Omit<UseUserConsent, "handleError" | "state"> {
+    consentState: Pick<UseUserConsent["state"], "isDisabled" | "isError">;
+    handleLogin: (providerId: ProviderId) => void;
+}

package/lib/components/Login/hooks/useUserLogin/types.js

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

package/lib/components/Login/hooks/useUserLogin/useUserLogin.d.ts

@@ -0,0 +1,2 @@
+import { UseUserLogin } from "./types";
+export declare const useUserLogin: () => UseUserLogin;

package/lib/components/Login/hooks/useUserLogin/useUserLogin.js

@@ -0,0 +1,21 @@
+import { useCallback } from "react";
+import { useAuth } from "../../../../providers/authentication/auth/hook";
+import { useUserConsent } from "../useUserConsent/useUserConsent";
+export const useUserLogin = () => {
+    const { service: { requestLogin } = {} } = useAuth();
+    const { handleConsent, handleError, state: consentState } = useUserConsent();
+    const { isDisabled, isError, isValid } = consentState; // Consent state: { isValid } is an indicator of whether the user has accepted the login terms.
+    const handleLogin = useCallback((providerId) => {
+        if (!isDisabled && !isValid) {
+            // If the user has not accepted terms, set error state to true.
+            handleError(true);
+            return;
+        }
+        requestLogin?.(providerId);
+    }, [handleError, isDisabled, isValid, requestLogin]);
+    return {
+        consentState: { isDisabled, isError },
+        handleConsent,
+        handleLogin,
+    };
+};

package/lib/components/Project/components/CollaboratingOrganizations/collaboratingOrganizations.stories.d.ts

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

package/lib/components/Project/components/CollaboratingOrganizations/collaboratingOrganizations.stories.js

@@ -1,27 +1,27 @@
-import React from "react";
 import { CollaboratingOrganizations } from "./collaboratingOrganizations";
-export default {
+const meta = {
     argTypes: {
-        collaboratingOrganizations: { control: "array" },
+        collaboratingOrganizations: { control: "object" },
     },
     component: CollaboratingOrganizations,
     title: "Components/SectionContent/Content/Project",
 };
-const CollaboratingOrganizationsTemplate = (args) => React.createElement(CollaboratingOrganizations, { ...args });
-export const CollaboratingOrganizationsStory = CollaboratingOrganizationsTemplate.bind({});
-CollaboratingOrganizationsStory.args = {
-    collaboratingOrganizations: [
-        {
-            citation: 1,
-            name: "The Jackson Laboratory",
-        },
-        {
-            citation: 2,
-            name: "The New York Genome Center",
-        },
-        {
-            citation: 3,
-            name: "Weill Cornell Medicine",
-        },
-    ],
+export default meta;
+export const CollaboratingOrganizationsStory = {
+    args: {
+        collaboratingOrganizations: [
+            {
+                citation: 1,
+                name: "The Jackson Laboratory",
+            },
+            {
+                citation: 2,
+                name: "The New York Genome Center",
+            },
+            {
+                citation: 3,
+                name: "Weill Cornell Medicine",
+            },
+        ],
+    },
 };

package/lib/components/Project/components/Contacts/contacts.stories.d.ts

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

package/lib/components/Project/components/Contacts/contacts.stories.js

@@ -1,25 +1,25 @@
-import React from "react";
 import { Contacts } from "./contacts";
-export default {
+const meta = {
     argTypes: {
-        contacts: { control: "array" },
+        contacts: { control: "object" },
     },
     component: Contacts,
     title: "Components/SectionContent/Content/Project",
 };
-const ContactsTemplate = (args) => (React.createElement(Contacts, { ...args }));
-export const ContactsStory = ContactsTemplate.bind({});
-ContactsStory.args = {
-    contacts: [
-        {
-            email: "gervaise.henry@utsouthwestern.edu",
-            institution: "UT Southwestern",
-            name: "Gervaise H Henry",
-        },
-        {
-            email: "poppy@utsouthwestern.edu",
-            institution: "UT Southwestern",
-            name: "Poppy Rose Roberts",
-        },
-    ],
+export default meta;
+export const ContactsStory = {
+    args: {
+        contacts: [
+            {
+                email: "gervaise.henry@utsouthwestern.edu",
+                institution: "UT Southwestern",
+                name: "Gervaise H Henry",
+            },
+            {
+                email: "poppy@utsouthwestern.edu",
+                institution: "UT Southwestern",
+                name: "Poppy Rose Roberts",
+            },
+        ],
+    },
 };

package/lib/components/Project/components/Contributors/contributors.stories.d.ts

@@ -1,5 +1,8 @@
-import { ComponentMeta } from "@storybook/react";
-import { Contributors } from "./contributors";
-declare const _default: ComponentMeta<typeof Contributors>;
-export default _default;
-export declare const ContributorsStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./contributors").ContributorsProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: ({ contributors, }: import("./contributors").ContributorsProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ContributorsStory: Story;

package/lib/components/Project/components/Contributors/contributors.stories.js

@@ -1,32 +1,32 @@
-import React from "react";
 import { Contributors } from "./contributors";
-export default {
+const meta = {
     component: Contributors,
     title: "Components/SectionContent/Content/Project",
 };
-const ContributorsTemplate = (args) => (React.createElement(Contributors, { ...args }));
-export const ContributorsStory = ContributorsTemplate.bind({});
-ContributorsStory.args = {
-    contributors: [
-        {
-            citation: 1,
-            name: "Rose R Reginold",
-            role: undefined,
-        },
-        {
-            citation: 1,
-            name: "Frank D Dirk",
-            role: "Project Coordinator",
-        },
-        {
-            citation: 2,
-            name: "Marcelo Freire",
-            role: "Principal Investigator",
-        },
-        {
-            citation: 3,
-            name: "Nathan Lawlor",
-            role: "Computational Scientist",
-        },
-    ],
+export default meta;
+export const ContributorsStory = {
+    args: {
+        contributors: [
+            {
+                citation: 1,
+                name: "Rose R Reginold",
+                role: undefined,
+            },
+            {
+                citation: 1,
+                name: "Frank D Dirk",
+                role: "Project Coordinator",
+            },
+            {
+                citation: 2,
+                name: "Marcelo Freire",
+                role: "Principal Investigator",
+            },
+            {
+                citation: 3,
+                name: "Nathan Lawlor",
+                role: "Computational Scientist",
+            },
+        ],
+    },
 };

package/lib/components/Project/components/DataCurators/dataCurators.stories.d.ts

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

package/lib/components/Project/components/DataCurators/dataCurators.stories.js

@@ -1,14 +1,14 @@
-import React from "react";
 import { DataCurators } from "./dataCurators";
-export default {
+const meta = {
     argTypes: {
-        dataCurators: { control: "array" },
+        dataCurators: { control: "object" },
     },
     component: DataCurators,
     title: "Components/SectionContent/Content/Project",
 };
-const DataCuratorsTemplate = (args) => (React.createElement(DataCurators, { ...args }));
-export const DataCuratorsStory = DataCuratorsTemplate.bind({});
-DataCuratorsStory.args = {
-    dataCurators: ["Schwartz Rachel", "William Sullivan", "Parisa Nejad"],
+export default meta;
+export const DataCuratorsStory = {
+    args: {
+        dataCurators: ["Schwartz Rachel", "William Sullivan", "Parisa Nejad"],
+    },
 };

package/lib/components/Project/components/DataReleasePolicy/dataReleasePolicy.stories.d.ts

@@ -1,5 +1,8 @@
-import { ComponentMeta } from "@storybook/react";
-import { DataReleasePolicy } from "./dataReleasePolicy";
-declare const _default: ComponentMeta<typeof DataReleasePolicy>;
-export default _default;
-export declare const DataReleasePolicyStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, unknown>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: () => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DataReleasePolicyStory: Story;

package/lib/components/Project/components/DataReleasePolicy/dataReleasePolicy.stories.js

@@ -1,8 +1,7 @@
-import React from "react";
 import { DataReleasePolicy } from "./dataReleasePolicy";
-export default {
+const meta = {
     component: DataReleasePolicy,
     title: "Components/SectionContent/Content/Project",
 };
-const DataReleasePolicyTemplate = () => React.createElement(DataReleasePolicy, null);
-export const DataReleasePolicyStory = DataReleasePolicyTemplate.bind({});
+export default meta;
+export const DataReleasePolicyStory = {};

package/lib/components/Project/components/Description/description.stories.d.ts

@@ -1,5 +1,8 @@
-import { ComponentMeta } from "@storybook/react";
-import { Description } from "./description";
-declare const _default: ComponentMeta<typeof Description>;
-export default _default;
-export declare const DescriptionStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./description").DescriptionProps>;
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: ({ projectDescription, }: import("./description").DescriptionProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DescriptionStory: Story;

package/lib/components/Project/components/Description/description.stories.js

@@ -1,11 +1,11 @@
-import React from "react";
 import { Description } from "./description";
-export default {
+const meta = {
     component: Description,
     title: "Components/SectionContent/Content/Project",
 };
-const DescriptionTemplate = (args) => (React.createElement(Description, { ...args }));
-export const DescriptionStory = DescriptionTemplate.bind({});
-DescriptionStory.args = {
-    projectDescription: "Although the function of the mammalian pancreas hinges on complex interactions of distinct cell types, gene expression profiles have primarily been described with bulk mixtures. Here we implemented a droplet-based, single-cell RNA-seq method to determine the transcriptomes of over 12,000 individual pancreatic cells from four human donors and two mouse strains. Cells could be divided into 15 clusters that matched previously characterized cell types: all endocrine cell types, including rare epsilon-cells; exocrine cell types; vascular cells; Schwann cells; quiescent and activated stellate cells; and four types of immune cells. We detected subpopulations of ductal cells with distinct expression profiles and validated their existence with immuno-histochemistry stains. Moreover, among human beta- cells, we detected heterogeneity in the regulation of genes relating to functional maturation and levels of ER stress. Finally, we deconvolved bulk gene expression samples using the single-cell data to detect disease-associated differential expression. Our dataset provides a resource for the discovery of novel cell type-specific transcription factors, signaling receptors, and medically relevant genes.",
+export default meta;
+export const DescriptionStory = {
+    args: {
+        projectDescription: "Although the function of the mammalian pancreas hinges on complex interactions of distinct cell types, gene expression profiles have primarily been described with bulk mixtures. Here we implemented a droplet-based, single-cell RNA-seq method to determine the transcriptomes of over 12,000 individual pancreatic cells from four human donors and two mouse strains. Cells could be divided into 15 clusters that matched previously characterized cell types: all endocrine cell types, including rare epsilon-cells; exocrine cell types; vascular cells; Schwann cells; quiescent and activated stellate cells; and four types of immune cells. We detected subpopulations of ductal cells with distinct expression profiles and validated their existence with immuno-histochemistry stains. Moreover, among human beta- cells, we detected heterogeneity in the regulation of genes relating to functional maturation and levels of ER stress. Finally, we deconvolved bulk gene expression samples using the single-cell data to detect disease-associated differential expression. Our dataset provides a resource for the discovery of novel cell type-specific transcription factors, signaling receptors, and medically relevant genes.",
+    },
 };