@mycause/ui 0.0.0-c548b987 → 0.0.0-c56f1736

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## 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

@@ -2,13 +2,14 @@ import React from "react";
 export interface CampaignOfMonthProps {
     className?: string;
     title?: string;
-    description?: string;
+    text?: string;
     imageUrl?: string;
     rised?: number;
     donation?: number;
     goal?: number;
     btnText?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    idBtn?: string;
 }
-declare const CampaignOfMonth: ({ className, title, description, 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, description, 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/comment-section/comment-section-v2/comment-section-v2.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SubCommentsV2Props } from "./sub-comments-v2";
+export declare type CommentTypeV2 = {
+    amount?: number | string;
+    claps?: 0 | 1;
+    comment?: string | null;
+    donationDate?: string | number;
+    firstName?: string;
+    id?: number;
+    isAnonymous?: boolean;
+    kisses?: 0 | 1;
+    lastName?: string;
+    likes?: 0 | 1;
+    message?: string;
+    prays?: 1 | 0;
+    profileImage?: string | null;
+    tears?: 0 | 1;
+    thumbs?: 0 | 1;
+    userId?: number | string | null;
+    campaignCreator?: string;
+    subComment?: Array<SubCommentsV2Props>;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentTypeV2 & {
+        subComment?: Array<CommentTypeV2>;
+    }>;
+    showMore?: () => void;
+}
+declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => JSX.Element;
+export default CommentSectionV2;

package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type SubCommentsV2Props = {
+    profileImage: string;
+    firstName?: string;
+    lastName?: string;
+    comment: string;
+};
+declare const SubCommentsV2: ({ comments, }: {
+    comments: SubCommentsV2Props[];
+}) => JSX.Element;
+export default SubCommentsV2;

package/dist/components/comment-section/comment-section.d.ts

@@ -6,6 +6,7 @@ export declare type CommentType = {
     liked: boolean;
     userId: string | number;
     donation?: number | string;
+    date?: string;
 };
 export declare const checkLastElement: (key: number, itemLength: number) => boolean;
 interface ComboFieldProps {

package/dist/components/comment-section/comment-section.stories.d.ts

@@ -11,3 +11,9 @@ export declare const CommentSectionStory: {
         name: string;
     };
 };
+export declare const CommentSectionStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/comment-section/index.d.ts

@@ -1 +1,2 @@
 export { default as CommentSection } from "./comment-section";
+export { default as CommentSectionV2, } from "./comment-section-v2/comment-section-v2";

package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DonationOptionsProps } from "../donation-form";
+export interface DonationCampaignFormProps {
+    id?: string;
+    donationOption: Array<DonationOptionsProps>;
+    rised: number;
+    donation: number;
+    target: number;
+    clickOnShare: () => void;
+    clickOnDonation: () => void;
+}
+declare const DonationFormV2: ({ donationOption, rised, donation, target, clickOnShare, clickOnDonation, }: DonationCampaignFormProps) => JSX.Element;
+export default DonationFormV2;

package/dist/components/donation-form/donation-form.stories.d.ts

@@ -10,3 +10,9 @@ export declare const DonationFormStories: {
         name: string;
     };
 };
+export declare const DonationCampaignFormStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/donation-form/index.d.ts

@@ -1 +1,2 @@
 export { default as DonationForm } from "./donation-form";
+export { default as DonationFormV2 } from "./donation-form-v2/donation-form-v2";

package/dist/components/featured-campaign-card/featured-campaign-card.d.ts

@@ -5,10 +5,13 @@ export interface FeaturedCampaignCardProps {
     title?: string;
     description?: string;
     completed?: number;
-    width?: number;
+    maxWidth?: number;
     donation?: number;
     raised?: number;
     goal?: number;
+    onClick: () => void;
+    fundraisingText: string;
+    handleImageError?: () => void;
 }
-declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, }: FeaturedCampaignCardProps) => JSX.Element;
+declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
 export default FeaturedCampaignCard;

package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, imageURL, title, donation, raised, goal, completed, width, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
+    component: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
 };
 export default _default;
 export declare const featuredcampaigncard: {

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/{icon/toggle-button.stories.d.ts → footerV2/footerV2.stories.d.ts}

@@ -1,11 +1,13 @@
 /// <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 toggleButton: {
+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/index.d.ts

@@ -39,3 +39,11 @@ export * from "./horizontalbar";
 export * from "./progressbar";
 export * from "./start-campaign-card";
 export * from "./nav";
+export * from "./popup";
+export * from "./footerV2";
+export * from "./line-chart";
+export * from "./partner-monthly-donations";
+export * from "./partner-monthly-stats";
+export * from "./table";
+export * from "./partner-chart-stats";
+export * from "./this-month-card";

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/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/parnert-line-chart.d.ts

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

package/dist/components/line-chart/parnert-line-chart.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-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/line-chart/partner-line-chart.stories-block.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: {
+    ({ chartData }: any): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/line-chart/partner-line-chart.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 copy/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 copy/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 copy/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 copy/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/line-chartjs/index.d.ts

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

package/dist/components/line-chartjs/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-chartjs/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-chartjs/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/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/modal.d.ts

@@ -15,6 +15,7 @@ export interface ModalProps {
     minimal?: boolean;
     acceptText?: string;
     cancelText?: string;
+    disableAcceptButton?: boolean;
 }
-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, }: ModalProps) => JSX.Element;
 export default Modal;

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/nav-menu-control.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
     isMenuOpen: boolean;
     onChangeMenuOpen: (isOpen: boolean) => void;
+    isDark?: boolean;
 }
-declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
 export default NavigationMenuControl;

package/dist/components/nav/nav-search-control.d.ts

@@ -2,6 +2,7 @@
 interface NavigationSearchControlProps {
     onChangeSearchOpen: (isOpen: boolean) => void;
     analyticsId?: string;
+    isDark?: boolean;
 }
-declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
 export default NavigationSearchControl;

package/dist/components/nav/nav-search.d.ts

@@ -4,6 +4,7 @@ interface NavigationSearchProps {
     onChange: (value: string) => void;
     onSubmit: () => void;
     onCancel: () => void;
+    isDark?: boolean;
 }
-declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
+declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
 export default NavigationSearch;

package/dist/components/nav/nav-sign-in-control.d.ts

@@ -6,6 +6,7 @@ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivEleme
     handleonRequestSignIn: () => void;
     color?: ColorSpecifier;
     noIcon?: boolean;
+    isDark?: boolean;
 }
-declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): JSX.Element;
 export default NavigationSignInControl;

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

@@ -50,6 +50,7 @@ export declare type NavigationProps = {
     isCompactHeight?: boolean;
     setSearchToLeft?: boolean;
     menuReverse?: boolean;
+    isDark?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
 export default Navigation;

package/dist/components/parnert-monthly-stats/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnertMonthlyStart } from "./parnert-monthly-stats";

package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PartnertMonthlyStatsProps {
+    numeric: number;
+    title: string;
+}
+declare const PartnertMonthlyStats: ({ numeric, title, }: PartnertMonthlyStatsProps) => JSX.Element;
+export default PartnertMonthlyStats;

package/dist/components/parnert-monthly-stats/parnert-monthly-stats.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 PartnertMonthlyStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-chart-stats/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnerChartStats } from "./partner-chart-stats";

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PartnerChartStatsProps {
+    currentYearData?: Array<number>;
+    totalDonation?: string;
+    amount?: number;
+    title: string;
+    active?: boolean;
+    className?: string;
+}
+declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
+export default PartnerChartStats;

package/dist/components/partner-chart-stats/partner-chart-stats.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 PartnerChartStatsActive: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PartnerChartStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PartnerMonthlyStatsProps {
+    numeric?: number;
+    title: string;
+}
+declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
+export default PartnerMonthlyStats;

package/dist/components/partner-chart-stats/partner-monthly-stats.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 PartnerMonthlyStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-monthly-donations/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";

package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface PartnerMonthlyDonationsProps {
+    totalAmount?: number;
+    numberOfDonations?: number;
+    donationsLink?: string;
+}
+declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
+export default PartnerMonthlyDonations;

package/dist/components/partner-monthly-donations/partner-monthly-donations.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 PartnerMonthlyStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};