@mycause/ui 0.0.0-c2352bc2 → 0.0.0-c243451b

package/dist/components/nav/nav-search-control.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface NavigationSearchControlProps {
+    onChangeSearchOpen: (isOpen: boolean) => void;
+    analyticsId?: string;
+    isDark?: boolean;
+}
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
+export default NavigationSearchControl;

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

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

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

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

package/dist/components/nav/nav-user-menu-items.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { IconProps } from "../icon/icon";
+export declare type UserMenuItem = {
+    icon: IconProps;
+    label: string;
+    onClick?: () => void;
+    href?: string;
+    id?: string;
+};
+export declare type UserMenuItemWithSubmenu = UserMenuItem & {
+    submenu?: Array<Omit<UserMenuItem, "icon">>;
+};
+export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
+    isSubmenuOpen?: boolean;
+};
+declare type NavigationUserMenuItemsProps = {
+    items: Array<UserMenuItemWithSubmenu>;
+};
+declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
+export default NavigationUserMenuItems;

package/dist/components/nav/nav-user-menu.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
+export declare type UserData = {
+    name: string;
+    avatar?: {
+        src: string;
+    };
+};
+export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
+interface NavigationUserMenuProps {
+    user: UserData;
+    items?: UserMenuItems;
+    isOpen?: boolean;
+    onChangeOpen: (isOpen: boolean) => void;
+    isCompact?: boolean;
+}
+declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
+export default NavigationUserMenu;

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

@@ -0,0 +1,57 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { ButtonProps } from "../button/button";
+import NavigationMenu from "./nav-menu";
+import { HybridNavigationLink } from "./nav-list";
+import { UserData } from "./nav-user-menu";
+import { UserMenuItemWithSubmenu } from "./nav-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;
+    loginRaised?: HybridNavigationLink | null;
+    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 = {
+    logo?: React.ReactNode;
+    menus?: Array<NavigationMenu>;
+    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;
+    isDark?: boolean;
+};
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
+export default Navigation;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const NavigationDemo2SupportLink: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const NavigationMyaccount: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PartnerChartStatsProps {
+    currentYearData?: Array<number>;
+    totalDonation?: string;
+    amount?: number;
+    title: string;
+    active?: boolean;
+    className?: string;
+}
+declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
+export default PartnerChartStats;

package/dist/components/partner-chart-stats/partner-chart-stats.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 PartnerChartStatsActive: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PartnerChartStatsStories: {
+    (): 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 PartnerMonthlyStats } 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-toggle-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PartnerToggleButton } from "./partner-toggle-button";
+export { default as PartnerToggleButtonBlock, } from "./partner-toggle-button-block";

package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface PartnerToggleButtonBlockProps {
+    labelLeft: string;
+    labelRight: string;
+    onClickLeft: () => void;
+    onClickRight: () => void;
+    className?: string;
+    isActive?: boolean;
+}
+declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
+export default PartnerToggleButtonBlock;

package/dist/components/partner-toggle-button/partner-toggle-button-block.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 PartnerToggleButtonBlockStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-toggle-button/partner-toggle-button.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface PartnerToggleButtonProps {
+    label: string;
+    active: boolean;
+    onClick: () => void;
+}
+declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
+export default PartnerToggleButton;

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

@@ -1,2 +1,4 @@
 export { default as PhoneNumberInput } from "./phone-number-input";
+export { default as PhoneInput } from "./phone-number-input-v2";
+export { default as PhoneNumberInputV1 } from "./phone-number-input-v1";
 export * from "./util";

package/dist/components/phone-number-input/phone-number-input-v1.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 PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
+export default PhoneNumberInputV1;

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

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

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

@@ -11,3 +11,21 @@ export declare const PhoneNumberInputStory: {
         name: string;
     };
 };
+export declare const PhoneInputStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputStoryV1: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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/progress-bar-circle.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface CircularProgressProps {
+    percentage: number;
+    strokeWidth: number;
+    sqSize: number;
+    color: string;
+    centerContent?: JSX.Element;
+}
+declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => JSX.Element;
+export default CircularProgress;

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,20 @@
+/// <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;
+    };
+};
+export declare const progressbarCircle: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,24 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string;
+    onChange: (e: React.FormEvent) => 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;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, }: SelectProps) => JSX.Element;
+export default SelectV2;

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

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

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

@@ -0,0 +1,23 @@
+import React from "react";
+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: any) => void;
+    externalLabel?: boolean;
+    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 const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -0,0 +1,25 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string | number;
+    onChange: (e: React.FormEvent) => 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;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -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/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/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

@@ -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/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;