@mycause/ui 0.0.0-cd039be0 → 0.0.0-cd1d05d3

package/dist/components/navigation/navigation-list.d.ts

@@ -3,6 +3,7 @@ export declare type HrefNavigationLink = {
     href: string;
     label: React.ReactNode;
     analyticsId?: string;
+    icon?: string;
 };
 export declare type ClickNavigationLink = {
     onClick?: () => void;
@@ -10,6 +11,7 @@ export declare type ClickNavigationLink = {
     label: React.ReactNode;
     more?: boolean;
     analyticsId?: string;
+    icon?: string;
 };
 export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
 export declare type NavigationListItem = HybridNavigationLink & {
@@ -18,7 +20,7 @@ export declare type NavigationListItem = HybridNavigationLink & {
 export declare type NavigationMenuListProps = {
     items: Array<NavigationListItem>;
     onClickItem?: (id: string) => void;
-    size?: "normal" | "large";
+    size?: "normal" | "large" | "long";
     active?: string | null;
 };
 declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;

package/dist/components/navigation/navigation-sign-in-control.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
-interface NavigationSignInControlProps extends React.HTMLProps<HTMLDivElement> {
+import { ColorSpecifier } from "../../theme/theme";
+interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
     analyticsId?: string;
     compact?: boolean;
-    onRequestSignIn: () => void;
+    handleonRequestSignIn: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
 }
-declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, ...rest }: NavigationSignInControlProps): JSX.Element;
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
 export default NavigationSignInControl;

package/dist/components/navigation/navigation.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
 import { ButtonProps } from "../button/button";
 import NavigationMenu from "./navigation-menu";
 import { HybridNavigationLink } from "./navigation-list";
@@ -8,11 +9,13 @@ declare type NavigationMenu = {
     id: string;
     label: React.ReactNode;
     analyticsId?: string;
+    hidden?: boolean;
     items: Array<HybridNavigationLink & {
         submenu?: Array<HybridNavigationLink>;
     }>;
     action?: HybridNavigationLink;
     actionRaised?: HybridNavigationLink;
+    onClick?: () => void;
 };
 declare type SearchAction = {
     analyticsId?: string;
@@ -21,6 +24,8 @@ declare type SearchAction = {
 declare type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
 };
 declare type StatsItemProps = {
     id: string;
@@ -34,12 +39,17 @@ export declare type NavigationProps = {
     links?: Array<HybridNavigationLink>;
     stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;
+    cta2?: ButtonProps & {
+        targetTab?: string;
+    } | null;
     user?: UserData | null;
     login?: LoginAction | null;
     userMenu?: Array<UserMenuItemWithSubmenu>;
     search?: SearchAction | null;
     isSticky?: boolean;
     isCompactHeight?: boolean;
+    setSearchToLeft?: boolean;
+    menuReverse?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, user, userMenu, search, login, isSticky, isCompactHeight, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
 export default Navigation;

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

@@ -3,37 +3,19 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const full: {
+export declare const NavigationDemo: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const list: {
+export declare const NavigationDemo2: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const listLarge: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const menu: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const expanded: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const search: {
+export declare const NavigationDemo2SupportLink: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/partner-dashboard-chart/chart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LineChart: () => JSX.Element;
+export default LineChart;

package/dist/components/partner-dashboard-chart/chart.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: () => JSX.Element;
+};
+export default _default;
+export declare const progressbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-dashboard-chart/index.d.ts

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

package/dist/components/partner-monthly-donations/index.d.ts

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface PartnerMonthlyDonationsProps {
+    totalAmount?: number;
+    numberOfDonations?: number;
+    donationsLink?: string;
+}
+declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
+export default PartnerMonthlyDonations;

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

package/dist/components/partner-monthly-stats/index.d.ts

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PartnerMonthlyStatsProps {
+    numeric: number;
+    title: string;
+}
+declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
+export default PartnerMonthlyStats;

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

package/dist/components/phone-number-input/phone-number-input.d.ts

@@ -18,6 +18,8 @@ declare type PhoneNumberInputProps = {
     helperText?: React.ReactNode;
     required?: boolean;
     defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
 };
-declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberInputProps): JSX.Element;
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
 export default PhoneNumberInput;

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

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

package/dist/components/popup/popup.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface CampaignCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+}
+declare const Popup: ({ className, title, description, }: CampaignCardProps) => JSX.Element;
+export default Popup;

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

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

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

package/dist/components/progressbar/progressbar.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ProgressBarProps {
+    className?: string;
+    completed?: number;
+    barColor?: string;
+}
+declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/components/progressbar/progressbar.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, completed, barColor, }: import("./progressbar").ProgressBarProps) => JSX.Element;
+};
+export default _default;
+export declare const progressbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -16,7 +16,8 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
     isHelperTextPersistent?: boolean;
     noArrow?: boolean;
+    color?: string;
     error?: boolean | string;
 }
-declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, ...rest }: SelectProps) => JSX.Element;
+declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
 export default Select;

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

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

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface SpinnerProps {
+    id?: string;
+    className?: string;
+    style?: any;
+}
+declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => JSX.Element;
+export default Spinner;

package/dist/components/{comments/comments.stories.d.ts → spinner/spinner.stories.d.ts}

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

package/dist/components/start-campaign-card/index.d.ts

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface StartCampaignCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+}
+declare const StartCampaignCard: ({ className, title, description, }: StartCampaignCardProps) => JSX.Element;
+export default StartCampaignCard;

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

package/dist/components/statistics/statistics.d.ts

@@ -7,6 +7,7 @@ export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
         logo: string;
     }>;
     title: string;
+    dark?: boolean;
 }
-declare function Statistics({ title, stats, className, ...rest }: StatisticsProps): JSX.Element;
+declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
 export default Statistics;

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,16 @@
+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;
+}
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: 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

@@ -0,0 +1,18 @@
+import React from "react";
+import { TabBarProps } from "./tab-bar";
+import { TabProps } from "./tab";
+interface TabOptions extends Omit<TabProps, "children" | "label"> {
+    key: string;
+    label: React.ReactNode;
+}
+interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
+    tabs: Array<TabOptions & {
+        hidden?: boolean;
+    }>;
+    active?: string | null;
+    onActiveUpdate: (key: string) => void;
+    isCompactHeight?: boolean;
+    isDark?: boolean;
+}
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
+export default NavTabs;

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

@@ -6,7 +6,9 @@ interface TabOptions extends Omit<TabProps, "children" | "label"> {
     label: React.ReactNode;
 }
 interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
-    tabs: Array<TabOptions>;
+    tabs: Array<TabOptions & {
+        hidden?: boolean;
+    }>;
     active?: string | null;
     onActiveUpdate: (key: string) => void;
     isCompactHeight?: boolean;

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

@@ -19,6 +19,7 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
     list?: string;
     className?: string;
     required?: boolean;
+    color?: string;
     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

@@ -10,3 +10,9 @@ export declare const TextFieldStory: {
         name: string;
     };
 };
+export declare const TextFieldSearchStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};