@mycause/ui 0.0.0-c8d88994 → 0.0.0-c8dd97ea

package/dist/components/text-field/text-field-search.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface TextFieldSearchProps {
+    value?: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    placeholder?: string;
+    isFocus?: boolean;
+}
+declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): JSX.Element;
+export default TextFieldSearch;

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

@@ -1,23 +1,26 @@
 import React from "react";
 import { CharacterCounterProps } from "@material/react-text-field/character-counter";
 import { HelperTextProps } from "./text-field-helper-text";
-export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>, "ref"> {
-    dense?: boolean;
+export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>, "ref" | "dense"> {
     fullWidth?: boolean;
     helperText?: string | React.ReactElement<HelperTextProps> | null;
     characterCounter?: React.ReactElement<CharacterCounterProps>;
     label?: string;
     leadingIcon?: React.ReactElement;
-    outlined?: boolean;
     onLeadingIconSelect?: () => void;
     onTrailingIconSelect?: () => void;
     textarea?: boolean;
     trailingIcon?: React.ReactElement;
+    isHelperTextPersistent?: boolean;
+    large?: boolean;
     error?: string | null | boolean;
     externalLabel?: boolean;
     placeholder?: string;
+    list?: string;
     className?: string;
     required?: boolean;
+    color?: string;
+    outlined?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/text-field/text-field.stories.d.ts

@@ -1,59 +1,16 @@
 /// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: (typeof CenterDecorator)[];
+    decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const textField: {
+export declare const TextFieldStory: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const disabled: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const externalLabel: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const dense: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const denseExternalLabel: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const textarea: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const icon: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const helperText: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const error: {
+export declare const TextFieldSearchStory: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/this-month-card/index.d.ts

@@ -0,0 +1 @@
+export { default as ThisMonthCard } from "./this-month-card";

package/dist/components/this-month-card/this-month-card.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface MonthData {
+    itemAmount?: number;
+    itemText?: string;
+}
+interface ThisMonthCardProps {
+    totalDonations: number;
+    thisMonthData?: Array<MonthData>;
+    imgLink: string;
+    buttonLink: string;
+    buttonText: string;
+    className?: string;
+}
+declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
+export default ThisMonthCard;

package/dist/components/this-month-card/this-month-card.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 ThisMonthCardStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/toast/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => JSX.Element;
+    warning: () => JSX.Element;
+};
+export default Icons;

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

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

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToastContainerProps } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+export interface ToastProps extends ToastContainerProps {
+    color?: string;
+}
+declare function Toast({ ...props }: ToastProps): JSX.Element;
+export default Toast;

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

package/dist/components/transaction-card/Dot.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface DotProps {
+    color: string;
+}
+export declare function Dot(props: DotProps): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,16 @@
+import React from "react";
+export interface TransactionCardProps {
+    className?: string;
+    amount?: React.ReactNode | string;
+    recipient?: React.ReactNode | string;
+    receiptNo?: React.ReactNode | string;
+    details?: React.ReactNode | string;
+    tax?: React.ReactNode | string;
+    date?: React.ReactNode | string;
+    statusAsText?: React.ReactNode | string;
+    action?: React.ReactNode | string;
+    onClick?: () => void;
+    notShowIcon?: boolean;
+}
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => JSX.Element;
+export default TransactionCard;

package/dist/components/transaction-card/transaction-card.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+};
+export default _default;
+export declare const TransactionCardStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RegistrationCard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/uploader/Icons.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    upload: (props?: {}) => JSX.Element;
+    remove: (props?: {}) => JSX.Element;
+};
+export default Icons;

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

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

package/dist/components/uploader/uploadAndCropper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface UploadAndCropperProps {
+    imageDefault: string;
+    width?: number;
+    border?: number;
+    borderRadius?: number;
+    color?: Array<number> | undefined;
+    handleOnRemove?: () => void;
+    imagePreview?: string;
+    setImagePreview?: (e: any) => void;
+}
+declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
+export default UploadAndCropper;

package/dist/components/uploader/uploader.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+export interface UploaderProps {
+    color?: ColorSpecifier;
+    width?: string;
+    height?: string;
+    getUploadParams?: () => void;
+    onChangeStatus: (args: any) => void;
+    multiple?: boolean;
+    maxFiles?: number;
+    fontSize?: string;
+    iconSize?: string;
+    accept: string;
+    dragAndDropMessage?: string;
+    customIcon?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    hasBrowseButton?: boolean;
+    browsButtonMessage?: {
+        noFiles: string;
+        hasFiles: string;
+    };
+}
+declare const Uploader: ({ color, width, height, getUploadParams, onChangeStatus, multiple, maxFiles, fontSize, iconSize, accept, customIcon, dragAndDropMessage, hasBrowseButton, browsButtonMessage, }: UploaderProps) => JSX.Element;
+export default Uploader;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./components";
-export * from "./theme/theme";
+export * from "./theme";
+export { default as _React } from "react";