@mycause/ui 0.0.0-c8d88994 → 0.0.0-c8e6a8b0

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
+export type UserData = {
+    name: string;
+    avatar?: {
+        src: string;
+    };
+};
+export 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): React.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";
+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;
+};
+type SearchAction = {
+    analyticsId?: string;
+    onSearch: (query: string) => void;
+};
+type LoginAction = {
+    analyticsId?: string;
+    onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+};
+type StatsItemProps = {
+    id: string;
+    label: string;
+    value: string;
+    logo: string;
+};
+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;
+    isDark?: boolean;
+};
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): React.JSX.Element;
+export default Navigation;

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

@@ -0,0 +1,17 @@
+import React from "react";
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const NavigationDemo2SupportLink: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const NavigationMyaccount: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -1,26 +1,5 @@
-/// <reference types="react" />
-import { ButtonProps } from "../button/button";
-import { IconProps } from "../icon/icon";
-export declare type UserData = {
-    name: string;
-    avatar?: {
-        src: string;
-    };
-};
-export declare type NavigationActionsProps = {
-    open?: boolean;
-    cta?: ButtonProps | null;
-    user?: UserData | null;
-    userMenu: Array<{
-        icon: IconProps;
-        label: string;
-        onClick?: () => void;
-        href?: string;
-    }>;
-    onMenuOpen: () => void;
-    onMenuClose: () => void;
-    onSearchOpen: () => void;
-    onLogin: () => void;
-};
-declare function NavigationActions({ open, cta, user, onMenuOpen, onMenuClose, onSearchOpen, onLogin, userMenu, }: NavigationActionsProps): JSX.Element;
+import React from "react";
+declare function NavigationActions({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
 export default NavigationActions;

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

@@ -1,6 +1,7 @@
 import React from "react";
-export declare type NavigationBarProps = {
+export type NavigationBarProps = {
     children?: React.ReactNode;
+    isCompactHeight?: boolean;
 };
-declare function NavigationBar({ children }: NavigationBarProps): JSX.Element;
+declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
 export default NavigationBar;

package/dist/components/navigation/navigation-call-to-action.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ButtonProps } from "../button/button";
+type NavigationCallToActionProps = Omit<ButtonProps, "color">;
+declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
+export default NavigationCallToAction;

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

@@ -1,16 +1,11 @@
 import React from "react";
 import { HybridNavigationLink } from "./navigation-list";
-export declare type NavigationExpandedProps = {
-    links: Array<HybridNavigationLink>;
-    stats: Array<{
-        id: string;
-        label: string;
-        unit: string;
-        logo?: string;
-    }>;
+export type NavigationExpandedProps = {
+    links?: Array<HybridNavigationLink>;
     children?: React.ReactNode;
+    banner?: React.ReactNode;
     onRequestClose: () => void;
     className?: string;
 };
-declare function NavigationExpanded({ links, stats, children, onRequestClose, className, }: NavigationExpandedProps): JSX.Element;
+declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): React.JSX.Element;
 export default NavigationExpanded;

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

@@ -1,23 +1,27 @@
 import React from "react";
-export declare type HrefNavigationLink = {
+export type HrefNavigationLink = {
     href: string;
     label: React.ReactNode;
+    analyticsId?: string;
+    icon?: string;
 };
-export declare type ClickNavigationLink = {
+export type ClickNavigationLink = {
     onClick?: () => void;
     id: string;
     label: React.ReactNode;
     more?: boolean;
+    analyticsId?: string;
+    icon?: string;
 };
-export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
-export declare type NavigationListItem = HybridNavigationLink & {
+export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
+export type NavigationListItem = HybridNavigationLink & {
     children?: React.ReactNode;
 };
-export declare type NavigationMenuListProps = {
+export 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;
+declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
 export default NavigationList;

package/dist/components/navigation/navigation-menu-control.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
+    isMenuOpen: boolean;
+    onChangeMenuOpen: (isOpen: boolean) => void;
+}
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
+export default NavigationMenuControl;

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

@@ -1,11 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { HybridNavigationLink } from "./navigation-list";
-export declare type NavigationMenuProps = {
+export type NavigationMenuProps = {
     links: Array<HybridNavigationLink>;
     onClickItem: (id: string) => void;
     sublinks: Array<HybridNavigationLink> | null;
     action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
     active: string | null;
 };
-export declare function NavigationMenu({ links, sublinks, action, active, onClickItem, }: NavigationMenuProps): JSX.Element;
+export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
 export default NavigationMenu;

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface NavigationSearchControlProps {
+    onChangeSearchOpen: (isOpen: boolean) => void;
+    analyticsId?: string;
+}
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
+export default NavigationSearchControl;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 interface NavigationSearchProps {
     value: string;
     onChange: (value: string) => void;
     onSubmit: () => void;
     onCancel: () => void;
 }
-declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
+declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
 export default NavigationSearch;

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

@@ -0,0 +1,11 @@
+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;
+}
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
+export default NavigationSignInControl;

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

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

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
+export type UserData = {
+    name: string;
+    avatar?: {
+        src: string;
+    };
+};
+export 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): React.JSX.Element;
+export default NavigationUserMenu;

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";
-declare type NavigationMenu = {
+import { UserData } from "./navigation-user-menu";
+import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
+type NavigationMenu = {
     id: string;
     label: React.ReactNode;
+    analyticsId?: string;
+    hidden?: boolean;
     items: Array<HybridNavigationLink & {
         submenu?: Array<HybridNavigationLink>;
     }>;
     action?: HybridNavigationLink;
+    actionRaised?: HybridNavigationLink;
+    onClick?: () => void;
 };
-export declare type NavigationProps = {
-    menus: Array<NavigationMenu>;
-    links: Array<HybridNavigationLink>;
-    stats: Array<{
-        id: string;
-        label: string;
-        unit: string;
-        logo?: string;
-    }>;
-    logo: React.ReactNode;
-    cta?: ButtonProps | null;
-    user?: UserData | null;
-    userMenu: NavigationActionsProps["userMenu"];
+type SearchAction = {
+    analyticsId?: string;
     onSearch: (query: string) => void;
+};
+type LoginAction = {
+    analyticsId?: string;
     onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+};
+type StatsItemProps = {
+    id: string;
+    label: string;
+    value: string;
+    logo: string;
+};
+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, onSearch, onLogin, }: 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,52 +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 actions: {
-    (): JSX.Element;
+export declare const NavigationDemo2: {
+    (): React.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: {
-    (): 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,18 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+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,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+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,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+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,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+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

@@ -0,0 +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,26 @@
+import React from "react";
+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;
+    required?: boolean;
+    defaultCountry?: CountryCode;
+    placeholder?: string;
+    color?: string;
+    isDisableCountries?: boolean;
+};
+declare function PhoneNumberInputV1({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, isDisableCountries, }: 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;