@mycause/ui 0.0.0-c243451b → 0.0.0-c2664a6d

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## 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/date-picker/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DatePicker } from "./date-picker";
 export { default as SingleDatePicker } from "./single-date-picker";
+export { default as CustomHeaderSingleDatePicker, } from "./single-date-picker-custom-header";

package/dist/components/date-picker/single-date-picker-custom-header.d.ts

@@ -22,10 +22,11 @@ export interface DatePickerProps {
     isOutsideRange?: () => boolean;
     renderCalendarInfo?: () => string | JSX.Element;
     calendarInfoPosition?: "before" | "after" | "top" | "bottom";
-    renderCalendarInfoPosition?: "before" | "after";
     navPrev?: string | JSX.Element;
     navNext?: string | JSX.Element;
     showDefaultInputIcon?: boolean;
+    startYear?: number;
+    endYear?: number;
 }
-declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, ...rest }: DatePickerProps) => JSX.Element;
-export default CustomSingleDatePicker;
+declare const CustomHeaderSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, startYear, endYear, ...rest }: DatePickerProps) => JSX.Element;
+export default CustomHeaderSingleDatePicker;

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-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/select/select-v2.d.ts

@@ -7,7 +7,7 @@ export declare type SelectOption = {
 export interface SelectProps {
     label?: string;
     value: string | number;
-    onChange: (e: React.FormEvent) => void;
+    onChange: (value: string) => void;
     externalLabel?: boolean;
     large?: boolean;
     options: Array<SelectOption>;
@@ -20,6 +20,7 @@ export interface SelectProps {
     itemHoverColor?: string;
     error?: boolean | string;
     trailingIcon?: React.ReactElement;
+    bgColor?: string;
 }
-declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, }: SelectProps) => JSX.Element;
+declare const SelectV2: ({ options, value, onChange, color, itemHoverColor, noArrow, trailingIcon, bgColor, }: 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/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: {