@mycause/ui 0.0.0-cb5efc7a → 0.0.0-cba5b1d7

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

@@ -1,44 +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 { UserData } from "./navigation-user-menu";
 import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
-declare type NavigationMenu = {
+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 = {
+type SearchAction = {
     analyticsId?: string;
     onSearch: (query: string) => void;
 };
-declare type LoginAction = {
+type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
 };
-declare type StatsItemProps = {
+type StatsItemProps = {
     id: string;
     label: string;
     value: string;
     logo: string;
 };
-export declare type NavigationProps = {
+export 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;
 };
-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): React.JSX.Element;
 export default Navigation;

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

@@ -1,40 +1,22 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const full: {
-    (): JSX.Element;
+export declare const NavigationDemo: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const list: {
-    (): JSX.Element;
+export declare const NavigationDemo2: {
+    (): React.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: {
-    (): JSX.Element;
+export declare const NavigationDemo2SupportLink: {
+    (): React.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 @@
+import React from "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) => React.JSX.Element;
+export default PartnerChartStats;

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

@@ -0,0 +1,19 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const PartnerChartStatsActive: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PartnerChartStatsStories: {
+    (): React.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 @@
+import React from "react";
+export interface PartnerMonthlyDonationsProps {
+    totalAmount?: number;
+    numberOfDonations?: number;
+    donationsLink?: string;
+}
+declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => React.JSX.Element;
+export default PartnerMonthlyDonations;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const PartnerMonthlyStatsStories: {
+    (): React.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 @@
+import React from "react";
+export interface PartnerMonthlyStatsProps {
+    numeric?: number;
+    title: string;
+}
+declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => React.JSX.Element;
+export default PartnerMonthlyStats;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const PartnerMonthlyStatsStories: {
+    (): React.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 @@
+import React from "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) => React.JSX.Element;
+export default PartnerToggleButtonBlock;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const PartnerToggleButtonBlockStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -1,3 +1,4 @@
 export { default as PhoneNumberInput } from "./phone-number-input";
-export { default as PhoneNumberField } from "./phone-number-field";
+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-field/phone-number-field.d.ts → phone-number-input/phone-number-input-v1.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
 import { CountryCode } from "libphonenumber-js";
-declare type PhoneNumberFieldProps = {
+type PhoneNumberInputProps = {
     values: {
         number: string;
         countryCallingCode: string;
@@ -12,12 +12,16 @@ declare type PhoneNumberFieldProps = {
         country: string;
     };
     onChange: (value: string, name: string) => void;
-    label?: React.ReactNode;
+    label?: string;
     error?: string | null;
     onBlur?: (e: React.FocusEvent) => void;
     helperText?: React.ReactNode;
     required?: boolean;
     defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
+    isDisableCountries?: boolean;
+    showCallingCode?: boolean;
 };
-declare function PhoneNumberField({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberFieldProps): JSX.Element;
-export default PhoneNumberField;
+declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, isDisableCountries, showCallingCode, }: PhoneNumberInputProps): React.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";
+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): React.JSX.Element;
+export default PhoneInput;

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

@@ -1,15 +1,26 @@
 import React from "react";
-declare type PhoneNumberInputProps = {
-    value: string;
-    onChange: (arg: string) => void;
-    buttonClass?: string;
-    inputClass?: string;
-    preferredCountries?: Array<string>;
-    label?: string;
-    placeholder?: string;
-    required?: boolean;
+import { CountryCode } from "libphonenumber-js";
+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;
-    error?: string | boolean;
+    required?: boolean;
+    defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
+    disabled?: boolean;
 };
-declare const PhoneNumberInput: ({ value, onChange, buttonClass, inputClass, preferredCountries, label, placeholder, required, helperText, error, }: PhoneNumberInputProps) => JSX.Element;
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): React.JSX.Element;
 export default PhoneNumberInput;

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

@@ -0,0 +1,41 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    argTypes: {
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        required: {
+            control: string;
+            defaultValue: boolean;
+        };
+        helperText: {
+            control: string;
+            defaultValue: string;
+        };
+        error: {
+            control: string;
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const PhoneNumberInputStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputDisableStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneInputStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputV2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PhoneNumberInputStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputIsDisableCountriesStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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 @@
+import React from "react";
+export interface CampaignCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+}
+declare const Popup: ({ className, title, description, }: CampaignCardProps) => React.JSX.Element;
+export default Popup;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title, description, }: import("./popup").CampaignCardProps) => React.JSX.Element;
+};
+export default _default;
+export declare const popup: {
+    (): React.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 @@
+import React from "react";
+interface CircularProgressProps {
+    percentage: number;
+    strokeWidth: number;
+    sqSize: number;
+    color: string;
+    centerContent?: JSX.Element;
+}
+declare const CircularProgress: ({ percentage, strokeWidth, sqSize, centerContent, color, }: CircularProgressProps) => React.JSX.Element;
+export default CircularProgress;

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

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

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

@@ -0,0 +1,20 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => React.JSX.Element;
+};
+export default _default;
+export declare const progressbar: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const progressbarCircle: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -12,5 +12,5 @@ interface RadioGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, "wrap">
         disabled?: boolean;
     }>;
 }
-declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): JSX.Element;
+declare function RadioGroup({ name, value, onChange, options, onBlur, onFocus, disabled, ...rest }: RadioGroupProps): React.JSX.Element;
 export default RadioGroup;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioGroupStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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

@@ -13,5 +13,5 @@ export interface RadioProps extends Omit<MDCRadioProps, "initRipple" | "color" |
     name?: string;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, ...rest }: RadioProps) => JSX.Element;
+declare const Radio: ({ id, color, label, value, name, className, wrapperClasses, onChange, ...rest }: RadioProps) => React.JSX.Element;
 export default Radio;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const RadioExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioLabelExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const RadioDisabledExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

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,24 @@
+import React from "react";
+import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
+export 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;
+    outlined?: boolean;
+}
+declare const SelectV2: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, outlined, ...rest }: SelectProps) => React.JSX.Element;
+export default SelectV2;

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

@@ -3,5 +3,5 @@ import { SelectHelperTextProps as MaterialSelectHelperTextProps } from "@materia
 interface SelectHelperTextProps extends Omit<MaterialSelectHelperTextProps, "ref"> {
     children?: React.ReactNode;
 }
-declare function SelectHelperText(props: SelectHelperTextProps): JSX.Element;
+declare function SelectHelperText(props: SelectHelperTextProps): React.JSX.Element;
 export default SelectHelperText;

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

@@ -0,0 +1,27 @@
+import React from "react";
+export 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;
+    colorError?: string;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, error, colorError, }: SelectProps) => React.JSX.Element;
+export default SelectV2;

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

@@ -1,11 +1,11 @@
 import React from "react";
 import { SelectProps as MDCSelectProps, SelectHelperTextProps } from "@material/react-select";
-export declare type SelectOption = {
+export type SelectOption = {
     value: string;
     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;
@@ -16,7 +16,10 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
     helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
     isHelperTextPersistent?: boolean;
     noArrow?: boolean;
+    color?: string;
+    asteriskColor?: string;
     error?: boolean | string;
+    customTrailingIcon?: boolean;
 }
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, asteriskColor, customTrailingIcon, ...rest }: SelectProps) => React.JSX.Element;
 export default Select;