@mycause/ui 0.0.0-cff699ab → 0.0.0-cffbb8e1

package/CHANGELOG.md

@@ -1,3 +1,45 @@
+## 0.17.9
+
+- Update UI component for new parter dashboard
+
+## 0.17.8
+
+###### Wed, 23 Aug 2023
+
+- Modal
+  - Add disable for accept button
+
+## 0.17.7
+
+###### Thur, 27 Jul 2023
+
+- TextFieldSearch
+  - Create
+
+## 0.17.6
+
+###### Thur, 27 Jul 2023
+
+- FooterV2
+  - Add click IDs
+- Nav
+  - Add click IDs
+
+## 0.17.3
+
+###### Thur, 27 Jul 2023
+
+- FooterV2
+
+  - Change style item link
+
+## 0.17.2
+
+###### Wed, 26 Jul 2023
+
+- FooterV2
+  - Added new footer component.
+
 ## 0.16.9
 
 ###### Thu, 15 Apr 2021

package/dist/components/campaign-of-month/campaign-of-month.d.ts

@@ -9,6 +9,7 @@ export interface CampaignOfMonthProps {
     goal?: number;
     btnText?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    idBtn?: string;
 }
-declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: CampaignOfMonthProps) => JSX.Element;
+declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: CampaignOfMonthProps) => JSX.Element;
 export default CampaignOfMonth;

package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
+    component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
 };
 export default _default;
 export declare const campaignofmonth: {

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

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

package/dist/components/choose-charity-card/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, }: import("./choose-charity-card").ChooseCharityCardProps) => JSX.Element;
+};
+export default _default;
+export declare const chooseCharityStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as ChooseCharityCard } from "./choose-charity-card";

package/dist/components/favorite-charity-item/favorite-charity-item.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface FavoriteCharityItemProps {
+    className?: string;
+    index?: number;
+    charityLogoLink?: string;
+    charityName?: string;
+    charityFavorites?: boolean;
+    handleClick?: () => void;
+    handleClickItem?: () => void;
+    showHeartToggle?: boolean;
+    charityTextLink?: string;
+    width?: string;
+}
+declare const FavoriteCharityItem: React.FC<FavoriteCharityItemProps>;
+export default FavoriteCharityItem;

package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: React.FunctionComponent<import("./favorite-charity-item").FavoriteCharityItemProps>;
+};
+export default _default;
+export declare const favoriteCharityItemStory1: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const favoriteCharityItemStory: () => JSX.Element;

package/dist/components/favorite-charity-item/index.d.ts

@@ -0,0 +1 @@
+export { default as FavoriteCharityItem } from "./favorite-charity-item";

package/dist/components/field-helpers/field-label.d.ts

@@ -3,6 +3,7 @@ interface FieldLabelProps extends React.HTMLProps<HTMLLabelElement> {
     large?: boolean;
     children?: React.ReactNode;
     required?: boolean;
+    asteriskColor?: string;
 }
-declare function FieldLabel({ large, className, children, required, ...rest }: FieldLabelProps): JSX.Element;
+declare function FieldLabel({ large, className, children, required, asteriskColor, ...rest }: FieldLabelProps): JSX.Element;
 export default FieldLabel;

package/dist/components/footerV2/footerV2.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+interface PrismicFooterV2Document {
+    key: string;
+    total_member: string;
+    total_cause: string;
+    total_raised: string;
+    body: Array<{
+        primary: {
+            text: Array<{
+                type: string;
+                text: string;
+                spans: Array<any>;
+            }>;
+        };
+        items: Array<{
+            call_to_action_text: string | null;
+            call_to_action_link: {
+                link_type: string;
+                url?: string;
+            };
+        }>;
+        id: string;
+        slice_type: string;
+        slice_label: string | null;
+    }>;
+}
+declare function FooterV2({ className, dataFooter: document, bottomSectionOnly, OrangeCardUrl, OrangeCardFirstTitle, OrangeCardSecondTitle, }: {
+    className?: string;
+    dataFooter: PrismicFooterV2Document;
+    bottomSectionOnly?: boolean;
+    OrangeCardUrl?: string;
+    OrangeCardFirstTitle?: string;
+    OrangeCardSecondTitle?: string;
+}): JSX.Element;
+export default FooterV2;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+import FooterV2 from "./footerV2";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: typeof FooterV2;
+};
+export default _default;
+export declare const FooterV2Story: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

package/dist/components/green-dashboard-sidebar/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <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;
+};
+export default Icons;

package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface GreenDashboardSidebarProps {
+    listMenu: Array<ItemMenu>;
+    noDashboard?: boolean;
+    noAccount?: boolean;
+    noContract?: boolean;
+}
+declare type ItemMenu = {
+    id: string;
+    icon: any;
+    label: string;
+    href?: string;
+};
+declare const GreenDashboardSidebar: ({ listMenu, noDashboard, noAccount, noContract, }: GreenDashboardSidebarProps) => JSX.Element;
+export default GreenDashboardSidebar;

package/dist/components/green-dashboard-sidebar/green-dashboard-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 popup: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/green-dashboard-sidebar/index.d.ts

@@ -0,0 +1 @@
+export { default as GreenDashboardSidebar } from "./green-dashboard-sidebar";

package/dist/components/index.d.ts

@@ -40,3 +40,25 @@ 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";
+export * from "./input";
+export * from "./my-account-frp-closed";

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

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

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

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

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

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

@@ -15,6 +15,9 @@ export interface ModalProps {
     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, minimal, }: ModalProps) => JSX.Element;
+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

@@ -29,3 +29,15 @@ export declare const ModalStoriesMinimal: {
         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-archive/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-archive/frp-archive-img.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface FrpArchiveImgProps {
+    img?: string;
+    link?: string;
+    title?: string;
+}
+declare const FrpArchiveImg: ({ img, link, title }: FrpArchiveImgProps) => JSX.Element;
+export default FrpArchiveImg;

package/dist/components/my-account-frp-archive/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-archive/index.d.ts

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface MyAccountFrpArchiveProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    amountOfweek: number;
+    donations: number;
+    daysToGo: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const MyAccountFrpArchive: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpArchiveProps) => JSX.Element;
+export default MyAccountFrpArchive;

package/dist/components/my-account-frp-archive/my-account-frp-archive.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 MyAccountFrpArchiveStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/my-account-frp-closed/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-closed/frp-closed-img.d.ts

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface FrpInfomationProps {
+    donations: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => 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,13 @@
+/// <reference types="react" />
+export interface MyAccountFrpClosedProps {
+    img?: string;
+    link?: string;
+    title?: string;
+    donations: number;
+    amountRaised: number;
+    amountGoal: number;
+    sqSize: number;
+    strokeWidth: number;
+}
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, }: MyAccountFrpClosedProps) => JSX.Element;
+export default MyAccountFrpClosed;

package/dist/components/my-account-frp-closed/my-account-frp-closed.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 MyAccountFrpCloseStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const MyAccountFrpArchiveStoryV2: {
+    (): 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,13 @@
+/// <reference types="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) => 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,16 @@
+/// <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;
+    manageLink?: string;
+}
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, }: 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;
+    };
+};