@mycause/ui 0.0.0-c2f2c947 → 0.0.0-c3280972

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

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { CheckboxProps as MDCCheckboxProps } from "@material/react-checkbox";
+export interface CheckboxProps extends Omit<MDCCheckboxProps, "initRipple" | "unbounded"> {
+    id?: string;
+    name?: string;
+    label?: React.ReactNode;
+    color?: ColorSpecifier;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    indeterminate?: boolean;
+    className?: string;
+}
+declare const Checkbox: ({ id, label, color, checked, className, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

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

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

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

package/dist/components/combo-field/combo-field.d.ts

@@ -2,7 +2,10 @@ import React from "react";
 interface ComboFieldProps {
     children: Array<React.ReactElement>;
     className?: string;
-    dense?: boolean;
+    large?: boolean;
+    buttonBorder?: boolean;
+    buttonFullWidth?: boolean;
+    align?: string;
 }
 /**
  * Combines several input controls to into one visually continuous
@@ -14,5 +17,5 @@ interface ComboFieldProps {
  * - Button
  * - IconButtonGroup
  */
-declare function ComboField({ children, className, dense, ...rest }: ComboFieldProps): JSX.Element;
+declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): JSX.Element;
 export default ComboField;

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

@@ -0,0 +1,23 @@
+import React from "react";
+export declare type CommentType = {
+    profileImage: string;
+    username: string;
+    comment?: string;
+    liked: boolean;
+    userId: string | number;
+    donation?: number | string;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentType & {
+        subComment?: Array<CommentType>;
+    }>;
+    title: React.ReactNode | string;
+    maxWidth?: string;
+    dissableCount?: boolean;
+    showMore?: () => void;
+    likeCall?: (e: CommentType) => void;
+    dp?: number;
+}
+declare const CommentSection: ({ comments, maxWidth, title, dissableCount, showMore, likeCall, dp, }: ComboFieldProps) => JSX.Element;
+export default CommentSection;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+/// <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;
+    };
+};

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

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

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

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

@@ -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/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) => JSX.Element;
+export default DonationDetails;

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

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

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

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

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

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

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

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

@@ -1,11 +1,13 @@
 import React from "react";
-export declare type ElevationProps = {
+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, radius, children, className, transition, style, ...res }: ElevationProps) => JSX.Element;
+}
+declare const Elevation: ({ dp, id, radius, children, className, transition, ...res }: ElevationProps) => JSX.Element;
 export default Elevation;

package/dist/components/featured-campain-card /featured-campain-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, width, }: import("./featured-campain-card").FeaturedCampainCardProps) => JSX.Element;
+};
+export default _default;
+export declare const featuredcampaincard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface FeaturedCampainCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+    completed?: number;
+    width?: number;
+    donation?: number;
+    raised?: number;
+    goal?: number;
+}
+declare const FeaturedCampainCard: ({ className, imageURL, title, donation, raised, goal, completed, width, }: FeaturedCampainCardProps) => JSX.Element;
+export default FeaturedCampainCard;

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

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

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

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

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

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

@@ -1,15 +1,30 @@
 export * from "./anchor";
 export * from "./avatar";
 export * from "./button";
+export * from "./button-select";
 export * from "./chips";
+export * from "./checkbox";
+export * from "./comment-section";
+export * from "./cropper";
 export * from "./combo-field";
+export * from "./date-picker";
+export * from "./donation-form";
 export * from "./elevation";
+export * from "./field-helpers";
 export * from "./icon";
 export * from "./layout";
+export * from "./list";
+export * from "./login";
 export * from "./menu";
+export * from "./modal";
 export * from "./navigation";
+export * from "./phone-number-input";
+export * from "./radio";
 export * from "./select";
+export * from "./spinner";
 export * from "./statistics";
+export * from "./switch";
 export * from "./tabs";
 export * from "./text-field";
 export * from "./text";
+export * from "./uploader";