@mycause/ui 0.0.0-cd14f266 → 0.0.0-cd47c39e

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

@@ -1,31 +1,55 @@
 import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
 import { ButtonProps } from "../button/button";
 import NavigationMenu from "./navigation-menu";
 import { HybridNavigationLink } from "./navigation-list";
-import { NavigationActionsProps, UserData } from "./navigation-actions";
+import { UserData } from "./navigation-user-menu";
+import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
 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;
+    onSearch: (query: string) => void;
+};
+declare type LoginAction = {
+    analyticsId?: string;
+    onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+};
+declare type StatsItemProps = {
+    id: string;
+    label: string;
+    value: string;
+    logo: string;
 };
 export declare type NavigationProps = {
-    menus: Array<NavigationMenu>;
-    links: Array<HybridNavigationLink>;
-    stats: Array<{
-        id: string;
-        label: string;
-        unit: string;
-        logo?: string;
-    }>;
-    logo: React.ReactNode;
+    logo?: React.ReactNode;
+    menus?: Array<NavigationMenu>;
+    links?: Array<HybridNavigationLink>;
+    stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;
+    cta2?: ButtonProps & {
+        targetTab?: string;
+    } | null;
     user?: UserData | null;
-    userMenu: NavigationActionsProps["userMenu"];
-    onSearch: (query: string) => void;
-    onLogin: () => void;
+    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, onSearch, onLogin, }: 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,49 +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 actions: {
+export declare const NavigationDemo2: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const actionsSignedIn: {
-    (): JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const list: {
-    (): 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/parnert-monthly-stats/index.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default as PhoneNumberInput } from "./phone-number-input";
+export * from "./util";

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { CountryCode } from "libphonenumber-js";
+declare type PhoneNumberInputProps = {
+    values: {
+        number: string;
+        countryCallingCode: string;
+        country: string;
+    };
+    names?: {
+        number: string;
+        countryCallingCode: string;
+        country: string;
+    };
+    onChange: (value: string, name: string) => void;
+    label?: React.ReactNode;
+    error?: string | null;
+    onBlur?: (e: React.FocusEvent) => void;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
+};
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
+export default PhoneNumberInput;

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

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

@@ -0,0 +1,2 @@
+import { PhoneNumber, CountryCode } from "libphonenumber-js";
+export declare function parseNationalPhoneNumber(phoneNumber: string, countryCallingCode: string, defaultCountry?: CountryCode): PhoneNumber | null;

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

@@ -0,0 +1,2 @@
+export { default as Radio } from "./radio";
+export { default as RadioGroup } from "./radio-group";

package/dist/components/radio/radio-group.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface RadioGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap"> {
+    name?: string;
+    value?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    disabled?: boolean;
+    options: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+}
+declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): JSX.Element;
+export default RadioGroup;

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

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { RadioProps as MDCRadioProps } from "@material/react-radio";
+import { ColorSpecifier } from "../../theme/theme";
+export interface RadioProps extends Omit<MDCRadioProps, "initRipple" | "color" | "ref" | "children"> {
+    id?: string;
+    wrapperClasses?: string;
+    color?: ColorSpecifier;
+    label?: string;
+    className?: string;
+    checked?: boolean;
+    value?: string;
+    disabled?: boolean;
+    name?: string;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+}
+declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, ...rest }: RadioProps) => JSX.Element;
+export default Radio;

package/dist/components/radio/radio.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 RadioExample: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RadioLabelExample: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const RadioDisabledExample: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1 +1,2 @@
 export { default as Select } from "./select";
+export { default as SelectHelperText } from "./select-helper-text";

package/dist/components/select/select-helper-text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectHelperTextProps as MaterialSelectHelperTextProps } from "@material/react-select";
+interface SelectHelperTextProps extends Omit<MaterialSelectHelperTextProps, "ref"> {
+    children?: React.ReactNode;
+}
+declare function SelectHelperText(props: SelectHelperTextProps): JSX.Element;
+export default SelectHelperText;

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

@@ -1,12 +1,23 @@
 import React from "react";
-import { SelectProps as MDCSelectProps } from "@material/react-select";
-export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children"> {
+import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "ref" | "children" | "options" | "outlined" | "helperText" | "dense"> {
     label?: string;
     value: string;
-    onChange: (value: React.FormEvent<HTMLSelectElement>) => void;
+    onChange: (e: React.FormEvent) => void;
     externalLabel?: boolean;
-    dense?: boolean;
-    options: Array<string> | Array<React.HTMLProps<HTMLOptionElement>>;
+    large?: boolean;
+    options: Array<string> | Array<SelectOption>;
+    leadingIcon?: React.ReactElement;
+    helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
+    isHelperTextPersistent?: boolean;
+    noArrow?: boolean;
+    color?: string;
+    error?: boolean | string;
 }
-declare function Select({ label, value, onChange, externalLabel, id, className, options, dense, ...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/select/select.stories.d.ts

@@ -1,29 +1,10 @@
 /// <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 select: {
-    (): 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: {
+export declare const SelectStory: {
     (): JSX.Element;
     story: {
         name: string;

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

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

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
+    stats: Array<{
+        id: string;
+        label: string;
+        value: string;
+        logo: string;
+    }>;
+    title: string;
+    dark?: boolean;
+}
+declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
+export default Statistics;

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

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

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

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SwitchProps as MDCSwitchProps } from "@material/react-switch";
+import { ColorSpecifier } from "../../theme/theme";
+export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
+    id?: string;
+    color?: ColorSpecifier;
+    label?: string;
+    className?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+}
+declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;

package/dist/components/switch/switch.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 SwitchDefault: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SwitchWithLabel: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const SwitchDisabled: {
+    (): 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,15 @@
+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 {
+    label?: string;
+    columns: Array<ColumnTableProps>;
+    data: Array<object>;
+}
+declare const PartnerMonthlyTable: ({ columns, label, data, }: PartnerMonthlyTableProps) => JSX.Element;
+export default PartnerMonthlyTable;