@mycause/ui 0.0.0-cabc1e23 → 0.0.0-cac0ddff

package/CHANGELOG.md

@@ -1,3 +1,57 @@
+## 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

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,5 @@ export * from "./my-account-stats-raised";
 export * from "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
+export * from "./toast";
+export * from "./input-social";

package/dist/components/input-social/Icons.d.ts

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

package/dist/components/input-social/InputSocial.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface InputSocialProps {
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
+    error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
+    icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+}
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => JSX.Element;
+export default InputSocial;

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

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

package/dist/components/input-social/input-social.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/my-account-sidebar/my-account-sidebar.d.ts

@@ -2,10 +2,11 @@
 export interface MyAccountSidebarProps {
     listMenu: Array<ItemMenu>;
     dashboard: ItemMenu;
-    account?: ItemMenu;
+    account: ItemMenu;
     contract?: ItemMenu;
     handleSetOverlay: (value: boolean) => void;
     activeMenu: ItemMenu;
+    pathnameActive?: string;
 }
 declare type ItemMenu = {
     id: string;
@@ -14,5 +15,5 @@ declare type ItemMenu = {
     href?: string;
     items?: Array<ItemMenu>;
 };
-declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, }: MyAccountSidebarProps) => JSX.Element;
+declare const MyAccountSidebar: ({ listMenu, dashboard, account, contract, handleSetOverlay, activeMenu, pathnameActive, }: MyAccountSidebarProps) => JSX.Element;
 export default MyAccountSidebar;

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/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/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/switch/index.d.ts

@@ -1 +1,2 @@
 export { default as Switch } from "./switch";
+export { default as SwitchV2 } from "./switch-v2";

package/dist/components/switch/switch-v2.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SwitchV2Props {
+    checked?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    color?: string;
+}
+declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
+export default SwitchV2;

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

@@ -23,3 +23,9 @@ export declare const SwitchDisabled: {
         name: string;
     };
 };
+export declare const SwitchV2Story: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/text-field/text-field-search.d.ts

@@ -4,6 +4,7 @@ interface TextFieldSearchProps {
     onChange: (value: string) => void;
     onSubmit: () => void;
     placeholder?: string;
+    isFocus?: boolean;
 }
-declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
+declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): JSX.Element;
 export default TextFieldSearch;

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: {

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    upload: (props?: {}) => JSX.Element;
+    remove: (props?: {}) => JSX.Element;
+};
+export default Icons;

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

@@ -1 +1,2 @@
 export { default as Uploader } from "./uploader";
+export { default as UploadAndCropper } from "./uploadAndCropper";

package/dist/components/uploader/uploadAndCropper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface UploadAndCropperProps {
+    imageDefault: string;
+}
+declare const UploadAndCropper: ({ imageDefault }: UploadAndCropperProps) => JSX.Element;
+export default UploadAndCropper;