@mycause/ui 0.0.0-c002ffe4 → 0.0.0-c00a1c3d

package/dist/components/index.d.ts

@@ -1,19 +1,62 @@
 export * from "./anchor";
 export * from "./avatar";
 export * from "./button";
+export * from "./button-select";
 export * from "./chips";
 export * from "./checkbox";
+export * from "./comment-section";
+export * from "./cropper";
 export * from "./combo-field";
+export * from "./date-picker";
+export * from "./donation-form";
 export * from "./elevation";
+export * from "./field-helpers";
 export * from "./icon";
 export * from "./layout";
 export * from "./list";
+export * from "./login";
 export * from "./menu";
+export * from "./modal";
 export * from "./navigation";
+export * from "./phone-number-input";
 export * from "./radio";
 export * from "./select";
+export * from "./spinner";
 export * from "./statistics";
 export * from "./switch";
 export * from "./tabs";
 export * from "./text-field";
 export * from "./text";
+export * from "./uploader";
+export * from "./campaign-card";
+export * from "./campaign-of-month";
+export * from "./charity-card";
+export * from "./donate-card";
+export * from "./featured-campaign-card";
+export * from "./fundraising-section";
+export * from "./hero-banner";
+export * from "./horizontalbar";
+export * from "./progressbar";
+export * from "./start-campaign-card";
+export * from "./nav";
+export * from "./popup";
+export * from "./partner-monthly-donations";
+export * from "./partner-monthly-stats";
+export * from "./table";
+export * from "./partner-chart-stats";
+export * from "./this-month-card";
+export * from "./partner-toggle-button";
+export * from "./footerV2";
+export * from "./partner-monthly-donations";
+export * from "./partner-monthly-stats";
+export * from "./table";
+export * from "./partner-chart-stats";
+export * from "./this-month-card";
+export * from "./partner-toggle-button";
+export * from "./my-account-start-fundraise-card";
+export * from "./my-account-choose-charity-card";
+export * from "./favorite-charity-item";
+export * from "./my-account-sidebar";
+export * from "./my-account-frp-preview";
+export * from "./my-account-stats-donated";
+export * from "./my-account-stats-raised";

package/dist/components/info-represent-campaign/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoRepresentCampaign } from "./info-represent-campaign";

package/dist/components/info-represent-campaign/info-represent-campaign.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface InfoRepresentCampaignProps {
+    id?: string;
+    campaignCreator: string;
+    rasingFundsFor: string;
+    fundsBankedTo: string;
+    avatar: string;
+    clickOnFollow: () => void;
+}
+declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => JSX.Element;
+export default InfoRepresentCampaign;

package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts

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

package/dist/components/input/InputDefault.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface InputDefaltProps {
+    lable?: string;
+    required?: boolean;
+    placeholder?: string;
+}
+declare const Input: ({ lable, required, placeholder }: InputDefaltProps) => JSX.Element;
+export default Input;

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

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

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

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

package/dist/components/line-chart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PartnerLineChart } from "./partner-line-chart";
+export { default as PartnerLineChartBlock } from "./partner-line-chart-block";

package/dist/components/line-chart/partner-line-chart-block.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface PartnerLineChartBlockProps {
+    chartData: {
+        current_year: Array<number>;
+        months_label: Array<string>;
+        requested_year: Array<number>;
+    };
+}
+declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
+export default PartnerLineChartBlock;

package/dist/components/line-chart/partner-line-chart-block.stories.d.ts

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

package/dist/components/line-chart/partner-line-chart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PartnerLineChart: (props: any) => JSX.Element;
+export default PartnerLineChart;

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

@@ -1,5 +1,27 @@
 import React from "react";
 import { IconProps } from "../icon/icon";
+import { ColorSpecifier } from "../../theme/theme";
+export declare 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 declare type ListProps = {
     divider?: boolean;
     iconWidth?: string;
@@ -8,19 +30,13 @@ export declare type ListProps = {
     centerText?: boolean;
     overflowHidden?: boolean;
     iconsNotRounded?: boolean;
-    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;
-    }>;
+    style?: object;
+    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, }: ListProps) => JSX.Element;
+declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => JSX.Element;
 export default List;

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

@@ -17,13 +17,13 @@ export declare const ListDisabledtStory: {
         name: string;
     };
 };
-export declare const ListNoIconStory: {
+export declare const ListNoDividerStory: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ListNoDividerStory: {
+export declare const ListWithIconTooltipStory: {
     (): JSX.Element;
     story: {
         name: string;
@@ -35,3 +35,9 @@ export declare const ListCustomStory: {
         name: string;
     };
 };
+export declare const ListWithToggleStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,8 +1,15 @@
-import React from "react";
-declare type LoginState = "select" | "email" | "email-register";
-interface LoginProps {
-    logo?: React.ReactNode | null;
-    state: LoginState;
+/// <reference types="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 LoginProps {
+    id?: string;
+    className?: string;
+    params?: any;
+    env?: string;
+    loggedInCallBack?: () => void;
 }
-declare function Login({ logo, state }: LoginProps): JSX.Element;
+declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => JSX.Element;
 export default Login;

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

@@ -5,16 +5,15 @@ declare const _default: {
     decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const login: {
+export declare const LoginStoriesDefault: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const email: {
+export declare const LoginStoriesEvent: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const emailRegister: () => JSX.Element;

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

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

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

@@ -0,0 +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 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+export interface ModalProps {
+    id: string;
+    isOpen: boolean;
+    toggleModal: (arg: boolean) => void;
+    modalContent: React.ReactNode;
+    modalTitle?: React.ReactNode;
+    onAccept?: () => void;
+    setWidth?: 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, disableAcceptButton, minimal, isConfirmationMessage, onCancel, }: ModalProps) => JSX.Element;
+export default Modal;

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

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

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

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

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 @@
+/// <reference types="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) => 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 @@
+/// <reference types="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;
+};
+export default _default;
+export declare const chooseCharityStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface FrpInfomationProps {
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+export default FrpInfomation;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface FrpPreviewImgProps {
+    img?: string;
+    link?: string;
+    title?: string;
+}
+declare const FrpPreviewImg: ({ img, link, title }: FrpPreviewImgProps) => 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,15 @@
+/// <reference types="react" />
+export interface MyAccountFrpPreviewProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpPreviewProps) => JSX.Element;
+export default MyAccountFrpPreview;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="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;
+    menu: () => JSX.Element;
+    close: () => 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,16 @@
+/// <reference types="react" />
+export interface MyAccountSidebarProps {
+    listMenu: Array<ItemMenu>;
+    dashboard: ItemMenu;
+    account?: ItemMenu;
+    contract?: ItemMenu;
+    handleSetOverlay: (value: boolean) => void;
+}
+declare type ItemMenu = {
+    id: string;
+    icon: any;
+    label: string;
+    href?: string;
+};
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, }: MyAccountSidebarProps) => JSX.Element;
+export default MyAccountSidebar;

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface MyAccountStartFundraiseCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+    width: string;
+}
+declare const MyAccountStartFundraiseCard: ({ className, title, buttonText, onClick, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
+export default MyAccountStartFundraiseCard;

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

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

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

@@ -0,0 +1 @@
+export { default as MyAccountStatsDonated } from "./my-account-stats-donated";

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

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

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

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

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

@@ -0,0 +1 @@
+export { default as MyAccountStatsRaised } from "./my-account-stats-raised";

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MyAccountStatsRaisedProps {
+    number: number;
+    donations: number;
+    campaigns: number;
+}
+declare const MyAccountStatsRaised: ({ number, donations, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
+export default MyAccountStatsRaised;

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

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

package/dist/components/nav/icons/IconBigger.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

package/dist/components/nav/icons/IconSmaller.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

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

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