@mycause/ui 0.0.0-ca06fff2 → 0.0.0-ca0a4c36

package/CHANGELOG.md

@@ -1,3 +1,64 @@
+## 0.18.8
+
+###### Fri, 15 Mar 2024
+
+- MyAccountStartFundraiseCard
+  - Add new button
+
+## 0.18.7
+
+###### Tus, 4 Feb 2024
+
+- Phone number input, Enhanced Select
+  - create new component
+
+## 0.18.6
+
+###### Tus, 4 Feb 2024
+
+- Phone number input
+  - add disabled prop
+
+## 0.18.5
+
+###### Mon, 26 Feb 2024
+
+- Input, Toast, Phone number input V2
+  - create new component
+- Select
+  - Add asteriskColor, customTrailingIcon and onEnhancedChange props
+
+## 0.18.3
+
+###### Tues, 23 Jan 2024
+
+- Update stats block
+
+## 0.18.2
+
+###### Mon, 22 Jan 2024
+
+- Add new components for My Account:
+  - Sidebar
+  - Stats blocks
+  - Progressbar
+  - FRP preview card
+  - FRP closed card
+  - Favorite charities card
+
+## 0.18.1
+
+###### Wed, 23 Aug 2023
+
+- Create modal show image
+
+## 0.18.0
+
+###### Wed, 23 Aug 2023
+
+- Nav
+- Add props for login button under "I'm A Charity" menu
+
 ## 0.17.9
 
 - Update UI component for new parter dashboard

package/dist/components/index.d.ts

@@ -47,12 +47,6 @@ export * from "./partner-chart-stats";
 export * from "./this-month-card";
 export * from "./partner-toggle-button";
 export * from "./footerV2";
-export * from "./partner-monthly-donations";
-export * from "./partner-monthly-stats";
-export * from "./table";
-export * from "./partner-chart-stats";
-export * from "./this-month-card";
-export * from "./partner-toggle-button";
 export * from "./my-account-start-fundraise-card";
 export * from "./my-account-choose-charity-card";
 export * from "./favorite-charity-item";
@@ -63,3 +57,4 @@ export * from "./my-account-stats-raised";
 export * from "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
+export * from "./toast";

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 interface InputDefaltProps {
-    label?: string;
+    label?: string | React.ReactNode;
     required?: boolean;
     placeholder?: string;
     onChange?: (value: string) => void;

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

@@ -2,7 +2,7 @@
 export interface MyAccountSidebarProps {
     listMenu: Array<ItemMenu>;
     dashboard: ItemMenu;
-    account?: ItemMenu;
+    account: ItemMenu;
     contract?: ItemMenu;
     handleSetOverlay: (value: boolean) => void;
     activeMenu: ItemMenu;

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

@@ -3,9 +3,11 @@ export interface MyAccountStartFundraiseCardProps {
     className?: string;
     title?: string;
     description?: string;
-    buttonText?: string;
-    onClick?: () => void;
+    buttonText1?: string;
+    buttonText2?: string;
+    onClickButton1?: () => void;
+    onClickButton2?: () => void;
     width: string;
 }
-declare const MyAccountStartFundraiseCard: ({ className, title, buttonText, onClick, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
+declare const MyAccountStartFundraiseCard: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
 export default MyAccountStartFundraiseCard;

package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, buttonText, onClick, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
+    component: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
 };
 export default _default;
 export declare const startFundraiseStory: {
@@ -12,3 +12,9 @@ export declare const startFundraiseStory: {
         name: string;
     };
 };
+export declare const startFundraiseStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -20,6 +20,7 @@ declare type PhoneNumberInputProps = {
     defaultCountry?: CountryCode;
     placeholder?: string;
     color?: string;
+    disabled?: boolean;
 };
-declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
+declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, disabled, }: PhoneNumberInputProps): JSX.Element;
 export default PhoneNumberInput;

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

@@ -11,6 +11,12 @@ export declare const PhoneNumberInputStory: {
         name: string;
     };
 };
+export declare const PhoneNumberInputDisableStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
 export declare const PhoneInputStory: {
     (): JSX.Element;
     story: {

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

@@ -0,0 +1,24 @@
+import React from "react";
+export declare type SelectOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+};
+export interface SelectProps {
+    label?: string;
+    value: string;
+    onChange: (e: React.FormEvent) => 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;
+}
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, }: SelectProps) => JSX.Element;
+export default SelectV2;

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

@@ -5,7 +5,7 @@ export declare type SelectOption = {
     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;

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

@@ -10,13 +10,13 @@ export declare const SelectStory: {
         name: string;
     };
 };
-export declare const SelectEnhancedStory: {
+export declare const SelectStoryV2: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const SelectStoryV2: {
+export declare const SelectEnhancedStory: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/toast/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => JSX.Element;
+    warning: () => JSX.Element;
+};
+export default Icons;

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

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

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToastContainerProps } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+export interface ToastProps extends ToastContainerProps {
+    color?: string;
+}
+declare function Toast({ ...props }: ToastProps): JSX.Element;
+export default Toast;

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

package/dist/components/transaction-card/transaction-card.d.ts

@@ -8,6 +8,7 @@ export interface TransactionCardProps {
     tax?: string;
     date?: string;
     action?: React.ReactNode;
+    onClick?: () => void;
 }
-declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, }: TransactionCardProps) => JSX.Element;
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: TransactionCardProps) => JSX.Element;
 export default TransactionCard;

package/dist/components/transaction-card/transaction-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, amount, recipient, receiptNo, details, tax, date, action, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
 };
 export default _default;
 export declare const TransactionCardStory: {