@mycause/ui 0.0.0-c1005b3e → 0.0.0-c10d3ebf
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +93 -0
- package/dist/components/credit-card-form/CreditCardForm.d.ts +13 -0
- package/dist/components/credit-card-form/Icons.d.ts +7 -0
- package/dist/components/{line-chart/partner-line-chart-block.stories.d.ts → credit-card-form/credit-card.stories.d.ts} +1 -1
- package/dist/components/credit-card-form/index.d.ts +1 -0
- package/dist/components/credit-card-form/toast.stories.d.ts +12 -0
- package/dist/components/date-picker/date-picker.stories.d.ts +7 -0
- package/dist/components/date-picker/index.d.ts +1 -0
- package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
- package/dist/components/date-picker/single-date-picker.d.ts +2 -1
- package/dist/components/index.d.ts +4 -7
- package/dist/components/input/InputDefault.d.ts +7 -5
- package/dist/components/input/input.stories.d.ts +6 -0
- package/dist/components/{my-account-frp-archive/Icon.d.ts → input-social/Icons.d.ts} +1 -1
- package/dist/components/input-social/InputSocial.d.ts +12 -0
- package/dist/components/input-social/index.d.ts +1 -0
- package/dist/components/{green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts → input-social/input-social.stories.d.ts} +1 -1
- package/dist/components/modal/modal.stories.d.ts +2 -2
- package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +2 -1
- package/dist/components/my-account-frp-closed/frp-information.d.ts +6 -3
- package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +7 -3
- package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +2 -1
- package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +2 -1
- package/dist/components/my-account-sidebar/Icon.d.ts +2 -0
- package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +5 -3
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +5 -3
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +7 -1
- package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +1 -2
- package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
- package/dist/components/nav/nav-myaccount.d.ts +3 -1
- package/dist/components/nav/nav.d.ts +1 -0
- package/dist/components/phone-number-input/index.d.ts +1 -0
- package/dist/components/phone-number-input/phone-number-input-v1.d.ts +25 -0
- package/dist/components/phone-number-input/phone-number-input-v2.d.ts +2 -1
- package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
- package/dist/components/phone-number-input/phone-number-input.stories.d.ts +12 -0
- package/dist/components/select/index.d.ts +2 -0
- package/dist/components/select/select-enhanced.d.ts +24 -0
- package/dist/components/select/select-v2.d.ts +27 -0
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/select/select.stories.d.ts +12 -0
- package/dist/components/switch/index.d.ts +1 -0
- package/dist/components/switch/switch-v2.d.ts +8 -0
- package/dist/components/switch/switch.stories.d.ts +6 -0
- package/dist/components/table/partner-monthly-table.d.ts +5 -2
- package/dist/components/text-field/text-field-search.d.ts +2 -1
- package/dist/components/text-field/text-field.d.ts +1 -0
- package/dist/components/toast/Icons.d.ts +7 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toast/toast.d.ts +8 -0
- package/dist/components/toast/toast.stories.d.ts +12 -0
- package/dist/components/transaction-card/Dot.d.ts +6 -0
- package/dist/components/transaction-card/index.d.ts +1 -0
- package/dist/components/transaction-card/transaction-card.d.ts +16 -0
- package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -0
- package/dist/components/uploader/Icons.d.ts +6 -0
- package/dist/components/uploader/uploadAndCropper.d.ts +13 -0
- package/dist/index.esm.js +1669 -536
- package/dist/index.js +1675 -534
- package/package.json +9 -3
- package/styles/index.css +7 -6
- package/dist/components/choose-charity-card/choose-charity-card.d.ts +0 -10
- package/dist/components/choose-charity-card/choose-charity-card.stories.d.ts +0 -14
- package/dist/components/choose-charity-card/index.d.ts +0 -1
- package/dist/components/green-dashboard-sidebar/Icon.d.ts +0 -11
- package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +0 -15
- package/dist/components/green-dashboard-sidebar/index.d.ts +0 -1
- package/dist/components/line-chart/index.d.ts +0 -2
- package/dist/components/line-chart/partner-line-chart-block.d.ts +0 -10
- package/dist/components/line-chart/partner-line-chart.d.ts +0 -3
- package/dist/components/modal/modalImage.d.ts +0 -8
- package/dist/components/my-account-frp-archive/frp-archive-img.d.ts +0 -8
- package/dist/components/my-account-frp-archive/frp-information.d.ts +0 -12
- package/dist/components/my-account-frp-archive/index.d.ts +0 -1
- package/dist/components/my-account-frp-archive/my-account-frp-archive.d.ts +0 -15
- package/dist/components/my-account-frp-archive/my-account-frp-archive.stories.d.ts +0 -24
- package/dist/components/partner-dashboard-chart/chart.d.ts +0 -3
- package/dist/components/partner-dashboard-chart/chart.stories.d.ts +0 -14
- package/dist/components/partner-dashboard-chart/index.d.ts +0 -1
- package/dist/components/start-fundraise-card/index.d.ts +0 -1
- package/dist/components/start-fundraise-card/start-fundraise-card.d.ts +0 -10
- package/dist/components/start-fundraise-card/start-fundraise-card.stories.d.ts +0 -14
|
@@ -10,3 +10,15 @@ export declare const SelectStory: {
|
|
|
10
10
|
name: string;
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
+
export declare const SelectStoryV2: {
|
|
14
|
+
(): JSX.Element;
|
|
15
|
+
story: {
|
|
16
|
+
name: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare const SelectEnhancedStory: {
|
|
20
|
+
(): JSX.Element;
|
|
21
|
+
story: {
|
|
22
|
+
name: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface SwitchV2Props {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
|
|
8
|
+
export default SwitchV2;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare type ColumnTableProps = {
|
|
3
3
|
key: string;
|
|
4
|
-
label: string;
|
|
4
|
+
label: string | React.ReactNode;
|
|
5
5
|
align: "center" | "left" | "right";
|
|
6
6
|
rowPrefixIcon?: string;
|
|
7
7
|
renderCell: (item: any) => React.ReactNode;
|
|
@@ -11,6 +11,9 @@ export interface PartnerMonthlyTableProps {
|
|
|
11
11
|
data: Array<object>;
|
|
12
12
|
title?: string;
|
|
13
13
|
tooltip?: string;
|
|
14
|
+
customBottomRow?: React.ReactNode;
|
|
15
|
+
onClickRow?: (item: any, rowIndex: number) => void;
|
|
16
|
+
getBackgroundRow?: (item: any, rowIndex: number) => string;
|
|
14
17
|
}
|
|
15
|
-
declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
|
|
18
|
+
declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, customBottomRow, onClickRow, getBackgroundRow, }: PartnerMonthlyTableProps) => JSX.Element;
|
|
16
19
|
export default PartnerMonthlyTable;
|
|
@@ -4,6 +4,7 @@ interface TextFieldSearchProps {
|
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
5
|
onSubmit: () => void;
|
|
6
6
|
placeholder?: string;
|
|
7
|
+
isFocus?: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
|
|
9
|
+
declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, isFocus, }: TextFieldSearchProps): JSX.Element;
|
|
9
10
|
export default TextFieldSearch;
|
|
@@ -20,6 +20,7 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
|
|
|
20
20
|
className?: string;
|
|
21
21
|
required?: boolean;
|
|
22
22
|
color?: string;
|
|
23
|
+
outlined?: boolean;
|
|
23
24
|
onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
|
|
24
25
|
}
|
|
25
26
|
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Toast } from "./toast";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToastContainerProps } from "react-toastify";
|
|
3
|
+
import "react-toastify/dist/ReactToastify.css";
|
|
4
|
+
export interface ToastProps extends ToastContainerProps {
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function Toast({ ...props }: ToastProps): JSX.Element;
|
|
8
|
+
export default Toast;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TransactionCard } from "./transaction-card";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface TransactionCardProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
amount?: React.ReactNode | string;
|
|
5
|
+
recipient?: React.ReactNode | string;
|
|
6
|
+
receiptNo?: React.ReactNode | string;
|
|
7
|
+
details?: React.ReactNode | string;
|
|
8
|
+
tax?: React.ReactNode | string;
|
|
9
|
+
date?: React.ReactNode | string;
|
|
10
|
+
statusAsText?: React.ReactNode | string;
|
|
11
|
+
action?: React.ReactNode | string;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
notShowIcon?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => JSX.Element;
|
|
16
|
+
export default TransactionCard;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import CenterDecorator from "../../utils/center-decorator";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
decorators: (typeof CenterDecorator)[];
|
|
6
|
+
component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const TransactionCardStory: {
|
|
10
|
+
(): JSX.Element;
|
|
11
|
+
story: {
|
|
12
|
+
name: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export declare const RegistrationCard: {
|
|
16
|
+
(): JSX.Element;
|
|
17
|
+
story: {
|
|
18
|
+
name: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface UploadAndCropperProps {
|
|
3
|
+
imageDefault: string;
|
|
4
|
+
width?: number;
|
|
5
|
+
border?: number;
|
|
6
|
+
borderRadius?: number;
|
|
7
|
+
color?: Array<number> | undefined;
|
|
8
|
+
handleOnRemove?: () => void;
|
|
9
|
+
imagePreview?: string;
|
|
10
|
+
setImagePreview?: (e: any) => void;
|
|
11
|
+
}
|
|
12
|
+
declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
|
|
13
|
+
export default UploadAndCropper;
|