@mycause/ui 0.0.0-c548b987 → 0.0.0-c559b96d

package/dist/components/select/select-v2.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string | number;
+    onChange: (value: string) => void;
+    externalLabel?: boolean;
+    large?: boolean;
+    options: Array<SelectOption>;
+    leadingIcon?: React.ReactElement;
+    helperText?: string | null;
+    isHelperTextPersistent?: boolean;
+    noArrow?: boolean;
+    color?: string;
+    asteriskColor?: string;
+    itemHoverColor?: string;
+    error?: boolean | string;
+    trailingIcon?: React.ReactElement;
+    bgColor?: string;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: SelectProps) => JSX.Element;
+export default SelectV2;

package/dist/components/select/select.d.ts

@@ -5,7 +5,7 @@ export declare type SelectOption = {
     label?: string;
     disabled?: boolean;
 };
-export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
+export interface SelectProps extends Omit<MDCSelectProps, "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
     label?: string;
     value: string;
     onChange: (e: React.FormEvent) => void;
@@ -17,7 +17,9 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     isHelperTextPersistent?: boolean;
     noArrow?: boolean;
     color?: string;
+    asteriskColor?: string;
     error?: boolean | string;
+    customTrailingIcon?: boolean;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
+declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => JSX.Element;
 export default Select;

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

@@ -10,3 +10,15 @@ export declare const SelectStory: {
         name: string;
     };
 };
+export declare const SelectEnhancedStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SelectStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as PartnerMonthlyTable } from "./partner-monthly-table";

package/dist/components/table/partner-monthly-table.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export declare type ColumnTableProps = {
+    key: string;
+    label: string;
+    align: "center" | "left" | "right";
+    rowPrefixIcon?: string;
+    renderCell: (item: any) => React.ReactNode;
+};
+export interface PartnerMonthlyTableProps {
+    columns: Array<ColumnTableProps>;
+    data: Array<object>;
+    title?: string;
+    tooltip?: string;
+    customBottomRow?: React.ReactNode;
+}
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
+export default PartnerMonthlyTable;

package/dist/components/table/partner-monthly-table.stories.d.ts

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

package/dist/components/tabs/nav-tabs.d.ts

@@ -12,6 +12,7 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     active?: string | null;
     onActiveUpdate: (key: string) => void;
     isCompactHeight?: boolean;
+    isDark?: boolean;
 }
-declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): JSX.Element;
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
 export default NavTabs;

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

@@ -1,2 +1,3 @@
 export { default as TextField } from "./text-field";
+export { default as TextFieldSearch } from "./text-field-search";
 export { default as TextFieldHelperText } from "./text-field-helper-text";

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

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

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

@@ -10,3 +10,9 @@ export declare const TextFieldStory: {
         name: string;
     };
 };
+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,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => 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({ color, ...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/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/transaction-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("./transaction-card").DonateCardProps) => JSX.Element;
+};
+export default _default;
+export declare const donatecard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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,13 @@
+import React from "react";
+export interface TransactionCardProps {
+    className?: string;
+    amount?: string;
+    recipient?: string;
+    receiptNo?: string;
+    details?: string;
+    tax?: string;
+    date?: string;
+    action?: React.ReactNode;
+}
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, }: TransactionCardProps) => JSX.Element;
+export default TransactionCard;

package/dist/components/transaction-card/transaction-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, amount, recipient, receiptNo, details, tax, date, action, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+};
+export default _default;
+export declare const TransactionCardStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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