@mycause/ui 0.0.0-cd1d05d3 → 0.0.0-cd3698a5
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 +27 -0
- package/dist/components/green-dashboard-sidebar/Icon.d.ts +11 -0
- package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.d.ts +15 -0
- package/dist/components/green-dashboard-sidebar/green-dashboard-sidebar.stories.d.ts +12 -0
- package/dist/components/green-dashboard-sidebar/index.d.ts +1 -0
- package/dist/components/index.d.ts +9 -1
- package/dist/components/input/InputDefault.d.ts +8 -0
- package/dist/components/input/index.d.ts +1 -0
- package/dist/components/input/input.stories.d.ts +12 -0
- package/dist/components/line-chart/partner-line-chart-block.d.ts +1 -3
- package/dist/components/modal/index.d.ts +1 -0
- package/dist/components/modal/modal-image.d.ts +8 -0
- package/dist/components/modal/modal.d.ts +2 -1
- package/dist/components/modal/modal.stories.d.ts +6 -0
- package/dist/components/modal/modalImage.d.ts +8 -0
- package/dist/components/partner-chart-stats/index.d.ts +1 -0
- package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
- package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
- package/dist/components/partner-monthly-stats/index.d.ts +1 -1
- package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +1 -1
- package/dist/components/partner-toggle-button/index.d.ts +2 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
- package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
- package/dist/components/this-month-card/index.d.ts +1 -0
- package/dist/components/this-month-card/this-month-card.d.ts +15 -0
- package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
- package/dist/index.esm.js +516 -515
- package/dist/index.js +521 -517
- package/package.json +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,30 @@
|
|
|
1
|
+
## 0.17.9
|
|
2
|
+
|
|
3
|
+
- Update UI component for new parter dashboard
|
|
4
|
+
|
|
5
|
+
## 0.17.8
|
|
6
|
+
|
|
7
|
+
###### Wed, 23 Aug 2023
|
|
8
|
+
|
|
9
|
+
- Modal
|
|
10
|
+
- Add disable for accept button
|
|
11
|
+
|
|
12
|
+
## 0.17.7
|
|
13
|
+
|
|
14
|
+
###### Thur, 27 Jul 2023
|
|
15
|
+
|
|
16
|
+
- TextFieldSearch
|
|
17
|
+
- Create
|
|
18
|
+
|
|
19
|
+
## 0.17.6
|
|
20
|
+
|
|
21
|
+
###### Thur, 27 Jul 2023
|
|
22
|
+
|
|
23
|
+
- FooterV2
|
|
24
|
+
- Add click IDs
|
|
25
|
+
- Nav
|
|
26
|
+
- Add click IDs
|
|
27
|
+
|
|
1
28
|
## 0.17.3
|
|
2
29
|
|
|
3
30
|
###### Thur, 27 Jul 2023
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Icons: {
|
|
3
|
+
dashboard: (props?: {}) => JSX.Element;
|
|
4
|
+
collapse: (props?: {}) => JSX.Element;
|
|
5
|
+
expand: () => JSX.Element;
|
|
6
|
+
donations: () => JSX.Element;
|
|
7
|
+
account: () => JSX.Element;
|
|
8
|
+
support: () => JSX.Element;
|
|
9
|
+
additional: () => JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
export default Icons;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface GreenDashboardSidebarProps {
|
|
3
|
+
listMenu: Array<ItemMenu>;
|
|
4
|
+
noDashboard?: boolean;
|
|
5
|
+
noAccount?: boolean;
|
|
6
|
+
noContract?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare type ItemMenu = {
|
|
9
|
+
id: string;
|
|
10
|
+
icon: any;
|
|
11
|
+
label: string;
|
|
12
|
+
href?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const GreenDashboardSidebar: ({ listMenu, noDashboard, noAccount, noContract, }: GreenDashboardSidebarProps) => JSX.Element;
|
|
15
|
+
export default GreenDashboardSidebar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GreenDashboardSidebar } from "./green-dashboard-sidebar";
|
|
@@ -40,8 +40,16 @@ export * from "./progressbar";
|
|
|
40
40
|
export * from "./start-campaign-card";
|
|
41
41
|
export * from "./nav";
|
|
42
42
|
export * from "./popup";
|
|
43
|
+
export * from "./partner-monthly-donations";
|
|
44
|
+
export * from "./partner-monthly-stats";
|
|
45
|
+
export * from "./table";
|
|
46
|
+
export * from "./partner-chart-stats";
|
|
47
|
+
export * from "./this-month-card";
|
|
48
|
+
export * from "./partner-toggle-button";
|
|
43
49
|
export * from "./footerV2";
|
|
44
|
-
export * from "./line-chart";
|
|
45
50
|
export * from "./partner-monthly-donations";
|
|
46
51
|
export * from "./partner-monthly-stats";
|
|
47
52
|
export * from "./table";
|
|
53
|
+
export * from "./partner-chart-stats";
|
|
54
|
+
export * from "./this-month-card";
|
|
55
|
+
export * from "./partner-toggle-button";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as HorizontalBar } from "./InputDefault";
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface PartnerLineChartBlockProps {
|
|
3
|
-
currentYearData: Array<number>;
|
|
4
|
-
totalDonation: number;
|
|
5
3
|
chartData: {
|
|
6
4
|
current_year: Array<number>;
|
|
7
5
|
months_label: Array<string>;
|
|
8
6
|
requested_year: Array<number>;
|
|
9
7
|
};
|
|
10
8
|
}
|
|
11
|
-
declare const PartnerLineChartBlock: ({
|
|
9
|
+
declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
|
|
12
10
|
export default PartnerLineChartBlock;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ModalImasgeProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
modalImageSrc: string;
|
|
5
|
+
toggleModal: (arg: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
|
|
8
|
+
export default ModalImage;
|
|
@@ -15,6 +15,7 @@ export interface ModalProps {
|
|
|
15
15
|
minimal?: boolean;
|
|
16
16
|
acceptText?: string;
|
|
17
17
|
cancelText?: string;
|
|
18
|
+
disableAcceptButton?: boolean;
|
|
18
19
|
}
|
|
19
|
-
declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, minimal, }: ModalProps) => JSX.Element;
|
|
20
|
+
declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, }: ModalProps) => JSX.Element;
|
|
20
21
|
export default Modal;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ModalImasgeProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
modalImageSrc: string;
|
|
5
|
+
toggleModal: (arg: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
|
|
8
|
+
export default ModalImage;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PartnerChartStats } from "./partner-chart-stats";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PartnerChartStatsProps {
|
|
3
|
+
currentYearData?: Array<number>;
|
|
4
|
+
totalDonation?: string;
|
|
5
|
+
amount?: number;
|
|
6
|
+
title: string;
|
|
7
|
+
active?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
|
|
11
|
+
export default PartnerChartStats;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerChartStatsActive: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export declare const PartnerChartStatsStories: {
|
|
14
|
+
(): JSX.Element;
|
|
15
|
+
story: {
|
|
16
|
+
name: string;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as PartnerMonthlyStats } from "./partner-monthly-stats";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PartnerToggleButtonBlockProps {
|
|
3
|
+
labelLeft: string;
|
|
4
|
+
labelRight: string;
|
|
5
|
+
onClickLeft: () => void;
|
|
6
|
+
onClickRight: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
isActive?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
|
|
11
|
+
export default PartnerToggleButtonBlock;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((...args: any) => any)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const PartnerToggleButtonBlockStory: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
story: {
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PartnerToggleButtonProps {
|
|
3
|
+
label: string;
|
|
4
|
+
active: boolean;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
|
|
8
|
+
export default PartnerToggleButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ThisMonthCard } from "./this-month-card";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface MonthData {
|
|
3
|
+
itemAmount?: number;
|
|
4
|
+
itemText?: string;
|
|
5
|
+
}
|
|
6
|
+
interface ThisMonthCardProps {
|
|
7
|
+
totalDonations: number;
|
|
8
|
+
thisMonthData?: Array<MonthData>;
|
|
9
|
+
imgLink: string;
|
|
10
|
+
buttonLink: string;
|
|
11
|
+
buttonText: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
|
|
15
|
+
export default ThisMonthCard;
|