@mycause/ui 0.0.0-c0e7f011 → 0.0.0-c1005b3e

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { ButtonProps } from "../button/button";
+import { UserData } from "./nav-user-menu";
+declare type LoginAction = {
+    analyticsId?: string;
+    onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+};
+export declare type NavigationProps = {
+    logo?: React.ReactNode;
+    cta?: ButtonProps | null;
+    user?: UserData | null;
+    login?: LoginAction | null;
+    isSticky?: boolean;
+    menuReverse?: boolean;
+};
+declare function Navigation({ logo, cta, user, login, isSticky }: NavigationProps): JSX.Element;
+export default Navigation;

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

@@ -9,3 +9,9 @@ export declare const NavigationDemo2SupportLink: {
         name: string;
     };
 };
+export declare const NavigationMyaccount: {
+    (): 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/partner-dashboard-chart/chart.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: () => JSX.Element;
+};
+export default _default;
+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-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/{parnert-monthly-stats/parnert-monthly-stats.stories.d.ts → partner-toggle-button/partner-toggle-button-block.stories.d.ts}

@@ -4,7 +4,7 @@ declare const _default: {
     decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const PartnertMonthlyStatsStories: {
+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,3 @@
 export { default as PhoneNumberInput } from "./phone-number-input";
+export { default as PhoneInput } from "./phone-number-input-v2";
 export * from "./util";

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

@@ -0,0 +1,18 @@
+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;
+};
+declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, }: PhoneInputProps): JSX.Element;
+export default PhoneInput;

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

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

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.stories.d.ts

@@ -12,3 +12,9 @@ export declare const progressbar: {
         name: string;
     };
 };
+export declare const progressbarCircle: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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/start-fundraise-card/index.d.ts

@@ -0,0 +1 @@
+export { default as StartFundraiseCard } from "./start-fundraise-card";

package/dist/components/start-fundraise-card/start-fundraise-card.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface StartFundraiseCardProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    buttonText?: string;
+    onClick?: () => void;
+}
+declare const StartFundraiseCard: ({ className, title, buttonText, onClick, }: StartFundraiseCardProps) => JSX.Element;
+export default StartFundraiseCard;

package/dist/components/start-fundraise-card/start-fundraise-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, buttonText, onClick, }: import("./start-fundraise-card").StartFundraiseCardProps) => JSX.Element;
+};
+export default _default;
+export declare const startFundraiseStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/this-month-card/this-month-card.d.ts

@@ -5,12 +5,11 @@ interface MonthData {
 }
 interface ThisMonthCardProps {
     totalDonations: number;
-    donors: number;
     thisMonthData?: Array<MonthData>;
     imgLink: string;
     buttonLink: string;
     buttonText: string;
     className?: string;
 }
-declare const ThisMonthCard: ({ totalDonations, donors, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
+declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
 export default ThisMonthCard;