@mycause/ui 0.0.0-c4f4bae9 → 0.0.0-c5096769

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

package/dist/components/input/InputDefault.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface InputDefaltProps {
+    lable?: string;
+    required?: boolean;
+    placeholder?: string;
+}
+declare const Input: ({ lable, required, placeholder }: InputDefaltProps) => JSX.Element;
+export default Input;

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

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

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

package/dist/components/line-chart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PartnerLineChart } from "./partner-line-chart";
+export { default as PartnerLineChartBlock } from "./partner-line-chart-block";

package/dist/components/line-chart/partner-line-chart-block.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface PartnerLineChartBlockProps {
+    chartData: {
+        current_year: Array<number>;
+        months_label: Array<string>;
+        requested_year: Array<number>;
+    };
+}
+declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
+export default PartnerLineChartBlock;

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

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

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

package/dist/components/logo/logo-type.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 export declare type LogoTypeProps = {
     size?: "large";
+    isDark?: boolean;
 };
 /**
  * A dummy mycause logo
  */
-declare function LogoType({ size }: LogoTypeProps): JSX.Element;
+declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
 export default LogoType;

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

@@ -1 +1,2 @@
 export { default as Modal } from "./modal";
+export { default as ModalImage } from "./modal-image";

package/dist/components/modal/modal-image.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

package/dist/components/modal/modal.d.ts

@@ -15,6 +15,7 @@ export interface ModalProps {
     minimal?: boolean;
     acceptText?: string;
     cancelText?: string;
+    disableAcceptButton?: boolean;
 }
-declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, minimal, }: ModalProps) => JSX.Element;
+declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, }: ModalProps) => JSX.Element;
 export default Modal;

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

@@ -29,3 +29,9 @@ export declare const ModalStoriesMinimal: {
         name: string;
     };
 };
+export declare const ModalStoriesImage: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/modal/modalImage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

package/dist/components/my-account-sidebar/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const Icons: {
+    dashboard: (props?: {}) => JSX.Element;
+    collapse: (props?: {}) => JSX.Element;
+    expand: () => JSX.Element;
+    donations: () => JSX.Element;
+    account: () => JSX.Element;
+    support: () => JSX.Element;
+    additional: () => JSX.Element;
+};
+export default Icons;

package/dist/components/my-account-sidebar/index.d.ts

@@ -0,0 +1 @@
+export { default as GreenDashboardSidebar } from "./my-account-sidebar";

package/dist/components/my-account-sidebar/my-account-sidebar.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface MyAccountSidebarProps {
+    listMenu: Array<ItemMenu>;
+    noDashboard?: boolean;
+    noAccount?: boolean;
+    noContract?: boolean;
+}
+declare type ItemMenu = {
+    id: string;
+    icon: any;
+    label: string;
+    href?: string;
+};
+declare const MyAccountSidebar: ({ listMenu, noDashboard, noAccount, noContract, }: MyAccountSidebarProps) => JSX.Element;
+export default MyAccountSidebar;

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

package/dist/components/my-account-stats-donated/index.d.ts

@@ -0,0 +1 @@
+export { default as MyAccountDonated } from "./my-account-stats-donated";

package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MyAccountStatsDonatedProps {
+    number: number;
+    donations: number;
+    campaigns: number;
+}
+declare const MyAccountStatsDonated: ({ number, donations, }: MyAccountStatsDonatedProps) => JSX.Element;
+export default MyAccountStatsDonated;

package/dist/components/my-account-stats-donated/my-account-stats-donated.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 popup: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/my-account-stats-raised/index.d.ts

@@ -0,0 +1 @@
+export { default as GreenDashboardRaised } from "./my-account-stats-raised";

package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MyAccountStatsRaisedProps {
+    number: number;
+    donations: number;
+    campaigns: number;
+}
+declare const MyAccountStatsRaised: ({ number, donations, campaigns, }: MyAccountStatsRaisedProps) => JSX.Element;
+export default MyAccountStatsRaised;

package/dist/components/my-account-stats-raised/my-account-stats-raised.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 popup: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare function NavigationActions({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export default NavigationActions;

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

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

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

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

package/dist/components/nav/nav-expanded-charity.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { HybridNavigationLink } from "./nav-list";
+export declare type NavigationExpandedCharityProps = {
+    links?: Array<HybridNavigationLink>;
+    children?: React.ReactNode;
+    banner?: React.ReactNode;
+    onRequestClose: () => void;
+    className?: string;
+    action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
+};
+declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
+export default NavigationExpandedCharity;

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { HybridNavigationLink } from "./nav-list";
+export declare type NavigationExpandedProps = {
+    links?: Array<HybridNavigationLink>;
+    children?: React.ReactNode;
+    banner?: React.ReactNode;
+    onRequestClose: () => void;
+    className?: string;
+    action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
+    isSubMenu?: boolean;
+};
+declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): JSX.Element;
+export default NavigationExpanded;

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

@@ -0,0 +1,29 @@
+import React from "react";
+export declare type HrefNavigationLink = {
+    href: string;
+    label: React.ReactNode;
+    subLabel: string;
+    analyticsId?: string;
+    icon?: string;
+};
+export declare type ClickNavigationLink = {
+    onClick?: () => void;
+    id: string;
+    label: React.ReactNode;
+    subLabel: string;
+    more?: boolean;
+    analyticsId?: string;
+    icon?: string;
+};
+export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
+export declare type NavigationListItem = HybridNavigationLink & {
+    children?: React.ReactNode;
+};
+export declare type NavigationMenuListProps = {
+    items: Array<NavigationListItem>;
+    onClickItem?: (id: string) => void;
+    size?: "normal" | "large" | "long";
+    active?: string | null;
+};
+declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
+export default NavigationList;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HybridNavigationLink } from "./nav-list";
+export declare 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, active, onClickItem, }: NavigationMenuProps): JSX.Element;
+export default NavigationMenu;

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,56 @@
+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;
+    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,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const NavigationDemo2SupportLink: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -15,6 +15,7 @@ declare type NavigationMenu = {
     }>;
     action?: HybridNavigationLink;
     actionRaised?: HybridNavigationLink;
+    onClick?: () => void;
 };
 declare type SearchAction = {
     analyticsId?: string;

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

@@ -15,3 +15,9 @@ export declare const NavigationDemo2: {
         name: string;
     };
 };
+export declare const NavigationDemo2SupportLink: {
+    (): 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-dashboard-chart/chart.d.ts

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

package/dist/components/{comments/comments.stories.d.ts → partner-dashboard-chart/chart.stories.d.ts}

@@ -1,11 +1,13 @@
+/// <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 CommentsStory: {
-    (): boolean;
+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 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";