@mycause/ui 0.0.0-cfca5315 → 0.0.0-cfd62049

package/dist/components/comment-section/comment-section.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,13 @@ declare const _default: {
 };
 export default _default;
 export declare const CommentSectionStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const CommentSectionStoryV2: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -0,0 +1,10 @@
+export type CommentType = {
+    profileImage: string;
+    username: string;
+    comment?: string;
+    liked: boolean;
+    userId: string | number;
+    donation?: number | string;
+    date?: string;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;

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

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

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

@@ -0,0 +1,6 @@
+import React from "react";
+import { CommentType } from "./comment-type";
+declare const SubComments: ({ comments }: {
+    comments: Array<CommentType>;
+}) => React.JSX.Element;
+export default SubComments;

package/dist/components/cropper/cropper.d.ts

@@ -5,7 +5,7 @@ export interface CropperProps {
     cropImage: (arg: string) => void;
     style?: React.CSSProperties;
     dragMode?: "none" | "move" | "crop" | undefined;
-    viewMode?: 0 | 2 | 1 | 3 | undefined;
+    viewMode?: 0 | 1 | 2 | 3 | undefined;
     minCropBoxWidth?: number;
     minCropBoxHeight?: number;
     wheelZoomRatio?: number;
@@ -15,6 +15,8 @@ export interface CropperProps {
     zoomOnWheel?: boolean;
     guides?: boolean;
     autoCropArea?: number;
+    quality?: number;
+    imageType?: string;
 }
-declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, ...res }: CropperProps) => JSX.Element;
+declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, quality, imageType, ...res }: CropperProps) => React.JSX.Element;
 export default Cropper;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
+import React from "react";
 declare const _default: {
     title: string;
-    decorators: (typeof CenterDecorator)[];
+    decorators: ((...args: any) => any)[];
 };
 export default _default;
 export declare const CropperStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -23,5 +23,5 @@ export interface DatePickerProps {
     customArrowIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
     customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
 }
-declare const DatePicker: ({ color, setStartDate, setEndDate, setFocusedInput, hasArrowIcon, numberOfMonths, ...rest }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ color, setStartDate, setEndDate, setFocusedInput, hasArrowIcon, numberOfMonths, ...rest }: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "react-dates/initialize";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
@@ -7,25 +7,31 @@ declare const _default: {
 };
 export default _default;
 export declare const DatePickerStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DatePickerNoIconStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DatePickerCustomIconsStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const SingleDatePickerStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SingleDatePickerCustomHeaderStory: {
+    (): React.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) => React.JSX.Element;
+export default CustomHeaderSingleDatePicker;

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

@@ -5,7 +5,7 @@ export interface DatePickerProps {
     date: moment.Moment | null;
     onDateChange: (date: moment.Moment | null) => void;
     onFocusChange: (arg: boolean | null) => void;
-    focused: boolean;
+    focused: boolean | null;
     placeholder?: string;
     disabled?: boolean;
     color?: string;
@@ -19,6 +19,8 @@ export interface DatePickerProps {
     error?: boolean;
     label?: string;
     width?: string;
+    isOutsideRange?: () => boolean;
+    showDefaultInputIcon?: boolean;
 }
-declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, ...rest }: DatePickerProps) => JSX.Element;
+declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => React.JSX.Element;
 export default CustomSingleDatePicker;

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

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

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { FormDataProps, ErrorProps } from "./donation-form";
+export interface DonationDetails {
+    formData: FormDataProps;
+    setFormData: (e: FormDataProps | React.SetStateAction<FormDataProps>) => void;
+    getFormData: (e: FormDataProps) => void;
+    error: ErrorProps;
+    color?: ColorSpecifier;
+}
+declare const DonationDetails: ({ formData, setFormData, getFormData, error, color, }: DonationDetails) => React.JSX.Element;
+export default DonationDetails;

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

@@ -0,0 +1,13 @@
+import React from "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) => React.JSX.Element;
+export default DonationFormV2;

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

@@ -0,0 +1,64 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+export interface PhoneProps {
+    number: string;
+    countryCallingCode: string;
+    country: string;
+}
+export interface FormDataProps {
+    firstName?: string;
+    lastName?: string;
+    address?: string;
+    cvv?: string;
+    email?: string;
+    card?: string;
+    expiry?: string;
+    phone?: PhoneProps;
+}
+export interface ErrorProps {
+    firstName?: string;
+    lastName?: string;
+    address?: string;
+    cvv?: string;
+    email?: string;
+    card?: string;
+    expiry?: string;
+    phone?: string;
+}
+interface SubmitProps extends FormDataProps {
+    mode: string;
+    amount: string | undefined;
+    inHonor: string | undefined;
+    addFee: boolean;
+    fees: string | number | undefined;
+}
+export interface DonationOptionsProps {
+    label: string | number;
+    value?: string;
+    noprefix?: boolean;
+    nocurrency?: boolean;
+    active?: boolean;
+}
+export interface DonationFormProps {
+    currency: string;
+    prefix: string;
+    getOption: (e: string | undefined) => void;
+    getDonation: (e: string | undefined) => void;
+    getInHonor: (e: string | undefined) => void;
+    getFormData: (e: FormDataProps) => void;
+    submit: (e: SubmitProps) => void;
+    formDefault: FormDataProps;
+    donationOption: Array<DonationOptionsProps>;
+    hasCard?: boolean;
+    error?: ErrorProps;
+    color?: ColorSpecifier;
+    buttonDonationColor?: ColorSpecifier;
+    buttonNextColor?: ColorSpecifier;
+    width?: string;
+    isLoading?: boolean;
+    noContianer?: boolean;
+    disableControl?: boolean;
+    fees?: string | number;
+}
+declare const DonationForm: ({ isLoading, noContianer, currency, prefix, getOption, getDonation, getInHonor, getFormData, formDefault, hasCard, donationOption, submit, error, color, buttonDonationColor, buttonNextColor, width, disableControl, fees, }: DonationFormProps) => React.JSX.Element;
+export default DonationForm;

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

@@ -0,0 +1,18 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const DonationFormStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DonationCampaignFormStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { FormDataProps, ErrorProps } from "./donation-form";
+export interface DonationPaymentProps {
+    formData: FormDataProps;
+    setFormData: (e: FormDataProps) => void;
+    getFormData: (e: FormDataProps) => void;
+    error: ErrorProps;
+    color?: ColorSpecifier;
+    hasCard?: boolean;
+}
+declare const DonationPayment: ({ formData, setFormData, getFormData, error, color, hasCard, }: DonationPaymentProps) => React.JSX.Element;
+export default DonationPayment;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { DonationOptionsProps } from "./donation-form";
+interface DonationFormProps {
+    color: ColorSpecifier;
+    items: Array<DonationOptionsProps>;
+    click: (e: string | undefined) => void;
+    currency: string;
+    prefix: string;
+    mode: string;
+}
+declare const DonationSelect: ({ color, items, click, currency, prefix, mode, }: DonationFormProps) => React.JSX.Element;
+export default DonationSelect;

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

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

package/dist/components/elevation/elevation.d.ts

@@ -9,5 +9,5 @@ export interface ElevationProps extends BoxProps {
     transition?: boolean;
     children: React.ReactNode;
 }
-declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => JSX.Element;
+declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => React.JSX.Element;
 export default Elevation;

package/dist/components/elevation/elevation.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 ElevationExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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.FC<import("./favorite-charity-item").FavoriteCharityItemProps>;
+};
+export default _default;
+export declare const favoriteCharityItemStory1: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const favoriteCharityItemStory: () => React.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 @@
+import React from "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) => React.JSX.Element;
+export default FeaturedCampaignCard;

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

@@ -1,8 +1,8 @@
 import React from "react";
-declare type FieldHelperTextProps = {
+type FieldHelperTextProps = {
     hidden?: boolean;
     error?: React.ReactNode;
     children?: React.ReactNode;
 };
-declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): JSX.Element;
+declare function FieldHelperText({ hidden, children, error }: FieldHelperTextProps): React.JSX.Element;
 export default FieldHelperText;

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): React.JSX.Element;
 export default FieldLabel;

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

@@ -0,0 +1,35 @@
+import React from "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;
+}): React.JSX.Element;
+export default FooterV2;

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

@@ -0,0 +1,15 @@
+import React from "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: {
+    (): React.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 @@
+import React from "react";
+export interface FundraisingSectionProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => React.JSX.Element;
+export default FundraisingSection;

package/dist/components/fundraising-section/fundraising-section.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, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => React.JSX.Element;
+};
+export default _default;
+export declare const fundraisingsection: {
+    (): React.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 @@
+import React from "react";
+export interface HeroBannerProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => React.JSX.Element;
+export default HeroBnner;

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

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

@@ -0,0 +1,26 @@
+import React from "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) => React.JSX.Element;
+};
+export default _default;
+export declare const horizontalbar: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar3: {
+    (): React.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/btn_google_light_normal_ios.svg.d.ts

@@ -5,4 +5,4 @@ import React from "react";
  * Based on the file btn_google_light_normal_ios.svg but with the button background removed
  * See: https://developers.google.com/identity/branding-guidelines
  */
-export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): JSX.Element;
+export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;