@mycause/ui 1.0.12 → 1.0.13

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

@@ -1,11 +1,11 @@
-import React from "react";
-export type SubCommentsV2Props = {
-    profileImage: string;
-    firstName?: string;
-    lastName?: string;
-    comment: string;
-};
-declare const SubCommentsV2: ({ comments, }: {
-    comments: Array<SubCommentsV2Props>;
-}) => React.JSX.Element;
-export default SubCommentsV2;
+import React from "react";
+export type SubCommentsV2Props = {
+    profileImage: string;
+    firstName?: string;
+    lastName?: string;
+    comment: string;
+};
+declare const SubCommentsV2: ({ comments, }: {
+    comments: Array<SubCommentsV2Props>;
+}) => React.JSX.Element;
+export default SubCommentsV2;

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

@@ -1,15 +1,15 @@
-import React from "react";
-import { CommentType } from "./comment-type";
-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) => React.JSX.Element;
-export default CommentSection;
+import React from "react";
+import { CommentType } from "./comment-type";
+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) => React.JSX.Element;
+export default CommentSection;

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

@@ -1,19 +1,19 @@
-import React from "react";
-import CenterDecorator from "../../utils/center-decorator";
-declare const _default: {
-    title: string;
-    decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const CommentSectionStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const CommentSectionStoryV2: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const CommentSectionStory: {
+    (): 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

@@ -1,10 +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;
+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,2 +1,2 @@
-export { default as CommentSection } from "./comment-section";
-export { default as CommentSectionV2 } from "./comment-section-v2/comment-section-v2";
+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

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

@@ -1,22 +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) => React.JSX.Element;
-export default Cropper;
+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) => React.JSX.Element;
+export default Cropper;

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

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

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

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

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

@@ -1,27 +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) => React.JSX.Element;
-export default DatePicker;
+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) => React.JSX.Element;
+export default DatePicker;

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

@@ -1,38 +1,38 @@
-import React from "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: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DatePickerNoIconStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const DatePickerCustomIconsStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SingleDatePickerStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const SingleDatePickerCustomHeaderStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+import React from "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: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DatePickerNoIconStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DatePickerCustomIconsStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SingleDatePickerStory: {
+    (): 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,3 +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";
+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 +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?: (day: any) => 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;
+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?: (day: any) => 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

@@ -1,26 +1,26 @@
-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?: (day: any) => boolean;
-    showDefaultInputIcon?: boolean;
-}
-declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, required, id, ...rest }: DatePickerProps) => React.JSX.Element;
-export default CustomSingleDatePicker;
+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?: (day: any) => boolean;
+    showDefaultInputIcon?: boolean;
+}
+declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, required, id, ...rest }: DatePickerProps) => React.JSX.Element;
+export default CustomSingleDatePicker;

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

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

@@ -1,14 +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;
-    };
-};
+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

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

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

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

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