@mycause/ui 0.0.0-c2352bc2 → 0.0.0-c2664a6d

package/CHANGELOG.md

@@ -1,3 +1,97 @@
+## 0.18.3
+
+###### Tues, 23 Jan 2024
+
+- Update stats block
+
+## 0.18.2
+
+###### Mon, 22 Jan 2024
+
+- Add new components for My Account:
+  - Sidebar
+  - Stats blocks
+  - Progressbar
+  - FRP preview card
+  - FRP closed card
+  - Favorite charities card
+
+## 0.18.1
+
+###### Wed, 23 Aug 2023
+
+- Create modal show image
+
+## 0.18.0
+
+###### Wed, 23 Aug 2023
+
+- Nav
+- Add props for login button under "I'm A Charity" menu
+
+## 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
+
+- PhoneNumberInput
+  - Update behavior sort country options
+
+## 0.16.8
+
+###### Tue, 23 Feb 2021
+
+- Navigation bar
+  - Fixed container width - bug "for charities"
+
+## 0.16.7
+
+###### Wed, 2 Sep 2020
+
+- NavigationMenu
+  - add `onClick` prop.
+
 ## 0.16.5
 
 ###### Sun, 19 Jul 2020

package/README.md

@@ -174,6 +174,15 @@ To manually publish the package locally, use the following command:
 npm publish --access public
 ```
 
+---
+
+Using git commands
+
+```
+git tag <version>
+git push origin <version>
+```
+
 ### Publishing an unstable version
 
 Use the following commands to publish an unstable version. These versions are tagged with the version number `0.0.0-cHASH` where `HASH` is the abbreviated git commit hash. These should only be used for internal development purposes.

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CampaignCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+}
+declare const CampaignCard: ({ className, imageURL, title, description, }: CampaignCardProps) => JSX.Element;
+export default CampaignCard;

package/dist/components/campaign-card/campaign-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, imageURL, title, description, }: import("./campaign-card").CampaignCardProps) => JSX.Element;
+};
+export default _default;
+export declare const campaincard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as CampaignCard } from "./campaign-card";

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

@@ -0,0 +1,15 @@
+import React from "react";
+export interface CampaignOfMonthProps {
+    className?: string;
+    title?: 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, 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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    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: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as CampaignOfMonth } from "./campaign-of-month";

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

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

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

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

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

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/date-picker/date-picker.stories.d.ts

@@ -30,3 +30,9 @@ export declare const SingleDatePickerStory: {
         name: string;
     };
 };
+export declare const SingleDatePickerCustomHeaderStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/date-picker/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DatePicker } from "./date-picker";
 export { default as SingleDatePicker } from "./single-date-picker";
+export { default as CustomHeaderSingleDatePicker, } from "./single-date-picker-custom-header";

package/dist/components/date-picker/single-date-picker-custom-header.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import moment from "moment";
+export interface DatePickerProps {
+    id: string;
+    date: moment.Moment | null;
+    onDateChange: (date: moment.Moment | null) => void;
+    onFocusChange: (arg: boolean | null) => void;
+    focused: boolean | null;
+    placeholder?: string;
+    disabled?: boolean;
+    color?: string;
+    required?: boolean;
+    numberOfMonths?: number;
+    inputIconPosition?: "before" | "after";
+    orientation?: "horizontal" | "vertical";
+    customInputIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    displayFormat?: string;
+    error?: boolean;
+    label?: string;
+    width?: string;
+    isOutsideRange?: () => boolean;
+    renderCalendarInfo?: () => string | JSX.Element;
+    calendarInfoPosition?: "before" | "after" | "top" | "bottom";
+    navPrev?: string | JSX.Element;
+    navNext?: string | JSX.Element;
+    showDefaultInputIcon?: boolean;
+    startYear?: number;
+    endYear?: number;
+}
+declare const CustomHeaderSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, startYear, endYear, ...rest }: DatePickerProps) => JSX.Element;
+export default CustomHeaderSingleDatePicker;

package/dist/components/donate-card/donate-card.d.ts

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

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

package/dist/components/donate-card/index.d.ts

@@ -0,0 +1 @@
+export { default as DonateCard } from "./donate-card";

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/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/featured-campaign-card/featured-campaign-card.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface FeaturedCampaignCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+    completed?: 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, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
+export default FeaturedCampaignCard;

package/dist/components/featured-campaign-card/featured-campaign-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, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
+};
+export default _default;
+export declare const featuredcampaigncard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as FeaturedCampaignCard } from "./featured-campaign-card";

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/fundraising-section/fundraising-section.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface FundraisingSectionProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => JSX.Element;
+export default FundraisingSection;

package/dist/components/fundraising-section/fundraising-section.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, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => JSX.Element;
+};
+export default _default;
+export declare const fundraisingsection: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as FundraisingSection } from "./fundraising-section";

package/dist/components/hero-banner/hero-banner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HeroBannerProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => JSX.Element;
+export default HeroBnner;

package/dist/components/hero-banner/hero-banner.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, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => JSX.Element;
+};
+export default _default;
+export declare const herobanner: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/hero-banner/index.d.ts

@@ -0,0 +1 @@
+export { default as HeroBanner } from "./hero-banner";

package/dist/components/horizontalbar/horizontalbar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface HorizontalBarProps {
+    className?: string;
+    barColor?: string;
+    dotColor?: string;
+    width?: number;
+    height?: number;
+    marginLeft?: number;
+}
+declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => JSX.Element;
+export default HorizontalBar;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => JSX.Element;
+};
+export default _default;
+export declare const horizontalbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts}

@@ -1,11 +1,11 @@
 import React from "react";
 import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
 declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
-export interface ToggleButtonProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
+export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
     active: React.ReactNode;
     inactive: React.ReactNode;
     onChange?: (value: boolean) => void;
     value: boolean;
 }
-declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default ToggleButton;
+declare const HeartToggle: React.ForwardRefExoticComponent<HeartToggleProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default HeartToggle;

package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts}

@@ -5,7 +5,7 @@ declare const _default: {
     decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const toggleButton: {
+export declare const hearttoggle: {
     (): JSX.Element;
     story: {
         name: string;