@mycause/ui 0.0.0-cb0f30ed → 0.0.0-cb1c0172

package/dist/components/index.d.ts

@@ -61,3 +61,4 @@ export * from "./my-account-frp-preview";
 export * from "./my-account-stats-donated";
 export * from "./my-account-stats-raised";
 export * from "./input";
+export * from "./my-account-frp-closed";

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 interface InputDefaltProps {
-    lable?: string;
+    label?: string;
     required?: boolean;
     placeholder?: string;
-    onChange: (value: string) => void;
-    value: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
     error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
 }
-declare const Input: ({ lable, required, placeholder, value, onChange, error, }: InputDefaltProps) => JSX.Element;
+declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => JSX.Element;
 export default Input;

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

@@ -16,3 +16,9 @@ export declare const InputV2: {
         name: string;
     };
 };
+export declare const InputV3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/my-account-frp-closed/frp-closed-img.d.ts

@@ -3,6 +3,7 @@ export interface FrpClosedImgProps {
     img?: string;
     link?: string;
     title?: string;
+    frpColor?: string;
 }
-declare const FrpClosedImg: ({ img, link, title }: FrpClosedImgProps) => JSX.Element;
+declare const FrpClosedImg: ({ img, link, title, frpColor }: FrpClosedImgProps) => JSX.Element;
 export default FrpClosedImg;

package/dist/components/my-account-frp-closed/frp-information.d.ts

@@ -2,9 +2,10 @@
 interface FrpInfomationProps {
     donations: number;
     amountRaised: number;
-    amountGoal: number;
+    amountGoal: number | null;
     sqSize: number;
     strokeWidth: number;
+    closedDate?: string | undefined;
 }
-declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, }: FrpInfomationProps) => JSX.Element;
 export default FrpInfomation;

package/dist/components/my-account-frp-closed/index.d.ts

@@ -1 +1 @@
-export { default as MyAccountFrpPreview } from "./my-account-frp-closed";
+export { default as MyAccountFrpClosed } from "./my-account-frp-closed";

package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts

@@ -5,9 +5,11 @@ export interface MyAccountFrpClosedProps {
     title?: string;
     donations: number;
     amountRaised: number;
-    amountGoal: number;
+    amountGoal: number | null;
     sqSize: number;
     strokeWidth: number;
+    frpColor?: string;
+    closedDate?: string;
 }
-declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, }: MyAccountFrpClosedProps) => JSX.Element;
+declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, }: MyAccountFrpClosedProps) => JSX.Element;
 export default MyAccountFrpClosed;

package/dist/components/my-account-frp-preview/frp-preview-img.d.ts

@@ -3,6 +3,7 @@ export interface FrpPreviewImgProps {
     img?: string;
     link?: string;
     title?: string;
+    frpColor?: string;
 }
-declare const FrpPreviewImg: ({ img, link, title }: FrpPreviewImgProps) => JSX.Element;
+declare const FrpPreviewImg: ({ img, link, title, frpColor }: FrpPreviewImgProps) => JSX.Element;
 export default FrpPreviewImg;

package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts

@@ -11,6 +11,7 @@ export interface MyAccountFrpPreviewProps {
     sqSize: number;
     strokeWidth: number;
     manageLink?: string;
+    frpColor?: string;
 }
-declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, }: MyAccountFrpPreviewProps) => JSX.Element;
+declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, frpColor, }: MyAccountFrpPreviewProps) => JSX.Element;
 export default MyAccountFrpPreview;

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

@@ -7,6 +7,8 @@ declare const Icons: {
     account: () => JSX.Element;
     support: () => JSX.Element;
     additional: () => JSX.Element;
+    minus: () => JSX.Element;
+    dot: () => JSX.Element;
     menu: () => JSX.Element;
     close: () => JSX.Element;
 };

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

@@ -9,9 +9,10 @@ export interface MyAccountSidebarProps {
 }
 declare type ItemMenu = {
     id: string;
-    icon: any;
+    icon?: any;
     label: string;
     href?: string;
+    items?: Array<ItemMenu>;
 };
 declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, }: MyAccountSidebarProps) => JSX.Element;
 export default MyAccountSidebar;

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

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

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

@@ -8,6 +8,7 @@ export declare type NavigationExpandedCharityProps = {
     className?: string;
     action: HybridNavigationLink | null;
     actionRaised?: HybridNavigationLink | null;
+    loginRaised?: HybridNavigationLink | null;
 };
-declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
+declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, }: NavigationExpandedCharityProps): JSX.Element;
 export default NavigationExpandedCharity;

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { ButtonProps } from "../button/button";
+import { UserData } from "./nav-user-menu";
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
+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;
+    userMenu?: Array<UserMenuItemWithSubmenu>;
+};
+declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): JSX.Element;
+export default Navigation;

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

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

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/phone-number-input/phone-number-input-v2.d.ts

@@ -13,6 +13,7 @@ declare type PhoneInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    name?: string;
 };
-declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, }: PhoneInputProps): JSX.Element;
+declare function PhoneInput({ values, onChange, defaultCountry, label, required, placeholder, error, name, }: PhoneInputProps): JSX.Element;
 export default PhoneInput;

package/dist/components/table/partner-monthly-table.d.ts

@@ -11,6 +11,7 @@ export interface PartnerMonthlyTableProps {
     data: Array<object>;
     title?: string;
     tooltip?: string;
+    customBottomRow?: React.ReactNode;
 }
-declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, }: PartnerMonthlyTableProps) => JSX.Element;
 export default PartnerMonthlyTable;