@mycause/ui 0.18.13 → 1.0.0

package/dist/components/layout/grid.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/grid-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const GridStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/layout/stack.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 import { FlexProps } from "./flex";
 interface StackProps extends FlexProps {
     horizontal?: boolean;
     vertical?: boolean;
     gap: string;
 }
-declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): JSX.Element;
+declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): React.JSX.Element;
 declare namespace Stack {
     var defaultProps: {
         gap: string;

package/dist/components/layout/stack.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const stack: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const reverse: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const vertical: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/list/list.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconProps } from "../icon/icon";
 import { ColorSpecifier } from "../../theme/theme";
-export declare type ItemType = {
+export type ItemType = {
     id?: string;
     metanospace?: boolean;
     icon?: IconProps & {
@@ -22,7 +22,7 @@ export declare type ItemType = {
     itemcontent?: React.ReactElement | string;
     contentvisible?: boolean;
 };
-export declare type ListProps = {
+export type ListProps = {
     divider?: boolean;
     iconWidth?: string;
     itemHeight?: string;
@@ -37,6 +37,8 @@ export declare type ListProps = {
     setItems?: (e: Array<ItemType>) => void;
     items: Array<ItemType>;
     tooltipArrow?: number;
+    onPointerEnterCapture?: React.PointerEventHandler;
+    onPointerLeaveCapture?: React.PointerEventHandler;
 };
-declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => JSX.Element;
+declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, onPointerEnterCapture, onPointerLeaveCapture, }: ListProps) => React.JSX.Element;
 export default List;

package/dist/components/list/list.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,37 +6,37 @@ declare const _default: {
 };
 export default _default;
 export declare const ListDefaultStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListDisabledtStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListNoDividerStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListWithIconTooltipStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListCustomStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListWithToggleStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/login/login.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export declare const ENV_PRO = "pro";
 export declare const ENV_TEST = "test";
 export declare const ENV_DEV = "dev";
@@ -11,5 +11,5 @@ export interface LoginProps {
     env?: string;
     loggedInCallBack?: () => void;
 }
-declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => JSX.Element;
+declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => React.JSX.Element;
 export default Login;

package/dist/components/login/login.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,13 +6,13 @@ declare const _default: {
 };
 export default _default;
 export declare const LoginStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const LoginStoriesEvent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/logo/logo-type.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export declare type LogoTypeProps = {
+import React from "react";
+export type LogoTypeProps = {
     size?: "large";
     isDark?: boolean;
 };
 /**
  * A dummy mycause logo
  */
-declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
+declare function LogoType({ size, isDark }: LogoTypeProps): React.JSX.Element;
 export default LogoType;

package/dist/components/menu/menu-list-item.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { MenuListItemProps as MaterialMenuListItemProps } from "@material/react-menu";
 interface MenuListItemProps extends Omit<MaterialMenuListItemProps, "tag"> {
     href?: string;
 }
-declare function MenuListItem(props: MenuListItemProps): JSX.Element;
+declare function MenuListItem(props: MenuListItemProps): React.JSX.Element;
 export default MenuListItem;

package/dist/components/menu/menu-list.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { MenuListProps as MDCMenuListProps } from "@material/react-menu";
-declare function MenuList({ className, children, ...rest }: MDCMenuListProps): JSX.Element;
+declare function MenuList({ className, children, ...rest }: MDCMenuListProps): React.JSX.Element;
 export default MenuList;

package/dist/components/menu/menu.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const menuSurface: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/modal/modal-image.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface ModalImasgeProps {
     isOpen: boolean;
     modalImageSrc: string;
     toggleModal: (arg: boolean) => void;
 }
-declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => React.JSX.Element;
 export default ModalImage;

package/dist/components/modal/modal.d.ts

@@ -19,5 +19,5 @@ export interface ModalProps {
     isConfirmationMessage?: boolean;
     onCancel?: () => void;
 }
-declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, isConfirmationMessage, onCancel, }: ModalProps) => JSX.Element;
+declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, isConfirmationMessage, onCancel, }: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/components/modal/modal.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,37 +6,37 @@ declare const _default: {
 };
 export default _default;
 export declare const ModalStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesWithActoin: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesNoButtons: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesMinimal: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalConfirmation: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesImage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-choose-charity-card/index.d.ts

@@ -1 +1 @@
-export { default as MyAccountChooseCharityCard, } from "./my-account-choose-charity-card";
+export { default as MyAccountChooseCharityCard } from "./my-account-choose-charity-card";

package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountChooseCharityCardProps {
     className?: string;
     title?: string;
@@ -7,5 +7,5 @@ export interface MyAccountChooseCharityCardProps {
     onClick?: () => void;
     width: string;
 }
-declare const MyAccountChooseCharityCard: ({ className, title, buttonText, onClick, width, }: MyAccountChooseCharityCardProps) => JSX.Element;
+declare const MyAccountChooseCharityCard: ({ className, title, buttonText, onClick, width, }: MyAccountChooseCharityCardProps) => React.JSX.Element;
 export default MyAccountChooseCharityCard;

package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick, width, }: import("./my-account-choose-charity-card").MyAccountChooseCharityCardProps) => JSX.Element;
+    component: ({ className, title, buttonText, onClick, width, }: import("./my-account-choose-charity-card").MyAccountChooseCharityCardProps) => React.JSX.Element;
 };
 export default _default;
 export declare const chooseCharityStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-frp-closed/Icon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 declare const Icons: {
-    arrowNext: () => JSX.Element;
+    arrowNext: () => React.JSX.Element;
 };
 export default Icons;

package/dist/components/my-account-frp-closed/frp-closed-img.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface FrpClosedImgProps {
     img?: string;
     link?: string;
     title?: string;
     frpColor?: string;
 }
-declare const FrpClosedImg: ({ img, link, title, frpColor }: FrpClosedImgProps) => JSX.Element;
+declare const FrpClosedImg: ({ img, link, title, frpColor }: FrpClosedImgProps) => React.JSX.Element;
 export default FrpClosedImg;

package/dist/components/my-account-frp-closed/frp-information.d.ts

@@ -9,5 +9,5 @@ interface FrpInfomationProps {
     customRow?: React.ReactNode;
     manageLink?: string;
 }
-declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, manageLink, }: FrpInfomationProps) => JSX.Element;
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, manageLink, }: FrpInfomationProps) => React.JSX.Element;
 export default FrpInfomation;

package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts

@@ -13,5 +13,5 @@ export interface MyAccountFrpClosedProps {
     customRow?: React.ReactNode;
     manageLink?: string;
 }
-declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, }: MyAccountFrpClosedProps) => JSX.Element;
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, }: MyAccountFrpClosedProps) => React.JSX.Element;
 export default MyAccountFrpClosed;

package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const MyAccountFrpCloseStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MyAccountFrpArchiveStoryV3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MyAccountFrpArchiveStoryV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-frp-preview/Icon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 declare const Icons: {
-    arrowNext: () => JSX.Element;
+    arrowNext: () => React.JSX.Element;
 };
 export default Icons;

package/dist/components/my-account-frp-preview/frp-information.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 interface FrpInfomationProps {
     amountOfweek: number;
     donations: number;
@@ -9,5 +9,5 @@ interface FrpInfomationProps {
     strokeWidth: number;
     manageLink?: string;
 }
-declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, manageLink, }: FrpInfomationProps) => JSX.Element;
+declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, manageLink, }: FrpInfomationProps) => React.JSX.Element;
 export default FrpInfomation;

package/dist/components/my-account-frp-preview/frp-preview-img.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface FrpPreviewImgProps {
     img?: string;
     link?: string;
     title?: string;
     frpColor?: string;
 }
-declare const FrpPreviewImg: ({ img, link, title, frpColor }: FrpPreviewImgProps) => JSX.Element;
+declare const FrpPreviewImg: ({ img, link, title, frpColor }: FrpPreviewImgProps) => React.JSX.Element;
 export default FrpPreviewImg;

package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountFrpPreviewProps {
     img?: string;
     link?: string;
@@ -13,5 +13,5 @@ export interface MyAccountFrpPreviewProps {
     manageLink?: string;
     frpColor?: string;
 }
-declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, frpColor, }: MyAccountFrpPreviewProps) => JSX.Element;
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, frpColor, }: MyAccountFrpPreviewProps) => React.JSX.Element;
 export default MyAccountFrpPreview;

package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const MyAccountFrpPreviewStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MyAccountFrpPreviewStoryV3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const MyAccountFrpPreviewStoryV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-sidebar/Icon.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import React from "react";
 declare const Icons: {
-    dashboard: (props?: {}) => JSX.Element;
-    collapse: (props?: {}) => JSX.Element;
-    expand: () => JSX.Element;
-    donations: () => JSX.Element;
-    account: () => JSX.Element;
-    support: () => JSX.Element;
-    additional: () => JSX.Element;
-    minus: () => JSX.Element;
-    dot: () => JSX.Element;
-    menu: () => JSX.Element;
-    close: () => JSX.Element;
+    dashboard: (props?: {}) => React.JSX.Element;
+    collapse: (props?: {}) => React.JSX.Element;
+    expand: () => React.JSX.Element;
+    donations: () => React.JSX.Element;
+    account: () => React.JSX.Element;
+    support: () => React.JSX.Element;
+    additional: () => React.JSX.Element;
+    minus: () => React.JSX.Element;
+    dot: () => React.JSX.Element;
+    menu: () => React.JSX.Element;
+    close: () => React.JSX.Element;
 };
 export default Icons;

package/dist/components/my-account-sidebar/my-account-sidebar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountSidebarProps {
     listMenu: Array<ItemMenu>;
     dashboard: ItemMenu;
@@ -8,12 +8,12 @@ export interface MyAccountSidebarProps {
     activeMenu: ItemMenu;
     pathnameActive?: string;
 }
-declare type ItemMenu = {
+type ItemMenu = {
     id: string;
     icon?: any;
     label: string;
     href?: string;
     items?: Array<ItemMenu>;
 };
-declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => JSX.Element;
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => React.JSX.Element;
 export default MyAccountSidebar;

package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const MyAccountSidebarStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-start-fundraise-card/index.d.ts

@@ -1 +1 @@
-export { default as MyAccountStartFundraiseCard, } from "./my-account-start-fundraise-card";
+export { default as MyAccountStartFundraiseCard } from "./my-account-start-fundraise-card";

package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountStartFundraiseCardProps {
     className?: string;
     title?: string;
@@ -9,5 +9,5 @@ export interface MyAccountStartFundraiseCardProps {
     onClickButton2?: () => void;
     width: string;
 }
-declare const MyAccountStartFundraiseCard: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
+declare const MyAccountStartFundraiseCard: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: MyAccountStartFundraiseCardProps) => React.JSX.Element;
 export default MyAccountStartFundraiseCard;

package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
+    component: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => React.JSX.Element;
 };
 export default _default;
 export declare const startFundraiseStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const startFundraiseStoryV2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountStatsDonatedProps {
     amount: number;
     donations: number;
     viewDonationLink?: string;
 }
-declare const MyAccountStatsDonated: ({ amount, donations, viewDonationLink, }: MyAccountStatsDonatedProps) => JSX.Element;
+declare const MyAccountStatsDonated: ({ amount, donations, viewDonationLink, }: MyAccountStatsDonatedProps) => React.JSX.Element;
 export default MyAccountStatsDonated;

package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const MyAccountStatsDonatedStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export interface MyAccountStatsRaisedProps {
     amount: number;
     campaigns: number;
 }
-declare const MyAccountStatsRaised: ({ amount, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
+declare const MyAccountStatsRaised: ({ amount, campaigns, }: MyAccountStatsRaisedProps) => React.JSX.Element;
 export default MyAccountStatsRaised;

package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
     decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const MyAccountStatsRaisedStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };