@mycause/ui 0.0.0-ca0a4c36 → 0.0.0-ca16a144

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

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

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

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

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

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

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

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

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

@@ -1,27 +0,0 @@
-import React from "react";
-import "react-dates/initialize";
-import moment from "moment";
-export interface DatePickerProps {
-    hasArrowIcon?: boolean;
-    startDate: moment.Moment | null;
-    endDate: moment.Moment | null;
-    focusedInput: "startDate" | "endDate" | null;
-    setFocusedInput: (event: "startDate" | "endDate" | null) => void;
-    setStartDate: (date: moment.Moment | null) => void;
-    setEndDate: (date: moment.Moment | null) => void;
-    startDateId: string;
-    endDateId: string;
-    startDatePlaceholderText?: string;
-    endDatePlaceholderText?: string;
-    disabled?: boolean;
-    color?: string;
-    required?: boolean;
-    numberOfMonths?: number;
-    inputIconPosition?: "before" | "after";
-    orientation?: "horizontal" | "vertical";
-    customInputIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
-    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;
-export default DatePicker;

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

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import "react-dates/initialize";
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const DatePickerStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DatePickerNoIconStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DatePickerCustomIconsStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SingleDatePickerStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SingleDatePickerCustomHeaderStory: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};

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

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

@@ -1,32 +0,0 @@
-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/date-picker/single-date-picker.d.ts

@@ -1,25 +0,0 @@
-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;
-}
-declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => JSX.Element;
-export default CustomSingleDatePicker;

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

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

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

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

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

@@ -1,12 +0,0 @@
-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) => JSX.Element;
-export default DonationDetails;

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

@@ -1,13 +0,0 @@
-/// <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.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="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) => JSX.Element;
-export default DonationForm;

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

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

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

@@ -1,13 +0,0 @@
-/// <reference types="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) => JSX.Element;
-export default DonationPayment;

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

@@ -1,13 +0,0 @@
-/// <reference types="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) => JSX.Element;
-export default DonationSelect;

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

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { BoxProps } from "../layout/box";
-export interface ElevationProps extends BoxProps {
-    dp?: number;
-    id?: string;
-    style?: object;
-    radius?: string;
-    className?: string;
-    transition?: boolean;
-    children: React.ReactNode;
-}
-declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => JSX.Element;
-export default Elevation;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/field-helpers/field-helper-text.d.ts

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

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

@@ -1,9 +0,0 @@
-import React from "react";
-interface FieldLabelProps extends React.HTMLProps<HTMLLabelElement> {
-    large?: boolean;
-    children?: React.ReactNode;
-    required?: boolean;
-    asteriskColor?: string;
-}
-declare function FieldLabel({ large, className, children, required, asteriskColor, ...rest }: FieldLabelProps): JSX.Element;
-export default FieldLabel;

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

@@ -1,2 +0,0 @@
-export { default as FieldLabel } from "./field-label";
-export { default as FieldHelperText } from "./field-helper-text";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-/**
- * Google logo for Google sign in
- *
- * 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;