@mycause/ui 0.0.0-cb5efc7a → 0.0.0-cba5b1d7

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

@@ -1,14 +1,42 @@
-/// <reference types="react" />
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const FlexStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-        decorators: ((...args: any) => any)[];
+    argTypes: {
+        number: {
+            control: string;
+            defaultValue: number;
+        };
+        reverse: {
+            control: string;
+            defaultValue: boolean;
+        };
+        wrap: {
+            control: string;
+            defaultValue: boolean;
+        };
+        align: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        direction: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        justify: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const FlexStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { BoxProps } from "./box";
 interface GridProps extends Omit<BoxProps, "rows" | "ref"> {
     columns?: string;
     rows?: string;
     gap?: string;
 }
-declare function Grid({ columns, rows, gap, className, children, ...rest }: GridProps): JSX.Element;
+declare function Grid({ columns, rows, gap, className, children, ...rest }: GridProps): React.JSX.Element;
 export default Grid;

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,16 +1,9 @@
-/// <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 namespace Stack {
-    var defaultProps: {
-        gap: string;
-        direction: string;
-        reverse: boolean;
-    };
+    gap?: string;
 }
+declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): React.JSX.Element;
 export default Stack;

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,6 +1,28 @@
 import React from "react";
 import { IconProps } from "../icon/icon";
-export declare type ListProps = {
+import { ColorSpecifier } from "../../theme/theme";
+export type ItemType = {
+    id?: string;
+    metanospace?: boolean;
+    icon?: IconProps & {
+        tooltip?: string;
+        tooltipheight?: number;
+        arrow?: string;
+    };
+    primarytext?: string;
+    primarytextcolor?: ColorSpecifier;
+    secondarytext?: string;
+    secondarytextcolor?: ColorSpecifier;
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    subtext?: string;
+    meta?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    subtextalign?: string;
+    itemcontent?: React.ReactElement | string;
+    contentvisible?: boolean;
+};
+export type ListProps = {
     divider?: boolean;
     iconWidth?: string;
     itemHeight?: string;
@@ -9,19 +31,12 @@ export declare type ListProps = {
     overflowHidden?: boolean;
     iconsNotRounded?: boolean;
     style?: object;
-    items: Array<{
-        id?: string;
-        metaNoSpace?: boolean;
-        icon?: IconProps;
-        primaryText?: string;
-        secondaryText?: string;
-        onClick?: () => void;
-        href?: string;
-        disabled?: boolean;
-        subtext?: string;
-        meta?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
-        subTextAlign?: string;
-    }>;
+    textGap?: string;
+    breakspaces?: boolean;
+    showToggleMeta?: boolean;
+    setItems?: (e: Array<ItemType>) => void;
+    items: Array<ItemType>;
+    tooltipArrow?: number;
 };
-declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, iconsNotRounded, style, }: ListProps) => JSX.Element;
+declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: 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,31 +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 ListNoIconStory: {
-    (): JSX.Element;
+export declare const ListNoDividerStory: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ListNoDividerStory: {
-    (): JSX.Element;
+export declare const ListWithIconTooltipStory: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListCustomStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ListWithToggleStory: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -0,0 +1 @@
+export { default as Login } from "./login";

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

@@ -0,0 +1,18 @@
+import React from "react";
+export declare const ENV_PRO = "pro";
+export declare const ENV_TEST = "test";
+export declare const ENV_DEV = "dev";
+export declare const getAccountLink: (env: string) => "https://account-dev.mycause.com.au" | "https://account-test.mycause.com.au" | "https://account.mycause.com.au";
+export declare const getMycauseLink: (env: string) => "https://dev.mycause.com.au" | "https://aws-test.mycause.com.au" | "https://www.mycause.com.au";
+export interface Param {
+    [key: string]: string | number | boolean;
+}
+export interface LoginProps {
+    id?: string;
+    className?: string;
+    params?: Param;
+    env?: string;
+    loggedInCallBack?: () => void;
+}
+declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => React.JSX.Element;
+export default Login;

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

@@ -0,0 +1,19 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const LoginStoriesDefault: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const LoginStoriesEvent: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,9 +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 }: 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/index.d.ts

@@ -1 +1,2 @@
 export { default as Modal } from "./modal";
+export { default as ModalImage } from "./modal-image";

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

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

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

@@ -5,15 +5,19 @@ export interface ModalProps {
     isOpen: boolean;
     toggleModal: (arg: boolean) => void;
     modalContent: React.ReactNode;
-    modalTitle: React.ReactNode;
+    modalTitle?: React.ReactNode;
     onAccept?: () => void;
     setWidth?: string;
-    buttonAlign?: string;
+    buttonAlign?: "center" | "left" | "right";
     buttonColor?: ColorSpecifier;
     noCancelButton?: boolean;
     noCloseButton?: boolean;
+    minimal?: boolean;
     acceptText?: string;
     cancelText?: string;
+    disableAcceptButton?: boolean;
+    isConfirmationMessage?: boolean;
+    onCancel?: () => void;
 }
-declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, }: 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,19 +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: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ModalStoriesImage: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const ModalConfirmation: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface MyAccountChooseCharityCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+    width: string;
+}
+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

@@ -0,0 +1,14 @@
+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) => React.JSX.Element;
+};
+export default _default;
+export declare const chooseCharityStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from "react";
+interface FrpInfomationProps {
+    donations: number;
+    amountRaised: number;
+    amountGoal: number | null;
+    sqSize: number;
+    strokeWidth: number;
+    closedDate?: string | undefined;
+    customRow?: React.ReactNode;
+    manageLink?: string;
+    thankLink?: string;
+    handleCertificateMemento?: () => void;
+    handleDeleteFrp?: () => void;
+}
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, thankLink, handleCertificateMemento, handleDeleteFrp, }: FrpInfomationProps) => React.JSX.Element;
+export default FrpInfomation;

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

@@ -0,0 +1 @@
+export { default as MyAccountFrpClosed } from "./my-account-frp-closed";

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

@@ -0,0 +1,20 @@
+import React from "react";
+export interface MyAccountFrpClosedProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    donations: number;
+    amountRaised: number;
+    amountGoal: number | null;
+    sqSize: number;
+    strokeWidth: number;
+    frpColor?: string;
+    closedDate?: string;
+    customRow?: React.ReactNode;
+    manageLink?: string;
+    thankLink?: string;
+    handleCertificateMemento?: () => void;
+    handleDeleteFrp?: () => void;
+}
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, thankLink, handleCertificateMemento, handleDeleteFrp, }: MyAccountFrpClosedProps) => React.JSX.Element;
+export default MyAccountFrpClosed;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const MyAccountFrpCloseStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV3: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Icons: {
+    ArrowNext: () => React.JSX.Element;
+};
+export default Icons;

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

@@ -0,0 +1,13 @@
+import React from "react";
+interface FrpInfomationProps {
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+    manageLink?: string;
+}
+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

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

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

@@ -0,0 +1 @@
+export { default as MyAccountFrpPreview } from "./my-account-frp-preview";

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

@@ -0,0 +1,17 @@
+import React from "react";
+export interface MyAccountFrpPreviewProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+    manageLink?: string;
+    frpColor?: string;
+}
+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

@@ -0,0 +1,25 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const MyAccountFrpPreviewStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpPreviewStoryV3: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpPreviewStoryV2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,15 @@
+import React from "react";
+declare const Icons: {
+    Dashboard: () => React.JSX.Element;
+    Collapse: () => 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/index.d.ts

@@ -0,0 +1 @@
+export { default as MyAccountSidebar } from "./my-account-sidebar";

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

@@ -0,0 +1,19 @@
+import React from "react";
+export interface MyAccountSidebarProps {
+    listMenu: Array<ItemMenu>;
+    dashboard: ItemMenu;
+    account: ItemMenu;
+    contract?: ItemMenu;
+    handleSetOverlay: (value: boolean) => void;
+    activeMenu: ItemMenu;
+    pathnameActive?: string;
+}
+type ItemMenu = {
+    id: string;
+    icon?: JSX.Element;
+    label: string;
+    href?: string;
+    items?: Array<ItemMenu>;
+};
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => React.JSX.Element;
+export default MyAccountSidebar;